JavaScript must be enabled to play.
Browser lacks capabilities required to play.
Upgrade or switch to another browser.
Loading…
<div id="begin"> The blue eyes <<linkreplace "I don't have" t8n>>I don't have <<append "#thinNose" t8n>> The thin nose <<linkreplace "I don't have" t8n>> I don't have <<append "#cupidBow" t8n>> The cupid bow lips, the<br> gently pointed chin, the<br> lily petal cheeks blooming<br> pink when in love, these<br> beautiful characteristics<br> <<linkreplace "I don't have" t8n>> <<addclass "#begin" "lighter">> I don't have <<append "#myFace">> <<include "My Face">> <</append>> <</linkreplace>> when I look<br> in the mirror, startled by<br> <</append>> <</linkreplace>><br> is straight like an arrow,<br> with delicate small nostrils<br> that whistle when cold and<br> a bridge made for glasses<br> that show my blue eyes.<br><br> <</append>> <</linkreplace>><br> are bright and round, with<br> long blond lashes too light<br> to keep out the sun, which<br> floats in my iris like a buoy<br> bobbing white in the ocean.<br><br> @@#thinNose;@@ @@#cupidBow;@@</div> @@#myFace;@@
<<linkreplace '<<indent 12 "my face">>' t8n>> <<append "#myFaceText">> <span class="myFaceHover"><<indent 12 "my face">></span> <<timed 1s t8n>> <br> <span class="withFeaturesHover"><<indent 6 "with features">></span> <span id="inherited" class="withFeaturesHighlight myFaceHover"><<indent 4 "inherited from">></span> <<next>> <br><br> <<linkreplace "a stranger." t8n>> <<append "#inherited">>a<</append>> <span class="myFaceHighlight withFeaturesHover">Stranger—</span><br> <<done>> <<highlight ".myFaceHover" ".myFaceHighlight">> <<highlight ".withFeaturesHover" ".withFeaturesHighlight">> <</done>> <<timed 1s t8n>> <<linkreplace "<<indent 5 'who are you?'>>" t8n>> <<addclass "body" "face">> <<indent 5 "Who are you">> <<indent 1 "to give me">><br> <<timed 1500ms>> <<indent 2 "eyelids that can't wear eyeliner">><br> <<next>> <<indent 2 "brown cheeks that don't blush prettily">><br> <<next 0s>> <<silently>> <<set _ugly to ["chapped lips", "pug nose", "dull irises", '<<indent 3 "stranger">>']>> <<repeat 1s>> <<if _ugly.length > 0>> <<append "#ugly">><<indent 2 _ugly.shift()>><br><</append>> <<else>> <<stop>> <</if>> <</repeat>> <</silently>> <<next 4900ms>> <<append "#ugly">> <<indent 8 "who are you">> <</append>> <<next 1s>> <<append "#ugly">> <<linkappend "@@.dontKnowHover;//<<indent 1 'I dont know'>>//@@//<br><<indent 6 'you,'>>//" t8n>> @@.dontUnderstandHover;I don't understand@@ <<timed 2s t8n>> <br><<include "Gifts">> <</timed>> <</linkappend>> <</append>> <</timed>> @@#ugly;@@ <</linkreplace>> <</timed>> <</linkreplace>> <</timed>> <</append>> <</linkreplace>> @@#myFaceText;@@
<<linkappend '@@.reflectionHover.dontKnowHover.dontUnderstandHighlight;<<indent 25 "these gifts.">>@@' t8n>><br> <span class="onlyHereHover">I</span> <span class="fade">don't</span> <span id="see" class="onlyHereHover">see them</span> in <span class="fade recognizeHover">my <span id="new" class="hide"><<indent 2 "new">></span> <<done>><<highlight ".dontKnowHover">><<highlight ".dontUnderstandHover" ".dontUnderstandHighlight">><</done>> <<linkreplace '<<indent 2 "mother">>' t8n>> <<indent 2 "mother,">> <<toggleclass "#new" "hide show">> <<timed 1s t8n>> <br><<indent 7 "my lovers,">> <<next>> my friends, <<next>> <br><<indent 4 "the lily petal faces that bustle">><br> across the avenues and my TV <<replace "#see" t8n>> <<linkreplace "see them">>see them <<append "#onlyHere">> <br><span class="onlyHereHover reflectionHover"><<indent 25 "only here">></span> <<timed 1s t8n>> <span class="aReflectionHover reflectionHover">in a reflection</span><br> <span class="recognizeHover aReflectionHighlight"><<indent 16 "I don't recognize.">></span><<include "Maybe">> <<done>><<highlight ".recognizeHover" ".recognizeHighlight">><<highlight ".aReflectionHover" ".aReflectionHighlight">><<highlight ".onlyHereHover" "">><</done>> <</timed>> <</append>> <<toggleclass ".fade" "lighter">> <</linkreplace>> <</replace>> <</timed>> <</linkreplace>> </span> <</linkappend>> @@#onlyHere;@@
<<timed 1s t8n>> <br><br><<indent 7 " ">> <<insertlink "Maybe">> if <<gains>> I <<gains>> could <<gains>> press <<gains>> my <<gains>> fingertips <<gains>> <br><<indent 4 "past">> <<gains>> the <<gains>> glass <<gains>> and <<gains>> metal, <<gains>> <<timed 1s t8n>><br> dig deep enough into the past, <<next>> <br><<indent 11 "I'd">> feel your <<linkappend "touch" t8n>><br> <span class="reflectionHover"> <<indent 25 "on">> the other side of the</span> <<linkappend "@@.reflectionHover;Earth.@@" t8n>> <br>@@.pulledHover;Maybe if I@@ <<insertlink "@@.pulledHover;pulled@@">><span class="pulledHighlight sameHover"><<indent 3 "you">></span><<gains>>@@.pulledHover;<<indent 3 "out">> of the mirror@@ <<timed 1s t8n>> @@.forgottenMemoriesHover;<br><<indent 7 "and">>the@@ <<linkreplace "memories" t8n>><span class="sameHover forgottenMemoriesHighlight">memories</span> <<append "#memories" t8n>><br> @@.cradleHover;<<indent 5 "you'd">> cradle@@ <span class="cradleHighlight sameHover">my face</span> <<timed 1s t8n>> <<linkreplace '<<indent 11 "again">>' t8n>> <span class="reflectionHover cradleHighlight pulledHighlight forgottenMemoriesHighlight"> <<indent 11 "again">></span> <<done>><<highlight ".cradleHover" ".cradleHighlight">><<highlight ".pulledHover" ".pulledHighlight">><<highlight ".forgottenMemoriesHover" ".forgottenMemoriesHighlight">><</done>> <<append "#trace" t8n>> <br>and we would trace @@.sameHover;<<indent 2 "the">> same eyes@@ together <<silently>> <<set _face to ["the same lips", 'nose', 'cheeks.']>> <<repeat 1s>> <<if _face.length > 0>> <<append "#neutral" t8n>>@@.sameHover;<<indent 10 _face.shift()>>@@<br><</append>> <<else>> <<stop>> <</if>> <</repeat>> <</silently>> <br><div id="neutral" class="sameHover"></div> <<timed 5s t8n>> <br>@@.reflectionHover.knowHighlight;<<indent 25 "If I">> knew@@ <<linkappend "@@.reflectionHover.knowHighlight;you,@@" t8n>> <br><span class="knowHover sameHighlight"><<indent 10 "Maybe">> I'd know myself.</span> <<include "Instead">> <<done>><<highlight ".sameHover" ".sameHighlight">><<highlight ".knowHover" ".knowHighlight">><</done>> <</linkappend>> <</timed>> <</append>> <</linkreplace>> <</timed>> <</append>> <</linkreplace>> @@.forgottenMemoriesHover;long forgotten@@ <</timed>> <</insertlink>> <</linkappend>> <</linkappend>> <</timed>> <</insertlink>> <</timed>> @@#memories;@@ @@#trace;@@
<<timed 2s t8n>> <br><br>Instead when I look<br> in the mirror, <<linkappend "startled by">><br> <<linkappend '@@.reflectionHover;<<indent 25 "your face">>@@' t8n>> <br>@@.givenHover;<<indent 10 "I">> trace the features<br>@@ <<indent 2 "I">> have been <<linkreplace "given," t8n>>given, <<append "#foreign" t8n>> <br> <span class="givenHighlight reflectionHover"><<indent 25 "so foreign to me.">></span> <<timed 10s t8n>> <br><br><br><div style="text-align:center;font-size:30px;font-weight:bold;text-decoration:underline;">Reflecting my face in the mirror</div> <<next 2s>> <div style="text-align:center;font-size:25px;">by Aster Fialla</div> <</timed>> <<done>><<highlight ".givenHover" ".givenHighlight">> <<highlight ".reflectionHover" "" "skyblue">><</done>> <</append>> <</linkreplace>> @@.givenHover;that are still@@ <</linkappend>> <</linkappend>> <</timed>> @@#foreign;@@
<!--indents a bit of text using css--> <<widget "indent">><<nobr>> <!--<<indent 3 "text">> --> <<set _style to "display:inline-block;text-indent:" + $args[0] + "em">> <span @style="_style">$args[1]</span> <</nobr>><</widget>>