(set: $dream to false)
(set: $evict to false)
(set: $1stint to false)
<br>
<div class="hudt">You're doing great so far, Jesse. The next one is simple: how long do you usually sleep?</div>
<div class="foxt">Usually? </div> <div class="IDNOTE">`[stressed]` </div>
<div class="hudt">On an average night. Eight hours is what's recommended, but how long do //you// sleep? There's no wrong answer.</div>
<div class="foxt">Six hours, maybe?</div>
<div class="hudt">And that would be just in the past few weeks, or always?</div>
<div class="foxt">Always…but less, lately. Yeah.</div>
<div class="hudt">Restless sleep, I'm guessing?</div>
<div class="foxt">Mmm.</div>
<div class="hudt">[[Do you dream, usually?->.dream]]</div>
</div><div id="xofxo"><img class="responsive-image" src="https://xoxodeadmeats.neocities.org/assets/images/image03.png"></div>
{ {(unless: (passage:)'s tags contains "no-header")[
<div id="header"></div>
<nav id="navbar">
<ul>
<li><div class="menU">[[RESTART->.intro]]</div></li>
<li><div class="menU">[[FILES->.files]]</div></li>
<li><div class="menU">[[IMAGES->.intro]]</div></li>
<li><div class="menU">[[ETC->.intro]]</div></li>
<li><div class="menU">
(link-goto: "<<< go back", (history:)'s last) <br>]}
</div></li>
<br>
</ul>
</nav>
<!-- THIS IS THE CSS !-->
<style>
:root {
--header-image: url('');
/* colors */
--content: ;
}
/* if you have the URL of a font, you can set it below */
/* feel free to delete this if it's not your vibe */
/* this seems like a lot for just one font and I would have to agree
but I wanted to include an example of how to include a custom font.
If you download a font file you can upload it onto your Neocities
and then link it! Many fonts have separate files for each style
(bold, italic, etc. T_T) which is why there are so many!
*/
@font-face {
font-family: Monospace;
src: url('');
}
@font-face {
font-family: Monospace;
src: url('');
font-weight: bold;
}
@font-face {
font-family: Monospace;
src: url('');
font-style: italic;
}
@font-face {
font-family: Monospace;
src: url('');
font-style: italic;
font-weight: bold;
}
body {
font-family: 'Monospace', sans-serif;
margin: 0;
background-color: #00000;
/* you can delete the line below if you'd prefer to not use an image */
background-size: 200px;
color: #fceaff;
background-image: var(--body-bg-image);
}
* {
box-sizing: border-box;
}
/* below this line is CSS for the layout */
/* this is a CSS comment
to uncomment a line of CSS, remove the * and the /
before and after the text */
#container {
max-width: 900px;
/* this is the width of your layout! */
/* if you change the above value, scroll to the bottom
and change the media query according to the comment! */
margin: 0 auto;
/* this centers the entire page */
}
/* the area below is for all links on your page
EXCEPT for the navigation */
#container a {
color: #ED64F5;
font-weight: bold;
/* if you want to remove the underline
you can add a line below here that says:
text-decoration:none; */
}
#header {
z-index: 4;
width: 100%;
/* header color here! */
height: 10%;
opacity: .80;
position: fixed;
top: 0;
left: 0%;
/* this is only for a background image! */
/* if you want to put images IN the header,
you can add them directly to the <div id="header"></div> element! */
background-color: black;
background-repeat: no-repeat;
background-image: var(--header-image);
background-size: 100%;
}
/* navigation section!! */
#navbar {
z-index: 5;
background-color: #00000;
height: 150px;
position: fixed;
top: 15px;
left: 0%;
align: center;
/* navbar color */
width: 100%;
}
#navbar ul {
color: #00FFFF;
/* navbar text color */
font-family: monospace;
font-size: 12px;
text-decoration: none;
/* this removes the underline */
display: flex;
padding: 0;
margin: 0;
list-style-type: none;
justify-content: space-evenly;
}
#navbar li {
padding-top: 0px;
}
/* navigation links*/
#navbar li a {
color: #00FFFF;
/* navbar text color */
font-family: monospace;
font-size: 12px;
text-decoration: none;
/* this removes the underline */
}
/* navigation link when a link is hovered over */
#navbar li a:hover {
color: #a49cba;
text-decoration: underline;
}
#flex {
display: flex;
}
/* this is the color of the main content area,
between the sidebars! */
main { flex: 1;
padding: 0px;
order: 2;
}
h1,
h2,
h3 {
color: #ED64F5;
}
h1 {
font-size: px;
}
strong {
/* this styles bold text */
color: #ED64F5;
}
/* CSS for extras */
#topBar {
width: 100%;
height: 30px;
padding: 10px;
font-size: smaller;
}
/* BELOW THIS POINT IS MEDIA QUERY */
/* so you wanna change the width of your page?
by default, the container width is 900px.
in order to keep things responsive, take your new height,
and then subtrack it by 100. use this new number as the
"max-width" value below
*/
#flex {
flex-wrap: wrap;
}
aside {
width: 100%;
}
/* the order of the items is adjusted here for responsiveness!
since the sidebars would be too small on a mobile device.
feel free to play around with the order!
*/
main {
order: 1;
}
#leftSidebar {
order: 2;
}
#rightSidebar {
order: 3;
}
#navbar ul {
flex-wrap: wrap;
}
}
</style>}
<br>(set: $dream to true)
<br>
<div class="foxt">No. Not usually.</div>
<div class="hudt">Sometimes?</div>
<div class="foxt">Sometimes. Sometimes I dream, yeah.</div>
<div class="hudt">Would you say your dreams are happy, generally?
</div>
<div class="foxt">I'm happy in most of them.
</div>
<div class="hudt">[[Most?->.ihave]]</div>
<br>
<div class="foxt">Most. Most are good ones– doesn’t everybody have bad dreams?
</div>
<div class="hudt">Outside...yes. Here? If I'm being frank, no. Not really. In the past, half of a psychiatrist's business was listening to the bad dreams and helping people decide what they meant. In Haven, there's really not much to my job anymore. We're on our way out.
</div>
<div class="foxt">Ha.
</div>
<div class="hudt">But you say you //do// have bad dreams. Bad in what way?
</div>
<div class="IDNOTE">`[he pauses: 3 secs] `</div> <div class="foxt">I don't...it's hard to talk about.
</div>
<div class="hudt"> Feels like you can't get it out? </div>
<div class="foxt"> Mm. </div>
<div class="hudt">I need you to be honest with me, Jesse. Whatever comes out of this– it'll be what's best for you. Okay? I'm only here for you. Not anyone else. We'll get to the bottom of what's bothering you lately, and we'll figure out the next step.
</div>
<div class="foxt">Right. Yeah.
</div>
<div class="hudt">So...?
</div>
<div class="foxt">I dream about people going away.
</div>
<div class="hudt">[[Going away?->.away]]</div>
{
<style>
#img1 {
opacity: .20;
transition: 1.5s ease;
}
#img1:hover {
opacity: 0.40;
background: url(imgcolor.jpg);
}
#img2 {
opacity: .30;
transition: 0.5s ease;
}
#img2:hover {
opacity: 0.70;
background: url(imgcolor.jpg);
}
</style>
<div align="right"><img src="https://i.ibb.co/1zYmTPd/Screenshot-2023-08-13-8-57-12-PM.png" width=700px border="0" id="img1">
}
<br>
<div class="foxt">Dying. When I say that... I'm sorry. It makes me feel sick.</div>
<div class="hudt">Do you think about death often?</div>
<div class="foxt">No– just, sometimes when I'm dreaming, I have a dream– and someone goes away in it. Like Arthur. The last time I had one, it was Arthur.</div>
<div class="hudt">That's your partner.</div>
<div class="IDNOTE">`[he laughs]` </div><div class="foxt">Yeah.</div>
<div class="hudt">And it's a sad dream-- where Arthur is gone?</div>
<div class="IDNOTE">`[he pauses: 2 seconds]`</div><div class="foxt"> Yes.</div>
<div class="hudt">People outside call bad dreams "nightmares". Maybe you've heard the expression in other contexts. Really, it's when you dream about things that scare you. If you were still taking your medication, it wouldn't be happening– but it isn't exclusively a bad thing to have dreams involving death, Jesse. </div>
<div class="foxt">It isn't?</div>
<div class="hudt">No. If you're having nightmares about death, it means you're afraid of death. Death is frightening. It's a memo from your subconscious, in my opinion. Reminding you of what's safe, and what the alternative is.</div>
<div class="foxt">Yeah…</div>
<div class="hudt">What are your //good// dreams like, Jesse? The bad ones matter less than those. Remember, we have to be honest with each other, right?</div>
<div class="foxt">I don’t always remember them. I dream about the forest. Sometimes. I can see it from my window at work…so I guess it stays in my head. I had a dream last week that my boss wanted me to go out. To leave Haven and fix something. There was an old computer, just sitting out there somewhere, and I had to find it.
</div>
<div class="hudt">That's an interesting dream! Did you find it?</div>
<div class="foxt">I don't remember. But I remember looking for it– the rangers opened the front gate for me, and I walked out. I had a big bag on my back, like a kid. I think I put sandwiches in it…actual sandwiches, with meat and toppings. And nobody followed me. I just walked out. I was alone. </div>
<div class="hudt">What was it like? Was it scary?</div>
<div class="foxt">It was nice, actually. It smelled good. It smelled like tea, with all the trees around me. I think it had rained, too– it smelled different from the artificial rain in the Oculus. It wasn’t scary.</div>
<div class="IDNOTE"> `[REDACTED typing; 1 min 35 sec pause in speech]`
<div class="hudt">Jesse, can I ask you something? It's just for me to know, not anyone else.</div>
<div class="foxt">[[Okay.->.ok]]</div>
<br>
<div class="hudt">Why did you stop taking the pills? What I mean is– you like living here, yes?</div>
<div class="foxt">Of course I d–</div>
<div class="hudt">So why would you stop? It's the one thing– the one real duty we all have. Self maintenance. Thought hygiene. I've only met a few people who stopped maintaining altogether. We want to understand why.</div>
<div class="foxt">I forgot.</div>
<div class="hudt">You forgot?</div>
<div class="foxt">Yeah. I overslept. I was in a rush. And I just…forgot. </div>
<div class="hudt">But you didn't take the following dose, either. Why?</div>
<div class="foxt">We went to a party that night… people kept asking me about my arm. How I lost it. Touching it. Everybody praising Hudtech for giving me a new one– a better one. It happens all the time, but most of the time, it's when I'm around– uh–</div><div class="IDNOTE">` [an exhale, heavy]`</div>
<div class="hudt">Arthur's friends?</div>
<div class="foxt">Mm. </div>
<div class="hudt">He's wealthier, I saw. </div>
<div class="foxt">…yeah. They ask about how I got here. They all want to hear a sob story. I guess they can tell my background is different from theirs. People can always tell. And it just rubbed me the wrong way that night. Maybe I was a little more emotional than usual. I never get mad. I don't even know how to get mad. It just happened. I was snippy with someone, and she must have told Arthur.</div>
<div class="hudt">Snippy?</div>(click: "Snippy?")[
<section id="diaLOG">
<div class="IDNOTE">`[Apologies OWNERNAMEUNDESIGNATED! This log may contain inaccuracies in auto transcription due to overlapping speech.]` </div>
<div class="REDACTED">`[...]` – and I’m sorry for being so forward, but it’s incredible. Just incredible what he can do, and how far we’ve come.</div>
<div class="foxtfb">Thank you. I’m actually going to wander off– I told Art I’d circle back to him like…20 minutes ago, probably.</div>
<div class="REDACTED">Oh, stay a minute longer, please. It’s really– just a gorgeous piece, did you have any say in the design? I’ve heard a lot of the higher end artlimbs are more like…like a sort of collaboration. Between the patient and the designer. </div>
<div class="foxtfb">Please, Ms. Kenzie, yeah it’s– hey, okay. Okay. </div>
<div class="REDACTED">Is everything alright? </div>
<div class="foxtfb">Yeah, I appreciate it. The compliment– no, I didn’t really have anything to do with the design. All I did was lose the arm.</div>
<div class="IDNOTE">`[JESSE laughs]`</div>
<div class="REDACTED">I’m sure I’m at least double your age– but I remember the early days of artlimbs. So much less convincing, visually. </div>
<div class="foxtfb">Great–</div>
<div class="REDACTED">The way it follows the contour of your collarbone– </div>
<div class="foxtfb">Like I said, I’m going to wander off, Art’s probably wondering where I went. </div>
<div class="REDACTED">Dan would love to see this, do you mind? </div>
<div class="foxtfb"> I fucking mind</div>
<div class="REDACTED">D– sorry? did you just say can you not take a hint? What the fuck is WRONG with you,
I’m-sorry?
what is wrong with you you don’t fucking– you don’t TOUCH people I didn’t mean to offend you if I did I apologize, really FUCK</div>
<div class="IDNOTE">`[crashing sound]`</div>
<div class="foxtfb">YOU. Fuck FUCK THIS PARTY FUCK YOU FUCK YOU FUCK Daniel get Arthur please come </div>
<div class="foxtfb">If you don’t fucking BACK UP, I swear, I FUCKING SWEAR</div>
<div class="IDNOTE">`[Sorry! I didn’t catch that part. error:VOLUMEISSUEINDECIPHERABLE] `</div>
<div bac
<div class="foxtfb">And FUCK this PLACE. FUCK YOU, FUCK THIS PLACE FUC</section>
]
<div class="foxt">I was going to apologize to her next time we ran into each other. For being rude.</div>
<div class="hudt">You didn't raise your voice, then? No profanities?</div>
<div class="foxt">What? No, we just left early. It wasn't a good night, but it– Arthur was mad, that's all. I embarrassed him. Who told you anything about–</div>
<div class="hudt">My mistake. I must have misread. The file had a lot of moving parts.</div>
<div class="foxt"> It wasn't that bad. Really, he just blows things out of proportion sometimes. </div>
<div class="hudt">Arthur was mad...?</div>
<div class="foxt">...yeah. The next morning, I realized that might have been why– that I forgot my ‘mints. But I didn't feel any different. I was more focused, actually. When I was at work. I take bi-weeklies, and I got through without them fine. After that, I just…I was curious– Arthur works with medicine, so I thought if I had any real issues, I could– you know, he could always help, if something happened. But I also just…I wanted to see what //would// happen. So I missed my next dose–</div>
<div class="hudt">And the following dose. And your check-in. </div>
<div class="IDNOTE">`[JESSE does not answer]` </div>
<div class="hudt"> What happened?</div>
<div class="foxt">I started to feel different.</div>
<div class="hudt">Different how?</div>
<div class="foxt">[[Just. . . like everything is wrong.->.wrong]]</div>
<style>
#img1 {
opacity: .50;
transition: 0.5s ease;
}
#img1:hover {
opacity: 0.90;
background: url(imgcolor.jpg);
}
#img2 {
opacity: .30;
transition: 0.5s ease;
}
#img2:hover {
opacity: 0.70;
background: url(imgcolor.jpg);
}
</style>
<div align="center"><img src="https://i.ibb.co/zQ5C2rs/Screenshot-2023-08-11-4-38-27-PM.png" width=400px border="0" id="img1">
<div class="hudtT"> Okay, Jesse. I think we're [[done here]]. </div>
<img src="https://i.ibb.co/z29JW80/imageedit-3-9959456014.png" width="400px" id="img2"> <br></div>
(set: $evict to true)
<div align="center">
<br>
<div class="hudD">RECOMMENDED COURSE OF ACTION: [EVICTION/RELOCATION]</div></div>(click: "EVICTION/RELOCATION")
[
<div class="foxt">
the word they use is evicted, but it goes like this:
they escort you out of city limits within two hours. a uniform follows you to your apartment & watches you pack.
they don't call you a moving tram, and you don't argue. at that point you've broken your contract. you're basically trespassing. they're being generous even letting you take some of your life along for the ride.
just enough of it to make other people see your empty place & figure //oh he must be starting over somewhere else//. it's scandalous to leave, but they'll get over you quick.
my boyfriend wasn't there, of course. bc then he would have had to look at me & feel something like guilt if he was even capable of that.
they put you & your shit in a truck. one that the wardens use with big tires for driving out in the Barrens. they have guns.
that should be your first hint that you aren't getting out of it alive, but if it isn't, the needle they sedate you with definitely clues you in.]
</div>
{<section id="indeX">
<div class="hudD">
(if: $dream is true)[[[A11072->firstfoxthing]]](elseif: $dream is false)[`.[UNAVAILABLE]`] |
(if: $evict is true)[[[B11072->secondfoxthing]]](elseif: $evict is false)[`.[UNAVAILABLE]`] |
(if: $1stint is true)[[[C13072->thirdfoxthing]]](elseif: $1stint is false)[`[UNAVAILABLE]`] |
`[UNAVAILABLE]` |
`[UNAVAILABLE]` |
`[UNAVAILABLE]` |
`[UNAVAILABLE]` |
`[UNAVAILABLE]` |
`[UNAVAILABLE]` |
`[UNAVAILABLE]` |
`[UNAVAILABLE]` |
`[UNAVAILABLE]` |
`[UNAVAILABLE]` |
`[UNAVAILABLE]` |
`[UNAVAILABLE]` |
`[UNAVAILABLE]` |
`[UNAVAILABLE]` |
`[UNAVAILABLE]` |
`[UNAVAILABLE]` |
`[UNAVAILABLE]` |
`[UNAVAILABLE]` |
</div>
</section>
}FIRST INTERACTION BTWN FOX & THING
(set: $1stint to true)SECOND INTERACTION BTWN FOX & THINGTHIRD INTERACTION BTWN FOX & THING