Home Phone

<div class="row-box"> <div class="chapter-box">[[leave]]</div> </div>

<div class="row-box"> <div class="chapter-box">[[the sitting room]]</div> <div class="chapter-box">[[the kitchen]]</div> </div> <div class="row-box"> <div class="chapter-box">[[go upstairs->the landing]]</div> </div> <%= window.story.render("chapters_leave") %>

<div class="row-box"> <div class="chapter-box">[[go downstairs->the sitting room]]</div> <div class="chapter-box">[[the bathroom]]</div> <div class="chapter-box">[[the bedroom]]</div> </div> <%= window.story.render("chapters_leave") %>

<img alt="ikea chairs" src="assets/ommaney_chairs.webp" class="image-left" style="transform: rotate(0deg);" /> <img alt="" src="assets/ommaney_chairs.webp" class="image-right" aria-hidden="true"/> <img alt="a motorola razr phone" src="assets/phones/razr_1.webp" class="image-right"> <img alt="a monstera plant" src="assets/monstera.webp" class="image-left"> <div class="block"> <div class="text-container"> <h2>The Kitchen</h2> <p>I'm 24 and I live in a house with 6 other people</p> <p>don't tell the landlord, he thinks we're 4</p> <p>It's a big Victorian family home, and we're a kind of family</p> <p>We could watch the feet of passersby from the half-basement windows</p> <p>We'd stay up and talk for hours here</p> <p>Weaving the story of our lives together until the dawn broke</p> <p>Young and strong, resting for a while at this waystation</p> <p>The black mould on the walls wouldn't stain us</p> <p>And we'd remember the sounds of the rats underneath the floor</p> <p>And we'd laugh about it all</p> </div> <%= window.story.render("chapters_downstairs") %> </div> <%= window.story.render("footer") %>

<img alt="grainy image of suburban homes" src="assets/suburbs.webp" class="cover"> <img alt="pothos plant" src="assets/pothos.webp" class="image-left"> <img src="assets/pothos.webp" class="image-right" aria-hidden="true"> <img alt="nokia phone" src="assets/phones/nokia_2.webp" class="image-right image-small"> <img src="assets/phones/nokia_4.webp" class="image-bottom image-small" aria-hidden="true"> <div class="block"> <div class="text-container"> <h2>The Sitting Room</h2> <p>This is my living room now</p> <p>it's the heart of the house, the center that holds us</p> <p>where the books and art and photos and trinkets</p> <p>wink back at me from their homemade shelves</p> <p>it's a landscape dotted with wayfinders</p> <p>like we used to cut out our favourite pictures from magazines</p> <p>like nesting animals placing one careful twig after another<p> <p>an orange velvet sofa, a cheese plant, a muddy ceramic pot<p> <p>these objects, things, inert and silly</p> <p>allow us to timetravel across our lives<p> <p>tell a story about who we want to be, and where we want to go</p> <p>and project some sort of safety, as we brace against the unknown future</p> </div> <%= window.story.render("chapters_downstairs") %> </div> <%= window.story.render("footer") %>

<footer> <p>&#128222 Call me if you'd prefer to listen: 0117 214 1269 &#128222</p> <p><a href="https://github.com/Harriethw/home-phone/blob/main/notes/how_to.md">want to build your own home phone?</a> </p> <p>we're currently prototyping ths project! pls get in touch at machinestreams@protonmail.com if you'd like to know more</a>. <p>this phone is hosted from a living room in Bristol, UK. It is a DIY <a src="https://areyoubeingserved.constantvzw.org/Summit_afterlife.xhtml">feminist server</a>. <p>made by <a src="https://mas.to/@harriethw">HarrietHW</a></p> <img alt="nineties purple home phone" src="assets/phones/phone_purple.webp" class="image-small"> <p>this site is built with <a src="http://www.motoslave.net/tweego/">Tweego</a></p> <p>the phone server is running on <a src="https://www.freepbx.org/">FreePBX</a></p> </footer>

<img alt="grainy photo of a brick wall" src="assets/suburbs.webp" class="cover"> <div class="header_wrapper"> <div class="header_sub"> <h2>HOME PHONE</h2> <div class="marquee__wrapper"> <h3 style="color:blue;" class="marquee">CALL NOW: 0117 214 1269</h3> </div> </div> <div class="header_sub"> <img alt="an old fashioned corded phone" src="assets/phones/old-fashioned-phone-2.webp"/> <div class="row-box"> <div class="chapter-box">[[start transcript->Beginning]]</div> </div> </div> <div class="header_sub"> <h2>HOME PHONE</h2> <div class="marquee__wrapper"> <h3 style="color:blue;" class="marquee">CALL NOW: 0117 214 1269</h3> </div> </div> </div> <%= window.story.render("footer") %>

