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.

114 lines
5.9 KiB
HTML

<DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="../style.css">
<link rel="stylesheet" type="text/css" href="style.css">
6 months ago
<link rel="icon" type="image/x-icon" href="/img/red.png">
</head>
<body>
<!-- Nav bar -->
<nav>
6 months ago
<h1><a href="../index.html" class="title">vulnerable <br>interfaces</a></h1>
<div class="gummies">
<div class="gummy">
<a href="../ada/index.html"><img src="../img/purple.png" class="img2"></a>
<div class="caption">ada</div>
</div>
<div class="gummy">
<a href="../aglaia/index.html"><img src="../img/green.png" class="img2"></a>
<div class="caption">aglaia</div>
</div>
<div class="gummy">
<a href="../irmak/index.html"><img src="../img/yellow.png" class="img2"></a>
<div class="caption">irmak</div>
</div>
<div class="gummy">
<a href="../stephen/index.html"><img src="../img/red.png" class="img2"></a>
<div class="caption">stephen</div>
</div>
6 months ago
</div>
</nav>
<div id="content"><h1 id="backplaces">Backplaces</h1>
<h2 id="ada-2024">ada, 2024</h2>
<p><a href="../backplaces">project website</a><br />
6 months ago
</p>
<p>Hi.<br/>
I made this play for you; its a question to keep us alive together. Is all intimacy about bodies? What happens when our bodies distance intimacy from us?
Backplaces is a web-based play. A short anthology of poems and stories about vulnerability, intimacy, and the internet. It explores the internet as a place for holding big feelings and intimacy when it is unbearable. As an homage to those who have been vulnerable with me I created "backplaces". They are tender online spaces for relief and acknowledgement of societal pain.
Some of these stories may evoke memories of pain. As you sit in the audience, know I am with you. If it feels overwhelming, you can step out, take a break, or leave. This isn't choreographed, and I care for you.
I hope you see what I saw in these stories. Sweet dreams now, and I'll talk to you soon.
<br> <br>
love, Ada
6 months ago
</p>
<figure>
6 months ago
<img src="index.png"
6 months ago
alt="This is the Index, the stage of my play. Each felted item is an act." />
<figcaption aria-hidden="true">This is the Index, the stage of my play.
Each felted item is an act.</figcaption>
</figure>
<p> This is the first act of this play, Solar Sibling. It reimagines user comments from TikTok videos about sibling relationships. To do this, I have taken the feelings behind the comments, found where they met my own, and used our shared words to write poems. Solar Sibling celebrates the vulnerabilities nurtured in online communities and invites you to share anonymously on the complexities of sibling relationships. Once you have whispered your sibling feelings to me, they will stay with me and I will never use nor share them. <br/>
6 months ago
</p>
<figure>
6 months ago
<img src="solar-1.png"
6 months ago
alt="The initial comment shaped poems and their sun count." />
<figcaption aria-hidden="true">The initial comment shaped poems and
their sun count.</figcaption>
</figure>
<figure>
<img src="solar-2.png"
alt="The fillable comment where you can whisper your feelings to me." />
<figcaption aria-hidden="true">The fillable comment where you can
whisper your feelings to me.</figcaption>
</figure>
<p>Hermit Fantasy is a short story about a bot and a hermit. It started when I conducted a survey about receiving emotional support on the internet. This is an imagined response to an email I received. The story explores the loneliness of both being online and offline. As an act, it's a series of letters, click by click.
<br/>
6 months ago
</p>
6 months ago
<figure>
<img src="one.png" alt="The first letter." />
<figcaption aria-hidden="true">The first letter.</figcaption>
</figure>
<figure>
<img src="two.png" alt="The second letter." />
<figcaption aria-hidden="true">The second letter.</figcaption>
</figure>
<p>CCake Intimacies is a performance that took a year to bring together. It is a small selection of stories people told me that I held to memory and rewrote here. The stories come from two performances I hosted.
<br>
In the first, I asked participants to eat cake, sitting facing or away from each other, and share stories about cake and the internet. I hosted the second performance at the Art Meets Radical Openness Festival. There I predicted participants' future internet lives using felted archetypes. In return I received stories about feeling strong emotions on the internet.<br />
6 months ago
</p>
6 months ago
<figure>
<img src="pie.png"
alt="The first two stories and their memory illustrations." />
<figcaption aria-hidden="true">The first two stories and their memory
illustrations.</figcaption>
</figure>
<figure>
<img src="phone-pie.png"
alt="The second stories in the way they were meant to be experienced." />
<figcaption aria-hidden="true">The second stories in the way they were
meant to be experienced.</figcaption>
</figure>
6 months ago
<p>The play ends as all plays do. The curtains close, the website stays
but the stories will never sound the same. For the final act, I give you
the stories. Its one last game, one last joke to ask my question again.
Digital intimacies about the digital, our bodies and the cakes we eat.
For the last act, I ask you to eat digital stories. To eat a comment, to
eat a digital intimacy. Sharing an act of physical intimacy with
yourself and with me, by eating sweets together. Sweets about digital
intimacies that never had a body. There is no moral, no bow to wrap the
story in. A great big mess of transcendence into the digital, of
intimacy and of bodies. The way it always is. Thankfully.<br />
6 months ago
</p>
<figure>
<img src="biscuit.png"
alt="Accept My Cookies, biscuits for the performance." />
<figcaption aria-hidden="true">An early prototype of Accept My Cookies, biscuits for
6 months ago
the performance.</figcaption>
</figure>
</div>
</body>
</html>