E-Lit Final Project

(set: $visitedB to true) =|= <video autoplay muted loop id="myVideoDoll"> <source src="https://archive.org/download/dollblilnk/dollheadtilt.mp4"> =|= <div style=" text-align; center; top-margin: 80px; padding: 20px; color: black; font-size: 14pt;"> Hello? (click: ?page)[==Are you okay? (click: ?page)[== (text-colour:(hsl:0,0,0.5333,0.6))[= Oh yes, only a little stiff. Who are you? (click: ?page)[==(hsl:0,0,0,0.7)[= I'm Matilda. (click: ?page)[== (text-colour:(hsl:0,0,0.5333,0.6))[= I'm Dolly. A pleasure to make your acquaintance. Are you enjoying your time here? (click-goto: ?page, "doll2") |==|

<div style="text-align: center; padding: 20px; top-margin: 100px;"> |||= (text-colour:(hsl:0,0,0,0.7))[= Here? (click: ?page)[== (text-colour:(hsl:0,0,0.5333,0.6))[= In my home (click: ?page)[== (text-colour:(hsl:0,0,0,0.7))[= You live here? (click: ?page)[== (text-colour:(hsl:0,0,0.5333,0.6))[= Don't you have a home? (click: ?page)[== (text-colour:(hsl:0,0,0,0.7))[= Yes, only it's not so small I suppose. (click: ?page)[== (text-colour:(hsl:0,0,0.5333,0.6))[= Well, this one is mine, dear. I’m quite fond of it, if I must be honest. It fits me just right and they've given me all sorts of dresses and furniture and rooms to play in. </div> |= =|||= [<img id="dollcollum" src="https://lh3.googleusercontent.com/pw/AP1GczNAGtac1rKh3oLzEteZcETIghKTERRX9_QQ_v0FhMHhcFjFJ2aEX79xlnHo8Knl4KjOlDgPsCOmJr1LRd7KvjXwmslgMz26Pp3qcBYuCMKxpgicyeE_B3M7CYtis9c8SmnX-rjRAYxQVcZvBo1Vxp12=w900-h1600-s-no-gm?authuser=0">]<-doll2| (click: ?doll2)[(goto: "doll3")] |==|

=|= [<img src="https://lh3.googleusercontent.com/pw/AP1GczNeAThm4RnQHuDyUcjyFWoHYupIzOTrr8N-GIPrb1od5EPCFtPvWa9AUheJemtU8JJ_u-0UXIOExalANl1RE8VPUrgL8jpViA9Cxc35z9pqCIJAymTprrfYIZiZvt5v-vcnNbTslndtUr7uYySq9ySC=w1200-h1200-s-no-gm?authuser=0" style="width: 80%; align: center;">]<-doll3| (click: ?doll3)[(goto: "doll4")] =|= <div style=" text-align; center; top-margin: 100px; color: black; padding:20px; font-size: 14pt;"> (text-colour:(hsl:0,0,0,0.7))[= Isn't it lonely? (click: ?page)[== (text-colour:(hsl:0,0,0.5333,0.6))[= Perhaps lately, but I have my girls. I'm sure they'll be running along soon. (click: ?page)[== (text-colour:(hsl:0,0,0,0.7))[= Your girls? What are their names? (click: ?page)[== (text-colour:(hsl:0,0,0.5333,0.6))[= Alma and Elisa. They're so kind, and only fight on the rarest occasions. I do wonder why I haven't seen them in so long. (click: ?page)[== (text-colour:(hsl:0,0,0,0.7))[= //My mom. And my aunt Alma. Was this their doll?// (click: ?page)[== (text-colour:(hsl:0,0,0,0.7))[= What are they like? (click: ?page)[== (text-colour:(hsl:0,0,0.5333,0.6))[= They're so sweet, but Alma has her temper and with wild Elsie as a younger sister I understand. They're some of the best children I've ever played with. |==|

<div style="text-align: center; padding: 20px; top-margin: 100px;"> =|= (text-colour:(hsl:0,0,0,0.7))[= Have you lived in other places? (click: ?page)[== (text-colour:(hsl:0,0,0.5333,0.6))[= Yes... I think I remember the last family. But they became so terrified of me and I could not understand why. They locked me up in a cabinet for a long time... Then Alma and Elsie's father found me and brought me here, and everyone was so nice to me. (click: ?page)[== (text-colour:(hsl:0,0,0,0.7))[= What was their father like back then? (click: ?page)[== (text-colour:(hsl:0,0,0.5333,0.6))[= Sometimes when Alma and Elsie and I were playing he would burst in and start talking about a bunch of nonsense and showing us books or games or other antiques. That's what he did, I think -- antiques. But he was very careful about what we were allowed to play with. And he almost never let the girls leave this big old house in the middle of nowhere. Though, they've been gone for what seems like a long time now. I hope they are doing okay. And me, I've never left. (click: ?page)[== (text-colour:(hsl:0,0,0,0.7))[= It is a strange house isn't it? And he is a strange man. </div> =|= [<img id="dollcollum" src="https://lh3.googleusercontent.com/pw/AP1GczOQwsbUc6yKHZcitT9-_PQL9kyG--jW7L69tUG4YAHMJc6PkniUvVx47j0_kXtg_1ArWyJ0vRmf3YHF9nvZPRKnYTuMBMcHEiU7QDd3WiC0IC_CI1SLGstzQGrGMqYoEzFolNP9rLlq3YfkxUwTZwGw=w915-h1260-s-no-gm?authuser=0">]<-doll4| (click: ?doll4)[(goto: "doll5")] |==|

<div style="text-align: center; padding: 20px; top-margin: 100px;"> =|= (text-colour:(hsl:0,0,0.5333,0.6))[= Yes, but don't you think eventually strange becomes normal and normal becomes strange? (click: ?page)[== (text-colour:(hsl:0,0,0,0.7))[= I'm beginning to feel that way, Dolly. (click: ?page)[==(text-colour:(hsl:0,0,0.5333,0.6))[= I can tell we will be friends, Matilda. I'm so glad you came to say hello. You're just like Elsie, too! You have the same hair. She used to let me braid it for her. (click: ?page)[== (text-colour:(hsl:0,0,0,0.7))[= //My mother - the most calm and reasonable and sane person I know - let this talking and moving doll do her hair? What is going on? What has grandpa done in this house?// (click: ?page)[== (text-colour:(hsl:0,0,0.5333,0.6))[= You should sit and have tea with me. That was our favorite thing to do. </div> =|= [<video autoplay muted loop id="myVideoDoll"> <source src="https://archive.org/download/dollblilnk/dollarmraise.mp4">] =|= [<img id="dollcollum" src="https://lh3.googleusercontent.com/pw/AP1GczPK1wijpPrfOGXEzA-C0HT86BBnin8FEVxgEDtT71y2aTvStS0EbG_wO-rCCc2rm0toHMeD_SUihETPJ9WlsMxvuwm4IPNPd_liDEK5ucNJxvRyQ1lb4bzn0LWp-ixV0BhsyfEv1A-gAfb_iON5Yhoe=w733-h1000-s-no-gm?authuser=0">]<-teacup| (click: ?teacup)[(goto: "doll6")] |==|

(set: $visitedE to true) <div class="center"> [<video autoplay muted id="myVideoTypewriter"> <source src="https://archive.org/download/typewriter1/typewriter1.mp4"> </video>]<-v1| (click: ?v1)[==[[Oh jeez. Um, should I type? Should I talk?]] </div>

=|= (align:"<==")+(box:"==XXXXXXX===")[I know three things about this trip:] (align:"<==")+(box:"=======XXXXXXXXXXXXXXXX===")[1. I haven't seen my grandfather since I was very young.] (align:"<==")+(box:"=========XXXXXXXXXXXXXXXXX=")[2. Mom thinks he's gone insane.] (align:"<==")+(box:"=========XXXXXXXXXXXXXXX=")[3. I am not allowed to go in the attic.] =|= [<img id="dollcollum" src="https://lh3.googleusercontent.com/pw/AP1GczPzKkWrPSx8AOMeLdDZKiY0Ni8BrriNplP0ZBGULkSJbATp0XTWt9iJAz01u8DBZMryGlFZ2svOENf2iL_1vXQHwboiSVWjUALGdHS_ow-MheTopeRfF58layeDpzTmwmLDT1RTBNmuJGEVNJHkbU9s=w1119-h1232-s-no-gm?authuser=0">]<-house| |==| (click-goto: ?house, "inside1")

=|= <div class="larrow">[[<->Sattic]]</div> <br><br><br><br><br><br><br><br><br> =|= <div style="margin-top: 500px; text-align: center;"> //[[What's inside?]]// </div> =|||= <div style="margin-top: 660px">(align:"<==")+(box:"============XXXXX========")[[[hello!->doll1]]]</div> =|= <div class="rarrow">[[>->Sattic]]</div> <br><br> (align:"<==")+(box:"XXX=====")[[[pssstt->diary]]] <br><br><br><br><br> |==|

=|= <div class="larrow"> [[<->Nattic]] </div> =|||= <div style="text-align: center; margin-top: 500px; font-size: 12pt; font: courier new, bold; color=cyan;"> (text-rotate-x:161)+(text-rotate-y:164)+(text-rotate-z:144)[[[//click-clack-clickity-click//->typewriter]]] </div> =|= [<div class="mirror"> <img src="https://lh3.googleusercontent.com/pw/AP1GczNjRzFSiTaiNjkGhvTOjnfFaKQ2jtlcQ9TPZYYLjsTSm3kkAirlX4nYpQReDhRuKHtBpKPWqfa0dPKxFRQsUugErMQO485nMGrzY0cS692rrB-C9Be3M78bJv2qv--rTHUAm8FEBebPO8KgPzDr_4p1=w570-h570-s-no-gm?authuser=0"> </div>]<-mirror| (click-goto: ?mirror, "mirror") <div class="darrow"> [[^->ladder]] </div>] =|||||= <div class="rarrow"> [[>->Nattic]] </div> |==| (if:visits is an even)[(replace: ?mirror)[<div class="mirror2"><img src="https://lh3.googleusercontent.com/pw/AP1GczN4VAPwKp17lhV_y_VdWo2jPC1sqYIoT4Fv5PnLvngvz3yXNKPLWxqYsThxtB_btwOiDL4PuHvBxu8vNufnSswCN7xqIbwSvNkB7iwDRbuN7FcuGIQkNWKCp95mGKD-jR4oB1cL5LABvA60X7BObdEI=w559-h691-s-no-gm?authuser=0"></div>]]

=|= <video autoplay muted loop id="myVideoDoll"> <source src="https://archive.org/download/dollblilnk/dollblinksmile.mp4"> =|= <div style="text-align: center; padding: 20px; top-margin: 100px;"> (text-colour:(hsl:0,0,0.5333,0.6))[= This is nice of you. I'm glad to be playing again. Although I'm not so lonely, really. (click: ?page)[== (text-colour:(hsl:0,0,0,0.7))[= Why's that, Dolly? (click: ?page)[==(text-colour:(hsl:0,0,0.5333,0.6))[= Well you're never truly alone up here. I know I've been stashed away but it's not so bad when you look around and make friends with the other oddities. I'm never bored. Sometimes I do wish there were other dolls. It's hard being the only thing around that can wear a dress and is made of porcelain. I do miss playing dress up! But I suppose I was the girls' favorite. They didn't have a need for any other dolls. And even without my kind, I have real friends up here. (click: ?page)[== (text-colour:(hsl:0,0,0,0.7))[= It does seem more lively up here then I thought. I //am// enjoying myself, to answer your question. (click: ?page)[== (text-colour:(hsl:0,0,0.5333,0.6))[= I'm glad to here that. So lovely to meet you, Matilda. </div> (click: ?page)[==[ <div style="text-align: center; font-size: 24pt; color: black; font: courier new, bold;"> [[^->Nattic]] </div>] |==|

<div class="center"> [|v2->[ <video autoplay muted id="myVideoTypewriter"> <source src="https://archive.org/download/typewriter1/typewriter2.mp4"> </video>] (click: ?v2) [==[[Interesting. I mean, a little terrifying. But still interesting. So are you like a magic eight ball? Yes or no questions only?]]] </div>

<div class="center"> [|v3->[ <video autoplay muted id="myVideoTypewriter"> <source src="https://archive.org/download/typewriter1/typewriter3.mp4"> </video>] (click: ?v3) [==[[Oh I believe you. Hm, so what should I ask you...]]] </div>

<div class="center"> [|v4->[ <video autoplay muted id="myVideoTypewriter"> <source src="https://archive.org/download/typewriter1/typewriter4.mp4"> </video>] (click: ?v4) [==[[...That's amazing. You're definitely cooler than a magic eight ball. What I really want to ask is--]]] </div>

<div class="center"> [|v5->[ <video autoplay muted id="myVideoTypewriter"> <source src="https://archive.org/download/typewriter1/typewriter5.mp4"> </video>] (click: ?v5) [==[[Jeez stop reading my thoughts! Wait, does this mean you know everything about me? This is getting strange.]]] </div>

<div class="center"> [|v6->[ <video autoplay muted id="myVideoTypewriter"> <source src="https://archive.org/download/typewriter1/typewriter6.mp4"> </video>] (click: ?v6) [==[[It's okay. I'm sorry. Everything up here seems to be a little odd, and I shouldn't be one to judge. I mean, you can see my life. And my crazy aunt's life and my mother's. And my grandfather's. Jeez, you must know us pretty well. We aren't completely normal around here. You're definitely not either, though.]]] </div>

<div class="center"> [|v7->[ <video autoplay muted id="myVideoTypewriter"> <source src="https://archive.org/download/typewriter1/typewriter7.mp4"> </video>] (click: ?v7) [==[[...Did my grandfather find you? And put you here? I can't believe he would just throw all these amazing things into this dusty old place. You shouldn't be forgotten about.]]] </div>

<div class="center"> [|v8->[ <video autoplay muted id="myVideoTypewriter"> <source src="https://archive.org/download/typewriter1/typewriter8.mp4"> </video>] (click: ?v8) [==[[Saved you from what?]]] </div>

<div class="center"> [|v9->[ <video autoplay muted id="myVideoTypewriter"> <source src="https://archive.org/download/typewriter1/typewriter9.mp4"> </video>] (click: ?v9) [==[[What does that mean?? Can you tell me more about this place? Who //is// my grandfather?]]] </div>

<div class="center"> [|v10->[ <video autoplay muted id="myVideoTypewriter"> <source src="https://archive.org/download/typewriter10/typewriter10.mp4"> </video>] (click: ?v10) [==[[.....It must not be easy to find ink for those old typewriters. Thank you for speaking to me, whoever or whatever you are. I wish I could understand.->Sattic]]] </div>

<br> (bg:white)[(align:"<==")+(box:"===XXXXXXXXXXXXXXXXXXXX==")[Mom is downstairs with Grandpa in the den. I couldn't tell you which room that is or where it is, though. It's such a big house I am already lost. Mom told me something once about it being built by a great magician -- something like Houdini who needed space to practice his acts and store all the equipment and sets. It doesn't look like a magical house, though. Spiders have set up camps in all the nooks and crannies, the floorboards wingle under your feet like you're stepping on angry snakes, and there are so many sofas and paintings and tables and chairs and vases and //things// everywhere that you can barely walk through it. Grandpa clearly has given up on cleaning, too. We are worried for him. ]] <br><br> <br> <br> <br> <br> <br> <br> (bg:white)[(align:"==>")+(box:"=========XXXXXXXXXX=")[They've leaving to go see a doctor. I haven't even talked to Grandpa yet. He's shut himself in the study for the most part, I think. I only saw a glimpse of his bathrobe as he slipped around a corner when we arrived last night. [[What am I supposed to do in this house all day?->inside2]]] ]

(set: $visitedA to false) (set: $visitedB to false) (set: $visitedC to false) (set: $visitedD to false) (set: $visitedE to false) =|= <br> <br> <br> <br> <br> <br> <br> (align:"=><=")[I mean, what could be in the attic that could be that serious that mom had to remind me five times on the way over I wasn't allowed to go in there? When I asked her why she would only say it's dangerous. If it was broken floors or black mold, that's what she would have said. I suspect it's something more sinister. But how evil could something in my grandpa's attic be? He's a sweet senile old man.] =|= <br> [<img id="dollcollum" src="https://lh3.googleusercontent.com/pw/AP1GczNx91PRmxxTed2dNHKmCOiv2lROYcCqxKX__cR-RPVtybAbixfbLlueDLeRHuiYhwfrrguOpGzgGSPth29HwVD5mxFDs2bAs31VsNfaYxKWe8kT64xBHwKPoRtvznYSk-2MV8eGxzxwDTbtnVT01MxU=w314-h360-s-no-gm?authuser=0">]<-stairs| |==| (click-goto: ?stairs, "ladder")

=|= [<img id="dollcollum" src="https://lh3.googleusercontent.com/pw/AP1GczOFFbErvoL1r2CykkiAXDkjmg9gVdqjzuuJHlbuZ1W-pP7UT_-GTAq_x2kHaIiqMagSjcomqqKK4VlzesMCYALUr-GMZg4N0MqfD_MDEMFfixqv19gyO69tU7wXQ5FS_L1STIM4FJcIes2suq_h0Se8=w1200-h1200-s-no-gm?authuser=0">]<-ladder|(click-goto: ?ladder, "Sattic") =|= <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> [(align:"=><==")[I'll just take a peek. Really this is mom's fault. She knows I'm too curious. She can't tell me stuff like "don't go in there" what does she expect me to do. Especially when she won't tell me anything about grandpa. I'm going to find out for myself. ]]<-t1| |==| (if:(history: where its name contains "Sattic")'s length >= 1)[(replace: ?t1)[[There's still more to explore in the attic. I'll go back up.]<-t2|]] (if: (history:) contains "diary" and (history:) contains "doll1" and (history:) contains "journal1" and (history:) contains "mirror" and (history:) contains "typewriter")[(replace: ?t2)[ I can't believe all of this. Does mom truly not remember? I have to go [[talk to grandpa]] right away.]]

[<div class="center"> <video autoplay muted> <source src="diarypageflip.mp4"> </div>]<-video| (after: 1s)[(go-to: "diary1")]

<div style="margin-top: 130px; margin-left: 200px; margin-right: 200px;"> =|= <div class="diaryLA"> [[<->diary2.5]]</div> =||||||||||||||= =======|||||||||||||||= =|= <div class="diaryRA">[[>->diary4]]</div> |==| </div>

(set: $visitedA to true) <div style="margin-top: 150px; margin-left: 200px; margin-right: 200px;"> =|= <div class="diaryLA"> [[<->Nattic]]</div> =||||||||||= =======|||||||||||= (text-rotate-x:177)+(text-rotate-y:167)+(text-rotate-z:178)[ <br><br><br><br><br><br>] =|= <div class="diaryRA">[[>->diary2]]</div> |==| </div>

[<div class="center"> <video autoplay muted> <source src="https://archive.org/download/diarypageflip/diarypageflip.mp4"> </div>]<-video| (after: 1s)[(go-to: "diary5")]

[<div class="center"> <video autoplay muted> <source src="https://archive.org/download/diarypageflip/diarypageflip.mp4"> </div>]<-video| (after: 1s)[(go-to: "diary3")]

<div style="margin-top: 130px; margin-left: 200px; margin-right: 200px;"> =|= <div class="diaryLA"> [[<->diary4.5]]</div> =||||||||||||||= =======|||||||||||||||= =|= <div class="diaryRA">[[>->diary6]]</div> |==| </div>

[<div class="center"> <video autoplay muted> <source src="https://archive.org/download/pageflipbackwards/pageflipbackwards.mp4"> </div>]<-video| (after: 1s)[(go-to: "diary3")]

<div style="margin-top: 10px;"> [<div class="center"> <video autoplay muted> <source src="https://archive.org/download/pageflipbackwards/pageflipbackwards.mp4"> </div>]<-video| </div> (after: 1s)[(go-to: "diary1")]

[<div class="center"> <video autoplay muted> <source src="https://archive.org/download/diarypageflip/diarypageflip.mp4"> </div>]<-video| (after: 1s)[(go-to: "diary7")]

[<div class="center"> <video autoplay muted> <source src="https://archive.org/download/pageflipbackwards/pageflipbackwards.mp4"> </div>]<-video| (after: 1s)[(go-to: "diary5")]

<div style="margin-top: 130px; margin-left: 200px; margin-right: 200px;"> =|= <div class="diaryLA"> [[<->diary6.5]]</div> =||||||||||||||= =======|||||||||||||||= =|= <div class="diaryRA">[[>->diary8]]</div> |==| </div>

[<div class="center"> <video autoplay muted> <source src="https://archive.org/download/diarypageflip/diarypageflip.mp4"> </div>]<-video| (after: 1s)[(go-to: "diary9")]

<div style="margin-top: 120px; margin-left: 200px; margin-right: 200px;"> =|= <div class="diaryLA"> [[<->diary9.5]]</div> =|||||||||||||= =======||||||||||||||= =|= <div class="diaryRA">[[>->diary10]]</div> |==| </div>

[<div class="center"> <video autoplay muted> <source src="https://archive.org/download/pageflipbackwards/pageflipbackwards.mp4"> </div>]<-video| (after: 1s)[(go-to: "diary7")]

<div style="margin-top: 150px; margin-left: 200px; margin-right: 200px;"> =|= <div class="diaryLA"> [[<->diary10.5]]</div> =||||||||||= (text-rotate-x:177)+(text-rotate-y:167)+(text-rotate-z:183)[] =======|||||||||||= (text-rotate-x:177)+(text-rotate-y:167)+(text-rotate-z:178)[] =|= <div class="diaryRA">[[>->diary12]]</div> |==| </div>

[<div class="center"> <video autoplay muted> <source src="https://archive.org/download/diarypageflip/diarypageflip.mp4"> </div>]<-video| (after: 1s)[(go-to: "diary11")]

[<div class="center"> <video autoplay muted> <source src="https://archive.org/download/pageflipbackwards/pageflipbackwards.mp4"> </div>]<-video| (after: 1s)[(go-to: "diary9")]

[<div class="center"> <video autoplay muted> <source src="https://archive.org/download/diarypageflip/diarypageflip.mp4"> </div>]<-video| (after: 1s)[(go-to: "diary13")]

<div style="margin-top: 150px; margin-left: 200px; margin-right: 200px;"> =|= <div class="diaryLA"> [[<->diary12.5]]</div> =||||||||||= (text-rotate-x:177)+(text-rotate-y:167)+(text-rotate-z:183)[] =======|||||||||||= (text-rotate-x:177)+(text-rotate-y:167)+(text-rotate-z:178)[] =|= <div class="diaryRA">[[>->Nattic]]</div> |==| </div>

[<div class="center"> <video autoplay muted> <source src="https://archive.org/download/pageflipbackwards/pageflipbackwards.mp4"> </div>]<-video| (after: 1s)[(go-to: "diary11")]

(align:"=><=")+(box:"X")[= [<img style="width: 700px; height: auto; margin-top: 100px;" src="https://lh3.googleusercontent.com/pw/AP1GczM6EZDmFFc2YNZ2XRUo0lNaL4vLBrP_UKqvZXPVld9y8_JIdlZRnW2Syxi7phAUCxN858fvcf0EcdbgESPdutqBxEXJeue6rrdrUu89_jU_r0JZrCtcRGx_O8RDG-EvHbHpaW56N5V9h6EMD2BZQB99=w1800-h1200-s-no-gm?authuser=0" style="width: 90%;">]<-desk| (click-goto: ?desk, "journal1")

(set: $visitedC to true) <div style="text-align: center; margin-top: 100px;"> [<img src="https://lh3.googleusercontent.com/pw/AP1GczN5qypZiUtXBS6Lk83cSbY8CtWQIxdwFH4J9-xB5263Vt5SiLuQ-R_CdLatzgVgnYmnUbkBPH4HK90OlDcQ5lfH892kfVBgMV1Ot_oLldlLrkRjXmNydRdzR8Tb3iKMwnlmLg6p8kei7We0Nc_inoDr=w1500-h1500-s-no-gm?authuser=0" width=30%;>]<-journal| </div> (click-goto:?journal, "journal2")

<div style="margin-top: 230px; margin-left: 290px; margin-right: 260px;"> =|= <div class="diaryLA"> [[<->journal1.5]]</div> =||||||||||= =====|||||||||||= =|= <div class="diaryRA"> [[>->journal3]]</div> |==|

(click-goto: ?page, "notes")

<div style="margin-top: 200px;"> (align:"=><=")+(box:"=XXX=")[ When Matilda goes with her mother to visit her estranged grandfather who lives on a remote estate, she is faced with a series of odd facts and discoveries. Matilda must piece together the relics of her mother's and aunt's childhood, which neither seems to remember, in order to understand their family's history. Best viewed in full screen. View [[tips on navigating the story]], otherwise, click anywhere to begin.] </div> (click-goto: ?page, "start")

<div style="margin-top: 200px;"> (align:"<==>")+(box:"=XXX=")[ * Navigate the story by clicking on images and text or the page itself. * Often the page must be clicked to reveal further text and continue the story. * Some images and videos may require time to load. If something seems like it's missing, reload the page. * Best viewed in full screen. Click anywhere to return to the start page. ] </div> (click-goto: ?page, "notes")

(set: $visitedD to true) (text-style:"blur")[= ===|||||= (align:"=><=")+(box:"=XXX=")[ Alma, where are you? Don't run off! (click: ?page)[== [I'm here! I'm here! Elisaaaaa I'm here!] (click: ?page)[== I've got you. Now don't ever let go of my hand again. We cannot get separated from one another in here. (click: ?page)[==Because Father will get us out one day. Yes? And we will have to go together through the glass? (click: ?page)[==Yes, Alma. One day... For now, we have each other. (click: ?page)[== <div style="font-size: 30pt"> [[^->Sattic]]] </div> =|||=== <img src="https://lh3.googleusercontent.com/pw/AP1GczPjgl7M8CVnBuhAICADCGlaGkiVWezeAZNj0O8qY2H4IFUaL8VQ1yK9xG9a7b9IAiQrE0jbKowevqATKL5wlEYdiL3ip_YJJ_rU2hJV0KGJhgBDNjVvWrTbaD0wx-cn0Y12KVRYwd0ftf8ShrmsCcPu=w427-h457-s-no-gm?authuser=0"> |==|

<div style="margin-top: 10px;"> [<div class="center"> (after: .5s)[ <video autoplay muted> <source src="https://archive.org/download/pageflipbackwards/pageflipbackwards.mp4"> </div>]<-video|] </div> (after: 2s)[(go-to: "Nattic")]

(after: .5s)[ [<div class="center"> <video autoplay muted> <source src="https://archive.org/download/diarypageflip/diarypageflip.mp4"> </div>]<-video|] (after: 2s)[(go-to: "journal4")]

<div style="margin-top: 230px; margin-left: 290px; margin-right: 260px;"> =|= <div class="diaryLA"> [[<->journal3.5]]</div> =||||||||||= =====|||||||||||= =|= <div class="diaryRA"> [[>->journal5]]</div> |==|

<div style="margin-top: 10px;"> <div class="center"> (after: .5s)[ [<video autoplay muted> <source src="https://archive.org/download/pageflipbackwards/pageflipbackwards.mp4"> </div>]<-video|] </div> (after: 2s)[(go-to: "journal2")]

(after: .5s)[ [<div class="center"> <video autoplay muted> <source src="https://archive.org/download/diarypageflip/diarypageflip.mp4"> </div>]<-video|] (after: 2s)[(go-to: "journal6")]

<div style="margin-top: 230px; margin-left: 290px; margin-right: 260px;"> =|= <div class="diaryLA"> [[<->journal5.5]]</div> =||||||||||= =====|||||||||||= =|= <div class="diaryRA"> [[>->journal7]]</div> |==|

(after: .5s)[ [<div class="center"> <video autoplay muted> <source src="https://archive.org/download/diarypageflip/diarypageflip.mp4"> </div>]<-video|] (after: 2s)[(go-to: "journal8")]

<div style="margin-top: 230px; margin-left: 290px; margin-right: 260px;"> =|= <div class="diaryLA"> [[<->journal7.5]]</div> =||||||||||= =====|||||||||||= =|= <div class="diaryRA"> [[>->journal9]]</div> |==|

(after: .5s)[ [<div class="center"> <video autoplay muted> <source src="https://archive.org/download/diarypageflip/diarypageflip.mp4"> </div>]<-video|] (after: 2s)[(go-to: "journal10")]

<div style="margin-top: 10px;"> (after: .5s)[ <div class="center"> [<video autoplay muted> <source src="https://archive.org/download/pageflipbackwards/pageflipbackwards.mp4"> </div>]<-video|] </div> (after: 2s)[(go-to: "journal6")]

<div style="margin-top: 230px; margin-left: 290px; margin-right: 260px;"> =|= <div class="diaryLA"> [[<->journal9.5]]</div> =||||||||||= =====|||||||||||= =|= <div class="diaryRA"> [[>->Nattic]]</div> |==|

=||||= <br> <br> <br> (align:"=><=")[Mom!? Grandpa?] =|||== <br> <br> <br> [<img id="dollcollum" src="https://lh3.googleusercontent.com/pw/AP1GczNx91PRmxxTed2dNHKmCOiv2lROYcCqxKX__cR-RPVtybAbixfbLlueDLeRHuiYhwfrrguOpGzgGSPth29HwVD5mxFDs2bAs31VsNfaYxKWe8kT64xBHwKPoRtvznYSk-2MV8eGxzxwDTbtnVT01MxU=w314-h360-s-no-gm?authuser=0">]<-stairs| (click: ?page)[Down here, Matilda!] |==| (click-goto: ?stairs, "grandpa")

(align:"<==")+(box:"=XXxxxxxxxxxx===========")[ Mom? (click: ?page)[//How can she be standing there after everything I saw? My mom, just as I know her, and completely different than how grandpa sees her? Is this why we've never visited here, because she doesn't have those magical childhood memories to look back on?//] (click: ?page)[ You're grandpa is the den. Go sit with him. He's had a long day, I'm sure he'd love to talk to you. ] ] (click-goto: ?page, "grandpa2")

<div style="text-align: center; top: 300px;"> ===||=== Come, dear Matilda. Sit with me. ===||== (click: ?page)[==H-hello, grandpa. (click-goto: ?page, "grandpa3") |==| </div>

<div style="text-align: center; top: 250px;"> ===||=== Now there's nothing to be nervous about. Only a loopy old man in a big scary house. ===||== (click: ?page)[I'm sorry.] (click: ?page)[//It feels like the only appropriate thing to say.//] (click-goto: ?page, "grandpa4") |==| </div>

<div style="text-align: center; top: 250px;"> ===||=== Ah. I see. I can smell it on you, dear. ===||== (click: ?page)[What?] (click-goto: ?page, "grandpa6") |==| </div>

<div style="text-align: center; top: 250px;"> ===||=== You've been having a look around here. Hehe. Just like your mother. Too curious. ===||== (click: ?page)[I'm sorry. I didn't mean to snoop.] (click-goto: ?page, "grandpa7") |==| </div>

<div style="text-align: center; top: 250px;"> ===||=== Poor Matilda. I can tell you're upset about what you've seen. Believe me, I've been upset for a long time. ===||== (click: ?page)[I just don't understand, grandpa. Is my mother still my mother? Is this... other version of her..okay?] (click-goto: ?page, "grandpa8") |==| </div>

<div style="text-align: center; top: 230px;"> ===||=== They're each versions of each other. One forever young. One forever stolen of youth. I believe //my// Elisa is quite alright. I see glimpses of her in the glass. And she smiles, holding Alma tight by her side. ===||== (click: ?page)[So they're okay. That's good.] (click-goto: ?page, "grandpa9") |==| </div>

<div style="text-align: center; top: 250px;"> ===||=== And safe. Always safe. More than I could ever do for them out here. You take to all this so well. You truly are my granddaughter then. You know... ===||== (click: ?page)[What?] (click-goto: ?page, "grandpa10") |==| </div>

<div style="text-align: center; top: 250px;"> ===||=== Oh, only, you're about the age that my Elisa was when the mirror got her. I think, based on my research, that you may be useful. But I should put the thought out of my mind. ===||== (click: ?page)[Useful how? Could I help them?] (click-goto: ?page, "grandpa11") |==| </div>

<div style="text-align: center; top: 250px;"> ===||=== Remington and I -I'm sure you've met him- we theorize that the mirror likes youth. Youth who are bursting with pure life. It feed on them. You'd be, well, the perfect prey. ===||== (click: ?page)[How would me going into the mirror help anything?] (click-goto: ?page, "grandpa12") |==| </div>

<div style="text-align: center; top: 250px;"> ===||=== Well... No. It wouldn't. Yet... Perhaps I should consult that journal. Or speak to Remington. No.. he can't spare it. ===||== (click: ?page)[What can I do, grandpa? Explain it to me. That's all I want. ] (click-goto: ?page, "grandpa13") |==| </div>

<div style="text-align: center; top: 250px;"> ===||=== My dear, will you join me in the attic? Lets not mention it to //your// Elisa. But perhaps... just maybe... we may be able to speak to //mine//. ===||== (click-goto: ?page, "end") |==| </div>

(align:"=><=")+(box:"====================XXXXXXXXXXXXXXXX====================")[ Written and designed by Liza Page Created as a part of Dr. Melinda White’s Digital Literature course at the University of New Hampshire, Spring 2026. [[Read again->titlepage]] ]