<img alt="grainy image of a large mock-tudor house" src="assets/norman_cottage_pink.webp" class="cover"> <img alt="an old fashioned corded phone" src="assets/phones/corded_phone_pink.webp" class="image-right"> <div class="block"> <div class="text-container"> <p>Hi welcome to my home phone</p> <p>We're at the doorway now, when you choose to enter</p> <p>I'll guide you through my infrastucture</p> <p>there may be glitches, and there may be ghosts, but don't worry too much</p> <p>we've got a connection now</p> <p>where would you like to start?</p> </div> <%= window.story.render("chapters_downstairs") %> </div>    <%= window.story.render("footer") %>

<div class="text-container"> <p>Thanks for visiting</p> <p>I hope you stop by again some time</p> <p>check out www.homephone.computer for more info</p> <p>Or, press 1 to leave a message in the guest book</p> </div> <img alt="grainy image of brick apartment block in London" src="assets/stamford_hill_green.webp" class="cover"> <div class="row-box"> <div class="chapter-box">[[visit again->Home]]</div> </div>

<div class="block"> <div class="text-container"> <p>let's walk up the stairs together</p> <p>past the banisters, with their dusty wooden bars</p> <p>when I was 10 we moved somewhere for the first time that had stairs like these</p> <p>I used to sit on my own and hold the curved wooden slates</p> <p>It felt safe, to be in a makeshift, in-between space</p> <p>To just play at being stuck</p> <p>I'd listen to the sounds of my parents on the phone,</p> <p>watching TV, or working</p> <p>and float away on dreams of other people and other homes</p> <p>constructing stories that took me out of the inbetween</p> </div> <%= window.story.render("chapters_upstairs") %> </div> <img alt="grainy image of brick apartment block in London" src="assets/stamford_hill_green.webp" class="cover"> <%= window.story.render("footer") %>

<h2>The Bathroom</h2> <img src="assets/shower.webp" class="image-right" alt="a basic shower head floating on the page"> <img src="assets/phones/ericcson_2.webp" class="image-left" alt="an ericsson phone"> <div class="block"> <div class="text-container"> <p><em>Sound of tap running</em></p> <p>I once had a bathroom with a wooden sash window next to the shower</p> <p>the paint peeling off, ecosystems of mould in the wood</p> <p>when we moved in we bought a cheap plastic shower curtain</p> <p>and strung it up to hide the creeping soft mess of it all<p> <p>I once disloged a tile that was loose on the wall</p> <p>to reveal a curled up root that sprang out of the soft red brick<p> <p>a plant was flourishing just outside, green and lush</p> <p>clinging dashingly three floors up</p> <p>the plant had found a way to live here</p> <p>and so would we</p> </div> <%= window.story.render("chapters_upstairs") %> </div> <%= window.story.render("footer") %>

<div class="block"> <div class="text-container"> <p>this is our bedroom now</p> <p>the walls are whitewashed and clean</p> <p>the light pours in every morning</p> <p>and hits this mirror</p> <p>that used to hang in my parents house</p> <p>if I look too long at one spot<p> <p>and the edges of things start to swim and blur</p> <p>I can almost catch the reflection</p> <p>of shifting faces, a young child, a teenager</p> <p>standing in my place</p> <p>and then the light changes</p> <p>and it's just me, looking back</p> </div> <%= window.story.render("chapters_upstairs") %> </div> <%= window.story.render("footer") %>

<div class="text-container"> <p>Hi - you've reached the Home Phone project</p> <p>you're talking to a small DIY micro server</p> <p>we're currently on a table in a living room in Bristol</p> <p>you can find more about this ongoing project at www.homephone.computer</p> <p>press 1 to leave a voice note on our message board</p> <p>press 2 to hear some messages left by others</p> <p>press 3 to hear this message again</p> <div class="row-box"> <div class="chapter-box">[[press 2->voicemail message]]</div> <div class="chapter-box_disabled">press 1 (TBC)</div> </div> </div> <%= window.story.render("footer") %>

<div class="text-container"> <p>Please leave a short note for our community</p> <p>Perhaps you've been inspired by community tech?</p> <p>Perhaps you'd like to describe a sound?</p> <p>Perhaps you have a wish you'd like to put out into the world?</p> <p>Recording will start after the beep</p> <p>Press the hash key when you're finished, or just hang up</p> <p>Thanks for taking part!</p> <div class="row-box"> <div class="chapter-box">[[return->Home]]</div> </div> </div> <%= window.story.render("footer") %>