JavaScript must be enabled to play.
Browser lacks capabilities required to play.
Upgrade or switch to another browser.
Loading…
<div style=" background-image: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.65)), url('images/start.jpg'); background-size: cover; background-position: center; height: 100vh; padding: 60px; color: white; font-family: Arial; "> <h1>The Devil You Know</h1> Three nights with barely any sleep is starting to take a toll on me. I shouldn´t have stayed this long. He gets so annoyed at me now. Cold. Angry. Distant. I don't feel safe. I remember what his ex told me. Why did I get myself into this mess? It´s dark and late. The buses stopped running hours ago. I need to get to my own apartment. I look at his coat rack. Red or black? He likes the red so I put on the black jacket. I walk out as quiet as I can. [[Take the shortcut through the woods]] [[Take the longer route]] </div>
<div style=" background-image: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.65)), url('images/darkwoods.jpg'); background-size: cover; background-position: center; height: 100vh; padding: 60px; color: white; font-family: Arial; "> <br><br> <br><br> The shortcut feels faster. I have walked here before. At least during the day. It feels different at night. [[Walk towards the path]] </div>
<div style="position: relative; height: 100vh; overflow: hidden;"> <video autoplay muted playsinline loop style=" position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; "> <source src="videos/gate.mp4" type="video/mp4"> </video> <div style=" position: relative; z-index: 1; color: white; padding: 60px; text-shadow: 2px 2px 8px black; font-family: Arial; "> The long route feels safer. More lights and more space. A car drives past, slowing down and stopping. Not a single light was on. Weird. [[Look at the car]] </div> </div>
<div style="position: relative; height: 100vh; overflow: hidden;"> <video autoplay muted playsinline loop style=" position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; "> <source src="videos/offroad.mp4" type="video/mp4"> </video> <div style=" position: relative; z-index: 1; color: white; padding: 60px; text-shadow: 2px 2px 8px black; font-family: Arial; "> The faster I move, the less I have to think. [[Walk to the graffiti building]] </div> </div>
<div style="position: relative; height: 100vh; overflow: hidden;"> <video autoplay muted playsinline loop style=" position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; z-index: 0; "> <source src="videos/kirkeslomo.mp4" type="video/mp4"> </video> <div style=" position: relative; z-index: 1; color: white; padding: 60px; text-shadow: 2px 2px 8px black; font-family: Arial; "> No headlights. No movement. I can´t even see someone in there. I know for sure they did not leave the car. The engine keeps running. It does not move. Neither do I. I can feel the pulse in my neck pumping. Maybe they are waiting for someone? [[Walk the other way]] </div> </div>
<div style="position: relative; height: 100vh; overflow: hidden;"> <video autoplay muted playsinline loop style=" position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; z-index: 0; "> <source src="videos/skansen.mp4" type="video/mp4"> </video> <div style=" position: relative; z-index: 1; color: white; padding: 60px; text-shadow: 2px 2px 8px black; font-family: Arial; "> It feels like I have walked forever. It´s probably under two hours. Sigh. [[Walk to the path]] </div> </div>
<div style="position: relative; height: 100vh; overflow: hidden;"> <video autoplay muted playsinline loop style=" position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; "> <source src="videos/walkdown.mp4" type="video/mp4"> </video> <div style=" position: relative; z-index: 1; color: white; padding: 60px; text-shadow: 2px 2px 8px black; font-family: Arial; "> The sound is getting louder. What IS that? At least the surroundings are starting to feel familiar. [[Keep walking down]] </div> </div>
<div style="position: relative; height: 100vh; overflow: hidden;"> <video autoplay muted playsinline loop style=" position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; "> <source src="videos/venstre.mp4" type="video/mp4"> </video> <div style=" position: relative; z-index: 1; color: white; padding: 60px; text-shadow: 2px 2px 8px black; font-family: Arial; "> I turn left. The path opens up for a second. [[Keep moving]] </div> </div>
<div style="position: relative; height: 100vh; overflow: hidden;"> <video autoplay muted playsinline loop style=" position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; "> <source src="videos/right.mp4" type="video/mp4"> </video> <div style=" position: relative; z-index: 1; color: white; padding: 60px; text-shadow: 2px 2px 8px black; font-family: Arial; "> I turn right, noticing sounds in the distance. [[Walk down]] </div> </div>
<div style="position: relative; height: 100vh; overflow: hidden;"> <video autoplay muted playsinline loop style=" position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; "> <source src="videos/redigertgrafittibygg.mp4" type="video/mp4"> </video> <div style=" position: relative; z-index: 1; color: white; padding: 60px; text-shadow: 2px 2px 8px black; font-family: Arial; "> Raindrops hit my face. Damn. It was not supposed to rain. I´m starting to feel lost and tired. Do I even recognize this place? [[Call my friend]] [[Search for the path]] </div> </div>
<div style="position: relative; height: 100vh; overflow: hidden;"> <video autoplay muted playsinline loop style=" position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; "> <source src="videos/offroad.mp4" type="video/mp4"> </video> <div style=" position: relative; z-index: 1; color: white; padding: 60px; text-shadow: 2px 2px 8px black; font-family: Arial; "> At least I know where I am. [[Keep walking]] </div> </div>
<div style=" background-image: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.65)), url('images/grafitti.jpg'); background-size: cover; background-position: center; height: 100vh; padding: 60px; color: white; font-family: Arial; text-shadow: 2px 2px 8px black; "> <br><br> <br><br> I’m starting to doubt my choice of going through the woods this late. I can barely see anything. <br><br> I look around the [[graffiti building]] </div>
<audio id="failedcall" loop> <source src="audio/Callinterfere.mp4" type="audio/mp4"> </audio> <<script>> setTimeout(function() { var sound = document.getElementById("failedcall"); if (sound) { sound.volume = 0.8; sound.play(); } }, 2000); <</script>> <div style=" background-image: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.65)), url('images/grafitti.jpg'); background-size: cover; background-position: center; height: 100vh; padding: 60px; color: white; font-family: Arial; text-shadow: 2px 2px 8px black; "> I try calling again. Nothing. I try my sister. My mom. The police. Still nothing. The line keeps crackling in my ear. A chill goes through me. Then, it turns off. [[Search for the path]] </div>
<div style="position: relative; height: 100vh; overflow: hidden;"> <video autoplay muted playsinline loop style=" position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; "> <source src="videos/lostwoods.mp4" type="video/mp4"> </video> <audio id="branchsound"> <source src="audio/Pinne.mp4" type="audio/mp4"> </audio> <<script>> setTimeout(function() { var sound = document.getElementById("branchsound"); if (sound) { sound.play(); } }, 4000); <</script>> <div style=" position: relative; z-index: 1; color: white; padding: 60px; text-shadow: 2px 2px 8px black; font-family: Arial; "> I don’t remember it being so overgrown. Is this even the right way? Maybe I missed the right path. I stop walking. Everything suddenly feels too quiet. Maybe I´m not alone. I speed up and [[trying to find the wooden shelter]] </div> </div>
<div style="position: relative; height: 100vh; overflow: hidden;"> <video autoplay muted playsinline loop style=" position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; "> <source src="videos/gapahuk.mp4" type="video/mp4"> </video> <audio id="branchsound"> <source src="audio/Pinne.mp4" type="audio/mp4"> </audio> <<script>> setTimeout(function() { var sound = document.getElementById("branchsound"); if (sound) { sound.play(); } }, 4000); <</script>> <div style=" position: relative; z-index: 1; color: white; padding: 60px; text-shadow: 2px 2px 8px black; font-family: Arial; "> Finally. I sit down on the bench to catch my breath. WHAT? Not again. Am I losing it? Run [[downhill]] </div> </div>
<div style="position: relative; height: 100vh; overflow: hidden;"> <video autoplay muted playsinline loop style=" position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; "> <source src="videos/shortgoingdown.mp4" type="video/mp4"> </video> <div style=" position: relative; z-index: 1; color: white; padding: 60px; text-shadow: 2px 2px 8px black; font-family: Arial; "> I don´t know what I´m doing. And where the hell am I? My damn phone is no help. I guess I will figure it out. [[Walk to the left]] [[Walk to the right]] </div> </div>
<div style="position: relative; height: 100vh; overflow: hidden;"> <video autoplay muted playsinline loop style=" position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; "> <source src="videos/blurry.mp4" type="video/mp4"> </video> <div style=" position: relative; z-index: 1; color: white; padding: 60px; text-shadow: 2px 2px 8px black; font-family: Arial; "> I'm freezing and my hands are shaking. Go [[downhill]] </div> </div>
<div style="position: relative; height: 100vh; overflow: hidden;"> <video autoplay playsinline loop style=" position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; "> <source src="videos/dog1.mp4" type="video/mp4"> </video> <div style=" position: relative; z-index: 1; color: white; padding: 60px; text-shadow: 2px 2px 8px black; font-family: Arial; "> I don´t understand why anyone would walk their dogs in the middle of the night. I guess I don´t have to understand everything. <br><br> [[Pass the dogs]] </div> </div>
<div style=" background-image: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.65)), url('images/fjellveien.jpg'); background-size: cover; background-position: center; height: 100vh; padding: 60px; color: white; font-family: Arial; "> The dogs keep barking after I pass them. Not at me. Behind me. I don´t turn around. I walk faster. Faster. [[Run]] <br><br> </div>
<div style="position: relative; height: 100vh; overflow: hidden;"> <video autoplay muted playsinline loop style=" position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; "> <source src="videos/fluktrom.mp4" type="video/mp4"> </video> <div style=" position: relative; z-index: 1; color: white; padding: 60px; text-shadow: 2px 2px 8px black; font-family: Arial; "> <audio id="steps"> <source src="audio/Skritt.mp4" type="audio/mp4"> </audio> <<script>> setTimeout(function() { var sound = document.getElementById("steps"); if (sound) { sound.volume = 0.6; sound.play(); } }, 3000); <</script>> Then I hear it. Footsteps. It´s not mine. Is it coming from inside the bomb shelter? I [[turn around]] slowly. </div> </div>
<div style=" background-image: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.65)), url('images/redjacket.jpg'); background-size: cover; background-position: center; height: 100vh; padding: 60px; color: white; font-family: Arial; "> <div style=" position: relative; z-index: 1; color: white; padding: 60px; text-shadow: 2px 2px 8px black; font-family: Arial; "> <audio id="scratch"> <source src="audio/Skrapmetall.mp4" type="audio/mp4"> </audio> <<script>> setTimeout(function() { var sound = document.getElementById("scratch"); if (sound) { sound.volume = 0.6; sound.play(); } }, 1000); <</script>> I see red between the trees. Just for a second. A red jacket. No no no no no [[Run]] </div> </div>
<div style="position: relative; height: 100vh; overflow: hidden;"> <video id="runvideo" autoplay playsinline loop style=" position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; "> <source src="videos/run.mp4" type="video/mp4"> </video> <<script>> var vid = document.getElementById("runvideo"); if (vid) { vid.volume = 0.3; } <</script>> <div style=" position: relative; z-index: 1; color: white; padding: 60px; text-shadow: 2px 2px 8px black; font-family: Arial; "> I grab my [[keys]]. </div> </div>
<div style="position: relative; height: 100vh; overflow: hidden;"> <video autoplay muted playsinline loop style=" position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; "> <source src="videos/keys.mp4" type="video/mp4"> </video> <div style=" position: relative; z-index: 1; color: white; padding: 60px; text-shadow: 2px 2px 8px black; font-family: Arial; "> I slam the door behind me. Lock it. Silence. I look up. His red jacket is hanging by the door. </div> </div>