<img class="phone" src="https://lunahmy.github.io/graphics/phone.png">
<img class="hand" src="https://lunahmy.github.io/graphics/hand.png">
<span class="timer">
(display: "Timer")
</span>
(track: 'birds', 'loop', true)
(track: 'birds', 'playwhenpossible')
<span class="goodMorning">
[Good morning.]<br>
</span>
(link-goto: "<img class='time' src='https://lunahmy.github.io/graphics/time_icon.png'>", (either: "eleven", "seven", "three" ))
(set: $unreadEmails to 7735)
(set: $commentVisits to 0)
(set: $commentCount to 0)
(set: $turnCount to 0)
(set: $timeOn to 0) {<div class="timeOn">
$timeOn
</div>}{(set: $turnCount to $turnCount + 1)
(track: 'talking', 'playwhenpossible')}
<span class="timerInsta">
(display: "Timer")
</span>
<div class="images">
<img class="scale" src="https://lunahmy.github.io/graphics/scale.png"><br>
<img class="weights" src="https://lunahmy.github.io/graphics/weights.png"><br>
<img class="eyes" src="https://lunahmy.github.io/graphics/eyes.png"><br>
<img class="nose" src="https://lunahmy.github.io/graphics/nose.png"><br>
<img class="lip1" src="https://lunahmy.github.io/graphics/lip1.png"><br>
<img class="lip2" src="https://lunahmy.github.io/graphics/lip2.png"><br>
<img class="supple" src="https://lunahmy.github.io/graphics/supplements.png"><br>
</div>
<div class="input">
Comments: <br>(input: bind $commentInput)<br>
(link: '<img class="airplane" src="https://lunahmy.github.io/graphics/airplane.png">')[
(track: 'pop', 'play')
(goto: 'commentTwo')
]
</div>
{(set: $turnCount to $turnCount + 1)}
<span class="tvVideo">
<video src="https://lunahmy.github.io/flipping.mp4" width="420px" autoplay>
</span>
<img class="tvFrame" src="https://lunahmy.github.io/graphics/tvFrame.png">
(link-goto: "<img class='heart2' src='https://lunahmy.github.io/graphics/heart2.png'>", (either: "1hour", "3hours", "5hours" )){(set: $turnCount to $turnCount + 1)}
(link-goto: "<img class='rolled' src='https://lunahmy.github.io/graphics/rolled_news.png'>", (either: "happy", "disaster", "disease")){(set: $turnCount to $turnCount + 1)
(set: $timeOn = $timeOn + 0.25)}
<img class="stack" src="https://lunahmy.github.io/graphics/stack.png"><br>
<img class="bells" src="https://lunahmy.github.io/graphics/bells.png"><br>
<span class="timer">
(display: "Timer")
</span>
{<span class="unread_emails">
$unreadEmails <br>
</span>}
<span class="open_mail">
(link: '<img class="opener1" src="https://lunahmy.github.io/graphics/opener.png">')[
(track: 'opener', 'play')
(goto: 'open mail')
]<br>
</span><img class="eleven" src="https://lunahmy.github.io/graphics/elevenam.png">
{(set: $timeOn = $timeOn + 1)
(track: 'birds', 'stop')
(track: 'clock', 'playwhenpossible')}
<span class="timer">
(display: "Timer")
</span>
<span class="nav_time">
(display: "nav")
</span><img class="seven" src="https://lunahmy.github.io/graphics/sevenam.png">
{(set: $timeOn = $timeOn + 0.5)
(track: 'birds', 'stop')
(track: 'clock', 'playwhenpossible')
}
<span class="timer">
(display: "Timer")
</span>
<span class="nav_time">
(display: "nav")
</span><img class="three" src="https://lunahmy.github.io/graphics/threepm.png">
{(set: $timeOn = $timeOn + 2)
(track: 'birds', 'stop')
(track: 'clock', 'playwhenpossible')}
<span class="timer">
(display: "Timer")
</span>
<span class="nav_time">
(display: "nav")
</span>{(set: $timeOn = $timeOn + 1)
(track: 'like', 'playwhenpossible')}
<span class="passed">
It's been 1 hour.<br>
</span>
<span class="timer">
(display: "Timer")
</span>
<span class="nav_tok">
(display: "nav")
</span><br>{(set: $timeOn = $timeOn + 3)
(track: 'like', 'playwhenpossible')}
<span class="passed">
It's been 3 hours.<br>
</span>
<span class="timer">
(display: "Timer")
</span>
<span class="nav_tok">
(display: "nav")
</span><br>{(set: $timeOn = $timeOn + 5)
(track: 'like', 'playwhenpossible')}
<span class="passed">
It's been 5 hours.<br>
</span>
<span class="timer">
(display: "Timer")
</span>
<span class="nav_tok">
(display: "nav")
</span><br>{(set: $unreadEmails to $unreadEmails - 455)
(set: $timeOn = $timeOn + 0.25)
(if: $unreadEmails > 0)[
<img class="stack_open" src="https://lunahmy.github.io/graphics/stack.png"><br>
<img class="bells" src="https://lunahmy.github.io/graphics/bells.png"><br>
<span class="timer2">
(display: "Timer")
</span>
{<span class="unread_emails_open">
$unreadEmails <br>
</span>}
<span class="open_mail_open">
(link: '<img class="opener" src="https://lunahmy.github.io/graphics/opener.png">')[
(track: 'opener', 'play')
(goto: 'open mail')
]<br></span>
]
(else:)[
<span class="nav">
(display: "nav")
</span>
]
}<div class="ending">
You spent $timeOn hours online.
</div>
<div class="fact1">
The average person spends almost <br> 40% of their waking time online.
</div>
<div class="fact2">
Globally, average daily screen time<br> is up 13% since 2013.
</div>
<div class="sources">
<button id="myBtn">Sources</button>
<div id="myModal" class="modal">
<div class="modal-content">
Data from Exploding Topics.<br>
Click anywhere to continue.<br>
</div>
</div>
</div>
{<script>
var modal = document.getElementById("myModal");
var btn = document.getElementById("myBtn");
var span = document.getElementsByClassName("close")[0];
btn.onclick = function() {
modal.style.display = "block";
}
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
console.log('Modal loaded');
</script>}
<div class="replayButton">
(link: '<img class="replayGame" src="https://lunahmy.github.io/graphics/replay.png">')[
(track: 'blip', 'play')
(restart:)
]
</div>
<div class="fade">
{(track: 'background', 'fadeout', 8)}
</div>{(set: $timeOn = $timeOn + 0.5)
(track: 'unfurl', 'playwhenpossible')}
<img class='read' src='https://lunahmy.github.io/graphics/happy.png'>
<span class="timer">
(display: "Timer")
</span><br>
<span class="nav_news">
(display: "nav")
</span>
{(set: $timeOn = $timeOn + 2)
(track: 'unfurl', 'playwhenpossible')}
<img class='read' src='https://lunahmy.github.io/graphics/sad.png'>
<span class="timer">
(display: "Timer")
</span><br>
<span class="nav_news">
(display: "nav")
</span>{(set: $timeOn = $timeOn + 2)
(track: 'unfurl', 'playwhenpossible')}
<img class='read' src='https://lunahmy.github.io/graphics/mid.png'>
<span class="timer">
(display: "Timer")
</span><br>
<span class="nav_news">
(display: "nav")
</span>
{(track: 'background', 'fadein', 3)
(track: 'background', 'loop', true)
(track: 'background', 'playwhenpossible')}
<div class="landing">
<div class="title">
ONLINE
</div>
<div class="name">
By Luna Hayes
</div>
<div class="play_button">
(link: '<img class="playGame" src="https://lunahmy.github.io/graphics/play2.png">')[
(track: 'blip', 'play')
(goto: 'Start')
]
</div>
<div class="instructions">
The audio control is within the sidebar to the left.
</div>
</div><div class="navMenu">
(if: $turnCount is 4)[
(link: '<img class="iphone" src="https://lunahmy.github.io/graphics/iphone.png">')[
(newgroup: 'soundfx', 'unfurl')
(group: 'soundfx', 'stop')
(track: 'click', 'play')
(goto: 'end')
] ]
(if: not (visited: "instagram"))[
(link: '<img class="camiconSized" src="https://lunahmy.github.io/graphics/camera_icon.png">')[
(newgroup: 'soundfx', 'unfurl')
(group: 'soundfx', 'stop')
(track: 'click', 'play')
(goto: 'instagram')
]
]
(if: not (visited: "news"))[
(link: '<img class="newsiconSized" src="https://lunahmy.github.io/graphics/news_icon.png">')[
(newgroup: 'soundfx', 'unfurl')
(group: 'soundfx', 'stop')
(track: 'click', 'play')
(goto: 'news')
]
]
(if: not (visited: "tiktok"))[
(link: '<img class="reeliconSized" src="https://lunahmy.github.io/graphics/reel_icon.png">')[
(newgroup: 'soundfx', 'unfurl')
(group: 'soundfx', 'stop')
(track: 'click', 'play')
(goto: 'tiktok')
]
]
(if: not (visited: "emails"))[
(link: '<img class="mailiconSized" src="https://lunahmy.github.io/graphics/mail_icon.png">')[
(newgroup: 'soundfx', 'unfurl')
(group: 'soundfx', 'stop')
(track: 'click', 'play')
(goto: 'emails')
]
]
</div>{(track: 'talking', 'stop')
(track: 'store', 'playwhenpossible')}
<span class="timerInsta">
(display: "Timer")
</span>
<div class="response">
{(set: $commentBack to (random: 1, 3))
(if: $commentBack is 1)[
(set: $timeOn = $timeOn + 0.5)
[I can't believe you actually typed that out.<br>]
]
(if: $commentBack is 2)[
(set: $timeOn = $timeOn + 1)
[What are you even talking about right now?<br>]
]
(if: $commentBack is 3)[
(set: $timeOn = $timeOn + 2)
[You really think we care about what you think?<br>]
]}
</div>
<div class="images">
<img class="wallet" src="https://lunahmy.github.io/graphics/wallet.png"><br>
<img class="cart" src="https://lunahmy.github.io/graphics/cart.png"><br>
<img class="shoes" src="https://lunahmy.github.io/graphics/shoes.png"><br>
<img class="bag" src="https://lunahmy.github.io/graphics/bag.png"><br>
<img class="sale1" src="https://lunahmy.github.io/graphics/sale1.png"><br>
<img class="sale2" src="https://lunahmy.github.io/graphics/sale2.png"><br>
<img class="price" src="https://lunahmy.github.io/graphics/price.png"><br>
</div>
<div class="input">
Comments: <br>(input: bind $commentInput)<br>
(link: '<img class="airplane" src="https://lunahmy.github.io/graphics/airplane.png">')[
(track: 'pop', 'play')
(goto: 'commentThree')
]
</div>{(track: 'store', 'stop')
(track: 'whispers', 'playwhenpossible', 'loop', true)}
|Hide>[<span class="timerInstaThree">
(display: "Timer")
</span>]
|This>[<div class="replaceThis">
<div class="response2">
{(set: $commentBack to (random: 1, 3))
(if: $commentBack is 1)[
(set: $timeOn = $timeOn + 0.5)
[I can't believe you actually typed that out.<br>]
]
(if: $commentBack is 2)[
(set: $timeOn = $timeOn + 1)
[What are you even talking about right now?<br>]
]
(if: $commentBack is 3)[
(set: $timeOn = $timeOn + 2)
[You really think we care about what you think?<br>]
]
</div>}
<div class="images">
<img class="stairs" src="https://lunahmy.github.io/graphics/stairs.png"><br>
<img class="suitcase" src="https://lunahmy.github.io/graphics/suitcase.png"><br>
<img class="mirror" src="https://lunahmy.github.io/graphics/mirror.png"><br>
<img class="sponge" src="https://lunahmy.github.io/graphics/sponge.png"><br>
<img class="smileyFront" src="https://lunahmy.github.io/graphics/smileyFront.png"><br>
<img class="smileyBack" src="https://lunahmy.github.io/graphics/smileyBack.png"><br>
<img class="remote" src="https://lunahmy.github.io/graphics/remote.png"><br>
</div>
<div class="input">
Comments: <br>(input: bind $commentInput)<br>
(link: "<img class='airplane' src='https://lunahmy.github.io/graphics/airplane.png'>")[
(track: 'pop', 'play')
(hide:?Hide)
(replace:?This)[
<div class="replaced">
(track: 'whispers', 'stop')
(set: $commentBack to (random: 1, 3))
(if: $commentBack is 1)[
(set: $timeOn = $timeOn + 1)
[I can't believe you actually typed that out.<br>]
]
(if: $commentBack is 2)[
(set: $timeOn = $timeOn + 2)
[What are you even talking about right now?<br>]
]
(if: $commentBack is 3)[
(set: $timeOn = $timeOn + 3)
[You really think we care about what you think?<br>]
]
</div>
<span class="navReplace">
(display: "nav")
</span>
]]
</div>]
</div>
click: https://lunahmy.github.io/clickLoud.mp3
blip: https://lunahmy.github.io/blip.mp3
opener: https://lunahmy.github.io/open.mp3
talking: https://lunahmy.github.io/talking.mp3
store: https://lunahmy.github.io/store2.mp3
whispers: https://lunahmy.github.io/whispers.mp3
pop: https://lunahmy.github.io/pop.mp3
unfurl: https://lunahmy.github.io/unfurl.mp3
like: https://lunahmy.github.io/like.mp3
clock: https://lunahmy.github.io/clock.mp3
birds: https://lunahmy.github.io/birds2.mp3
background: https://lunahmy.github.io/bg_music.mp3