[[boxes]] [[boxes->01]] [[boxes->02]]
[[come with me]]
[[boxes->03]] [[boxes->04]] [[boxes->05]]
[[boxes->06]] [[boxes->07]] [[boxes->08]]
[[ABOUT THIS GAME]]this will take us to [[FLOOR 33->page 3]]
in top view, the building looks like a hollow square. with a central void.
[[a low concrete parapet->choice 1]]
[[a flight of stairs->choice 2]]no trees
no lawn
no backyard
this is a
concrete playground
just a few steps
[[from the front doors->choice 1]] the front door faces<br>
a low concrete barrier.<br>
👀looking down<br>
into the<br>
central void,<br>
it is [a game of a sort]<c1|
<hr>
(click: ?c1)[a kid, who is half the height of the barrier, pulls its upper body on the ledge, to view this perspective. (link: "👀take a look") [(open-url: "https://www.instagram.com/p/BfStnJzFY3d/?tagged=hongkongpublichousing")]* ]
[[ok. time to pack->01]]
<input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');">
<style> img {
max-width: 100%
max-height: 100%
}
</style>
[[<img src="http://wanni.s3.amazonaws.com/jam/madewell.jpg">->04]]
</div>
{
==>
|box)[BOXES BOXES BOXES.]
(link:"opening boxes")[(show:?box)]
=><=====
|box)[BOXES BOXES BOXES.]
(link:"sorting items in the boxes")[(show:?box)]
<==
|box)[BOXES BOXES BOXES.]
(link:"taping boxes")[(show:?box)]
<==>
|box)[BOXES BOXES BOXES.]
(link:"marking each boxes")[(show:?box)]
(set: $stopCycle to 0)
(live: 1s)[
(if: $stopCycle is 30)[
so much stuff!(stop:)
]
(else: )[
(set: $stopCycle to it + 1)
(css: "position: absolute; left: " + (string: 10 * $stopCycle) + "px" )[<div class="redYellow">moving and moving!</div>]
]
]
=|||=
|box)[so many boxes to pack and move.]
(link:"more boxes")[(show:?box)]
}
{
(set: $stopCycle to 0)
(live: 1s)[
(if: $stopCycle is 30)[
Done packing!(stop:)
]
(else: )[
(set: $stopCycle to it + 1)
(css: "position: absolute; left: " + (string: 20 * $stopCycle) + "px" )[<div class="redYellow">packing and packing!</div>]
]
]
}
{
(set: $stopCycle to 0)
(live: 1s)[
(if: $stopCycle is 30)[
so much junk. so much stuff.(stop:)
]
(else: )[
(set: $stopCycle to it + 1)
(css: "position: absolute; left: " + (string: 10 * $stopCycle) + "px" )[moving!]
]
]
}
{
(set: $stopCycle to 0)
(live: 1s)[
(if: $stopCycle is 40)[
Done moving?(stop:)
]
(else: )[
(set: $stopCycle to it + 1)
(css: "position: absolute; up: " + (string: 15 * $stopCycle) + "px" )[<div class="redYellow">boxes and boxes!</div>]
]
]
}
{[
<div class="modal">
<div class="modal-content">
<span class="close">
{(link-repeat: "×")[(replace: ?modal)[] ]}
</span>
stuff stuff stuff stuff stuff stuff
📦📦📦📦📦📦📦📦📦📦📦📦📦📦
</div>
</div>
](modal|}
(link-repeat:"<div class='icon'><i class='material-icons bigger'>cloud</i><br>keep? donate? gift? discard?</div>")[(show:?modal)]
[[panic->02]]
<style> img {
max-width: 100%
max-height: 100%
}
</style>
[[<img src="http://wanni.s3.amazonaws.com/jam/panic.gif">->03]]
</div>
{
(live: 1s)
[
(stop:)
[[
<div class='icon'><i class='material-icons bigger'>home</i>
go home->START]]
]}
<input type="button" value="why we are all so anxious?" onclick="window.open('https://youtu.be/mW0gj3n4D1Q','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');">
<input type="button" value="why we are all so anxious?" onclick="window.open('https://youtu.be/mW0gj3n4D1Q','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"><input type="button" value="why we are all so anxious?" onclick="window.open('https://youtu.be/mW0gj3n4D1Q','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');">
==>
<input type="button" value="why we are all so anxious?" onclick="window.open('https://youtu.be/mW0gj3n4D1Q','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');">
=><=
<input type="button" value="why we are all so anxious?" onclick="window.open('https://youtu.be/mW0gj3n4D1Q','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');">
<==
<input type="button" value="why we are all so anxious?" onclick="window.open('https://youtu.be/mW0gj3n4D1Q','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');">
===><=
<input type="button" value="why we are all so anxious?" onclick="window.open('https://youtu.be/mW0gj3n4D1Q','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');">
=><=====
<input type="button" value="why we are all so anxious?" onclick="window.open('https://youtu.be/mW0gj3n4D1Q','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');">
|==
<input type="button" value="why we are all so anxious?" onclick="window.open('https://youtu.be/mW0gj3n4D1Q','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');">
=|||=
<input type="button" value="why we are all so anxious?" onclick="window.open('https://youtu.be/mW0gj3n4D1Q','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');">
=|||=
<input type="button" value="why we are all so anxious?" onclick="window.open('https://youtu.be/mW0gj3n4D1Q','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');">
=|||=
<input type="button" value="why we are all so anxious?" onclick="window.open('https://youtu.be/mW0gj3n4D1Q','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');">
=|||=
<input type="button" value="why we are all so anxious?" onclick="window.open('https://youtu.be/mW0gj3n4D1Q','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');">
=====||
<input type="button" value="why we are all so anxious?" onclick="window.open('https://youtu.be/mW0gj3n4D1Q','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');">
|==|
<input type="button" value="why we are all so anxious?" onclick="window.open('https://youtu.be/mW0gj3n4D1Q','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');">
|==|
<input type="button" value="why we are all so anxious?" onclick="window.open('https://youtu.be/mW0gj3n4D1Q','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');">
|==|
<input type="button" value="why we are all so anxious?" onclick="window.open('https://youtu.be/mW0gj3n4D1Q','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');">
|==|
<input type="button" value="why we are all so anxious?" onclick="window.open('https://youtu.be/mW0gj3n4D1Q','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');">
|==
<input type="button" value="why we are all so anxious?" onclick="window.open('https://youtu.be/mW0gj3n4D1Q','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');">
==|
<input type="button" value="why we are all so anxious?" onclick="window.open('https://youtu.be/mW0gj3n4D1Q','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');">
{
(live: 1s)
[
(stop:)
[[
<div class='icon'><i class='material-icons bigger'>home</i>
go home->START]]
]}
<!-- Set the text to show -->
(set: $typewriterText to "...just wondering if this is a haunted doll......just wondering if this is a haunted doll......just wondering if this is a haunted doll......just wondering if this is a haunted doll......just wondering if this is a haunted doll...")
<!-- Display (call) the Typewriter passage -->
{
<!-- Create a variable to track the position within the $typewriterText string -->
(set: $typewriterPos to 1)
<!-- Create a hook to hold the typed text -->
|typewriterOutput>[]
<!-- Set a delay of 20ms seconds per loop -->
(live: 20ms)[
<!-- Add the next character to the hook -->
(append: ?typewriterOutput)[(print: $typewriterText's $typewriterPos)]
<!-- Update the position -->
(set: $typewriterPos to it + 1)
<!-- If it's gone past the end, stop -->
(if: $typewriterPos is $typewriterText's length + 1)[
(stop:)
]
]
}{
(live: 1s)
[
(stop:)
[[
<div class='icon'><i class='material-icons bigger'>home</i>
go home->START]]
]}
(font: "monospace") [in this box
she found
her missing
eyeball]{
(live: 4s)
[
(stop:)
[[
<div class='icon'><i class='material-icons bigger'>home</i>
go home->START]]
]}
work (click-append: "work")[ begets work]work (click-append: "work")[ begets work]work begets (mouseover-append: "work begets")[ work]
work (click-append: "work")[ begets work]
work begets (mouseover-append: "work begets")[ work]work begets
(click-append: "work begets")[ work]work (click-append: "work")[ begets work]
{
(live: 1s)
[
(stop:)
[[
<div class='icon'><i class='material-icons bigger'>home</i>
go home->START]]
]}
(link: "...")[(alert:"don't text and drive")]{
(live: 1s)
[
(stop:)
[[
<div class='icon'><i class='material-icons bigger'>home</i>
go home->START]]
]}
[[
<hr>
what are you carrying?
a canvas tote, a satchel, a Fjallraven Kanken
a cello, a guitar, a boulder
past ghosts, new aspirations
boxes and boxes
<hr>
->09]][[
{
<div class="example2-wrapper">
<div class="example2-box">
<input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');">
</div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div><div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div><div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
<div class="example2-box"><input type="button" value="🌱🌱🌱🌱" onclick="window.open('https://www.instagram.com/p/Bejqm_sjcAr/','popUpWindow','height=800,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');"></div>
</div>
}
->10]][BOXES
{
<div class="example2-wrapper">
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
<div class="example2-box">anxiety</div>
</div>
}
of anxiety]<closeMenu|
(mouseover: ?closeMenu)[(replace: ?closeMenu)[] ]
{
(live: 3s)
[
(stop:)
[[
<div class='icon'><i class='material-icons bigger'>home</i>
go home->START]]
]}
Double-click this passage to edit it.<p>
#LDJAM41 Ludum Dare Game Jam #41 • April 2018
Theme • "Combine 2 Incompatible Genres"
Incompatible generes as in an unlikely pair,
in this case, this is
a "game" created by a "non-gamer."
<hr>
this is an "art game" ( also, it is my first solo game jam. )
made with Twine +
thanks to youtube tutorials by
Dan Cox, DigitalExposureTV,
ezgif.com and w3schools.com.
_____ + ______
_____ + ______
_____ + ______
all drawings by wanniwanni
`twitter @panic_button_hi`
<hr>
Twine is an open-source tool for telling interactive, nonlinear stories.
www.Twinery.org
What is Ludum Dare?
Ludum Dare literally means to give or offer a game; it is also an expression meaning to give or let someone have their fun. www.ludumdare.com/compo/2010/08/18/a-shocking-question/
</p>
[[<p style="padding: 50px; color: black; background-color: white; ">
START]]
</p> begets work[Swipe]<closeMenu|
(mouseover: ?closeMenu)[(replace: ?closeMenu)[open] ]
{
(live: 1s)
[
(stop:)
[[
<div class='icon'><i class='material-icons bigger'>home</i>
go home->START]]
]}
boxes of anxiety
(mouseover-append: "fear")[kindness]
(set: $menuStyle to (font: "times") + (text-style: "italic"))
(link: "Station Status")[$menuStyle[Station: Conditions are optimal.]]
(link: "Suit Status")[$menuStyle[Suit: Air at 100%.]]
<br>
[Swipe]<closeMenu|
(mouseover: ?closeMenu)[(replace: ?closeMenu)[open] ]
<br>
[Swipe]<closeMenu2|
(mouseover: ?closeMenu2)[(replace: ?closeMenu2)[] ]
<br>
[Swipe]<closeMenu3|
(mouseover: ?closeMenu3)[(replace: ?closeMenu3)[] ]
<br>
///
/* Meseemger CSS code */
.container {
min-height: 300px;
max-height: 900px;
background-color: transparent;
border: lightblue;
padding: 1rem;
overflow-y: hidden;
overflow-x: hidden;
}
.right {
background: #00aabb;
}
.left {
background: gray;
}
.speech {
position: relative;
border-radius: .4em;
padding: 20px;
margin: 20px;
}
.bubble-right: after{
content: '';
position: absolute;
right: 0;
top: 50%;
width: 0;
height: 0;
border: 20px solid transparent;
border-left-color: #00aabb;
border-right: 0;
border-bottom: 0;
margin-top: -10px;
margin-right: -20px;
}
.bubble-left:after {
content: '';
position: absolute;
right: 0;
top: 50%;
width: 0;
height: 0;
border: 20px solid transparent;
border-left-color: gray;
border-right: 0;
border-bottom: 0;
margin-top: -10px;
margin-right: -20px;
}
↶↷
boxes boxes boxes
come with me
boxes boxes boxes
boxes boxes boxes
ABOUT THIS GAME