|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<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>
|
|
|
|
|
|
<body>
|
|
|
<div id="row1">
|
|
|
|
|
|
<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"><?water bodies></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/thesis.html" 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 class=" container">
|
|
|
<h2>xpub <br>22–24</h2>
|
|
|
<h1>vulnerable <br>interfaces</h1>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div id="row2">
|
|
|
<div id="script">
|
|
|
<h2 id="act-1.">Act 1.</h2>
|
|
|
<h3 id="scene-1.">Scene 1.</h3>
|
|
|
<p><em>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 the
|
|
|
paper, touches it. The website touches them back.</em></p>
|
|
|
<p><strong>the website (whispering in the visitor’s ear):</strong> 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.</p>
|
|
|
<p><strong>the visitor:</strong> Interfaces?</p>
|
|
|
<p><strong>the website:</strong> 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.</p>
|
|
|
<p><strong>the visitor (confused):</strong> What do you mean a
|
|
|
collection, like a catalogue?</p>
|
|
|
<p><strong>the website:</strong> Yeah I guess. I weave the words and the
|
|
|
works we created during…</p>
|
|
|
<p><strong>the visitor:</strong> we?</p>
|
|
|
<p><strong>the website:</strong> …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 books.</p>
|
|
|
<p>(The website tears up).</p>
|
|
|
<p>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.</p>
|
|
|
<p><strong>the visitor (sarcasm):</strong> do you have a tissue, im soooo
|
|
|
touched.</p>
|
|
|
<p><strong>the website:</strong> malaka, just read me.</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</body>
|
|
|
</html> |