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.

91 lines
4.9 KiB
HTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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">&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/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>2224</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 visitors 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. Theyre 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 Masters 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>