You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

85 lines
4.7 KiB
HTML

2 months ago
<!DOCTYPE html>
<html lang="en">
<head>
2 months ago
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>vulnerable interfaces </title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/x-icon" href="/img/red.png">
</head>
2 months ago
<body>
2 months ago
<div id="row1">
<div class=" container">
<h2>xpub 2224</h2>
<h1>vulnerable interfaces</h1>
</div>
<div class=" content-list" id="index-contents">
<img src="/img/purple.png" alt="purple" class="img">
<a href="/ada/index.html" class=" content">Backplaces</a>
<img src="/img/purple.png" alt="purple" class="img">
<a href="/ada/thesis.html" class=" content">&lt?water bodies&gt</a>
<img src="/img/yellow.png" alt="yellow" class="img">
<a href="/irmak/index.html" class=" content">Wink</a>
<img src="/img/yellow.png" alt="yellow" class="img">
<a href="/irmak/" class=" content">Fair Leads</a>
<img src="/img/red.png" alt="red" class="img">
<a href="/stephen/index.html" class=" content">What do graphic designers do all day, and why do they do it, and what does “graphic design” even mean?</a>
<img src="/img/red.png" alt="red" class="img">
<a href="/stephen/thesis.html" class=" content"></a>
<img src="/img/green.png" alt="green" class="img">
<a href="/aglaia/index.html" class=" content">Talking Documents</a>
<img src="/img/green.png" alt="green" class="img">
<a href="/aglaia/thesis.html" class=" content">Performing the Bureaucratic Border(line)s</a>
<img src="/img/blue.png" alt="blue" class="img">
<a href="/specialissuesintro/index.html" class=" content">Special Issues</a>
<img src="/img/blue.png" alt="blue" class="img">
<a href="./specialissue19/index.html" class=" content">Garden Leeszaal</a>
<img src="/img/blue.png" alt="blue" class="img">
<a href="/specialissue20/index.html" class=" content">Console</a>
<img src="/img/blue.png" alt="blue" class="img">
<a href="/specialissue21/index.html" class=" content">TTY</a>
</div>
</div>
<div id="row2">
<div class="about">
Act 1. <br>
Scene 1.
<br><br>
Internal. A visitor holds a website in their hands. The first page of the website is opened, the visitor holds it to their face and smells it, touches it. The website touches them back.
<br><br>
the website (whispering in the visitor's ear): <br>
Being vulnerable means being transparent, open and brave, trusting others to handle stories with care. By publicly sharing and processing our narratives, we take ownership of our experiences while contributing to a collective voice. Even when we incorporate stories from others, our names remain attached to this collective creation: Ada, Aglaia, Irmak, Stephen. We have created interfaces highlighting the balance between communal sharing, individual responsibility and awareness.
<br><br>
the visitor:<br>
Interfaces?
<br><br>
the website: <br>
Interfaces are boundaries that connect and separate. They're the spaces that fill the void between us. An interface can be an act, a story, a keyboard, a cake; It allows us to be vulnerable together, to share our stories with and through each other. I am a collection of these interfaces.
<br><br>
the visitor (confused): <br>
What do you mean a collection, like a catalogue?
<br><br>
the website: <br>
Yeah I guess. I weave the words and the works we created during...
<br><br>
the visitor:<br>
we?
<br><br>
the website: <br>
...I mean the four of us, the students of Experimental Publishing at the Piet Zwart Institute. From 2022 until today, June 2024, we published three special issues together. We wrote four theses and made four graduation projects. We grew our hair out and cut it and grew it again and dyed it. We cared and cried for each other, we brewed muddy coffee and bootlegged websites. (The website tears up). Finishing a Master's is a bit of a heavy moment for us and this website is a gentle archive, a memory of things that have been beautiful to us.
<br><br>
the visitor (sarcastically):<br>
do you have a tissue, im soooo touched.
<br><br>
the website:<br>
malaka, just read me already!
</div>
</div>
</body>
</html>