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.

102 lines
4.6 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">
<title>BackPlaces</title>
<meta name="description" content="XPUB">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../css/pages.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/x-icon" href="img/purple.png">
</head>
<body>
<div id='wrapper'></div>
<a href='../' id='homebttn' class='ext'> << home</a>
<header>
<h1 id='project-title'>BackPlaces<a href='#hleft-text' class='show'></a></h1>
<h2 id='student-name'>ada varriale, 2024</h2>
<div id='hleft-text'>
<a href=# id='back'>
<div id='inner-hleft-text'>
<div id='ihtp'>
<object>
<div id='about-student'>
<p><em>ada (just ada please) sometimes calls herself a designer and illustrator, sometimes a writer, sometimes a pastry chef. Mostly she calls her friends. </em></p><br>
<div class="navlinks">
<a href="https://vulnerable-interfaces.xpub.nl/backplaces/" id="navlink"> the project website</a>
<br>
<a href="https://vulnerable-interfaces.xpub.nl/ada/thesis.html" id="navlink"> my thesis (&lt;?water bodies&gt;)</a>
<br>
<a href="https://vulnerable-interfaces.xpub.nl/" id="navlink">vulnerable interfaces</a><br>
</div>
<div id="licensing-information">
<p>This work is free to distribute or modify under the terms of the SIXX
license as published by XPUB, either version one or
any later version. See the license on <a href="vulnerable-interfaces.xpub.nl/license"
class="ext">vulnerable-interfaces.xpub.nl/license</a> for more details.</p>
</div>
</div>
<a id='getback' class='int'> go back </a>
</object>
</div>
</div>
</a>
</div>
</header>
<section id='main'>
<div id="galleries">
<!-- The iframe thingy -->
<figure>
<iframe src="https://vulnerable-interfaces.xpub.nl/backplaces/" title="backplaces">
</iframe>
</figure>
<!--description -->
<p>
Hi. 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?<br>
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 have been vulnerable with me I created "backplaces". They are tender online spaces for relief and acknowledgement of societal pain.<br> 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.
<br>
I hope you see what I saw in these stories. Sweet dreams now, and I'll talk to you soon.
<br><br>
love, Ada
</p>
<figcaption aria-hidden="true">Solar Sibling.</figcaption>
<br>
<img src="img/solar2.gif"
alt="Solar Sibling" />
<p>Told you Id talk to you soon. 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.
</p>
<figcaption aria-hidden="true">Hermit Fantasy.</figcaption>
<br>
<img src="img/hermitagain.gif"
alt="Hermit Fantasy" />
<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.
</p>
<figcaption aria-hidden="true">Cake Intimacies.</figcaption>
<br>
<img src="img/cake3.gif"
alt="Cake Intimacies" />
<p>Cake 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.
</p>
</div>
</section>
</div>
</body>
</html>