the memory album

Browser lacks capabilities required to play.

Upgrade or switch to another browser.

Loading…

<<link [img[$Candy]]>> <<if not ($seenSeashells and $seenTV and $seenChopsticks and $seenCandy)>> <<goto "Candy1">> <<elseif $accuracy > 80>> <<goto "Candy2">> <<elseif $accuracy >60>> <<goto "Candy3">> <<elseif $accuracy >40>> <<goto "Candy4">> <<elseif $accuracy >0>> <<goto "Candy5">> <</if>> <</link>>

[[< Back|Photo Gallery]] <div class="split-screen"> <div class="split-left"> <div class="image-wrapper"> <div class="main-image"> <img @src="$Candy" alt="Candy"> </div> <div class="hover-image"> <img @src="$NiniTalking" alt="Nini talking"> </div> <div class="caption"> <p> "You pick first! I like all of the flavors." </p> </div> </div> <span id="infoIcon" class="info-icon" title="More info">ⓘ</span> </div> <div class="split-right"> <div id="infoText" class="info-text" hidden> <p>This is a photo of $Name trying the candies you brought for her as a gift. You hadn’t been sure if she’d like such sour candy–what candy did kids her age like, anyway?--but she really did enjoy it. She preferred strawberry flavor, but she wouldn’t say anything until you chose, because that’s how her mom raised her to treat guests. You didn’t realize that children could be so thoughtful–surely you weren’t so observant back then–and yet she was. She loved finding the patterns in the things you liked, always wanting to make sure that you were enjoying something as much as she was. And the Milk Cat shirt. She really did love that TV show, didn’t she? Next time, you’d remember to gift her something Milk Cat-themed. </p> </div> </div> </div> <<set $seenCandy to true>>

[[< Back|Photo Gallery]] <<set $choice = "wrong">> <div class="split-screen"> <div class="split-left"> <div class="image-wrapper"> <div class="main-image"> <img @src="$Candy" alt="Candy"> </div> <div class="hover-image"> <img @src="$NiniTalking" alt="Nini talking"> </div> <div class="caption"> <p> "You pick first! I like all of the flavors." </p> </div> </div> <span id="infoIcon" class="info-icon" title="More info">ⓘ</span> </div> <div class="split-right"> <div id="infoText" class="info-text" hidden> <p>This is a photo of $Name trying the candies you brought for her as a gift. You hadn’t been sure if she’d like such sour candy–what candy did kids her age like, anyway?--but she really did enjoy it. She preferred strawberry flavor, <<cycle "$choice">> <<option "so she always picked out all the strawberry flavored ones first" "wrong">> <<option "but she always waited for you to choose first" "right">> <</cycle>>. And the Milk Cat shirt. She really did love that TV show, didn’t she? Next time, you’d remember to gift her something Milk Cat-themed. <<if $time>4>>You weren't sure she liked candy or Milk Cats anymore. If you visited again, a red envelope would be safer...<</if>> </p> </p> </div> </div> </div> <<set $time += 1>>

[[< Back|Photo Gallery]] <<set $choice = "wrong">> <div class="split-screen"> <div class="split-left"> <div class="image-wrapper"> <img @src="$Candy" alt="Candy"> </div> <span id="infoIcon" class="info-icon" title="More info">ⓘ</span> </div> <div class="split-right"> <div id="infoText" class="info-text" hidden> <p>This is a photo of $Name trying the candies you brought for her as a gift. You hadn’t been sure if she’d like such sour candy–what candy did kids her age like, anyway?--but she really did enjoy it. After getting to know her, though, you realized that a Milk Cat-themed shirt would make a much better gift next time. <<if $time>4>> Although, now, you weren't sure she liked candy or even Milk Cats anymore. If you visited again, a red envelope would be safer...<</if>> </p> </div> </div> </div> <<set $time += 1>>

<<link [img[$Chopsticks]]>> <<if not ($seenSeashells and $seenTV and $seenChopsticks and $seenCandy)>> <<goto "Chopsticks1">> <<elseif $accuracy > 80>> <<goto "Chopsticks2">> <<elseif $accuracy >60>> <<goto "Chopsticks3">> <<elseif $accuracy >40>> <<goto "Chopsticks4">> <<elseif $accuracy >0>> <<goto "Chopsticks5">> <</if>> <</link>>

[[< Back|Photo Gallery]] <div class="split-screen"> <div class="split-left"> <div class="image-wrapper"> <div class="main-image"> <img @src="$Chopsticks" alt="Chopsticks"> </div> <div class="hover-image"> <img @src="$NiniHappy" alt="happy Nini"> </div> <div class="caption"> <p> "Hehe, I finally won!" </p> </div> </div> <span id="infoIcon" class="info-icon" title="More info">ⓘ</span> </div> <div class="split-right"> <div id="infoText" class="info-text" hidden> <p>This is a photo of $Name defeating you for the first time in a game of chopsticks. You found it ironic that she hadn’t known of the game before then. After you taught her how to play, it quickly became a favorite–she’d always turn back to this game, never tiring of it. Eventually, when the game got too long, you’d force a blunder, hoping she’d spot the opening. She got better at spotting them over time. You decided not to tell her that a perfect play from both sides could extend the game indefinitely. </p> </div> </div> </div> <<set $seenChopsticks to true>>

[[< Back|Photo Gallery]] <<set $choice = "wrong">> <div class="split-screen"> <div class="split-left"> <div class="image-wrapper"> <div class="main-image"> <img @src="$Chopsticks" alt="Chopsticks"> </div> <div class="hover-image"> <img @src="$NiniHappy" alt="happy Nini"> </div> <div class="caption"> <p> "Hehe, I finally won!" </p> </div> </div> <span id="infoIcon" class="info-icon" title="More info">ⓘ</span> </div> <div class="split-right"> <div id="infoText" class="info-text" hidden> <p>This is a photo of $Name defeating you for the first time in a game of chopsticks, a game <<cycle "$choice">> <<option "she'd learned in school" "wrong">> <<option "you had taught her" "right">> <<option "her friends had shown her" "wrong">> <</cycle>>. Eventually, when the game got too long, you’d force a blunder, hoping she’d spot the opening. She got better at spotting them over time. You decided not to tell her that a perfect play from both sides could extend the game indefinitely<<if $time >= 3>>–though she’s probably figured this out by now, if she still plays it. Or maybe she lost interest after realizing<</if>>. </p> </div> </div> </div> <<set $time += 1>>

[[< Back|Photo Gallery]] <<set $choice = "wrong">> <div class="split-screen"> <div class="split-left"> <div class="image-wrapper"> <img @src="$Chopsticks" alt="Chopsticks"> </div> <span id="infoIcon" class="info-icon" title="More info">ⓘ</span> </div> <div class="split-right"> <div id="infoText" class="info-text" hidden> <p>This is a photo of $Name defeating you in a game of chopsticks. Your games had gotten longer the more she improved, until eventually <<cycle "$choice">> <<option "you decided on a draw" "wrong">> <<option "you let her win" "right">> <<option "her mom's call for dinner cut the game short" "wrong">>. <</cycle>> </p> </div> </div> </div> <<set $time += 1>>

[[< Back|Photo Gallery]] <<set $choice = "wrong">> <div class="split-screen"> <div class="split-left"> <div class="image-wrapper"> <img @src="$Chopsticks" alt="Chopsticks"> </div> <span id="infoIcon" class="info-icon" title="More info">ⓘ</span> </div> <div class="split-right"> <div id="infoText" class="info-text" hidden> <p>This is a photo of $Name <<cycle "$choice">> <<option "making a peace sign" "wrong">> <<option "enjoying the park" "wrong">> <<option "playing chopsticks with you" "right">>. <</cycle>> </p> </div> </div> </div> <<set $time += 1>>

[[< Back|Photo Gallery]] <<set $choice = "wrong">> <div class="split-screen"> <div class="split-left"> <div class="image-wrapper"> <img @src="$Chopsticks" alt="Chopsticks"> </div> <span id="infoIcon" class="info-icon" title="More info">ⓘ</span> </div> <div class="split-right"> <div id="infoText" class="info-text" hidden> <p>This is a photo of <<cycle "$forgotten">> <<option "a girl." "yes">> <<option "a childhood friend." "yes">> <<option "Nini." "no">><</cycle>></p> </div> </div> </div> <<set $time += 1>>

<<if $choice != "right">> <<set $accuracy -= 10>> <</if>> <<if $time <= 5>> <<set $Name = "Nini">> <<elseif $time <= 10>> <<set $Name = "Nini (did they still call her that?)">> <<elseif $time <= 15>> <<set $Name = "your little cousin">> <<else>> <<set $Name = "your cousin">> <</if>> <<set _allSeen to ($seenSeashells and $seenTV and $seenChopsticks and $seenCandy)>> <div class="gallery-title">$AlbumTitle</div> <div class="photo-gallery"> <div class="photo-card"> <<if $forgotten == "no">> <<if not _allSeen and $seenTV>> <img @src ="$TV" alt = "TV" style="opacity: 0.4"> <<else>> <<include "TV Image">> <</if>> <<else>> <img @src="$Deleted" alt="This is a photo of ████"> <</if>> </div> <div class="photo-card"> <<if $forgotten == "no">> <<if not _allSeen and $seenSeashells>> <img @src ="$Seashells" alt = "Seashells" style="opacity: 0.4"> <<else>> <<include "Seashells Image">> <</if>> <<else>> <img @src="$Deleted" alt="Except now there is no photo"> <</if>> </div> <div class="photo-card"> <<if $forgotten == "no">> <<if not _allSeen and $seenChopsticks>> <img @src ="$Chopsticks" alt = "Chopsticks" style="opacity: 0.4"> <<else>> <<include "Chopsticks Image">> <</if>> <<else>> <img @src="$Deleted" alt="And no one calls her ████ anymore,"> <</if>> </div> <div class="photo-card"> <<if $forgotten == "no">> <<if not _allSeen and $seenCandy>> <img @src ="$Candy" alt = "Candy" style="opacity: 0.4"> <<else>> <<include "Candy Image">> <</if>> <<else>> <img @src="$Deleted" alt="Not even you."> <</if>> </div> </div>

<<link [img[$Seashells]]>> <<if not ($seenSeashells and $seenTV and $seenChopsticks and $seenCandy)>> <<goto "Seashells1">> <<elseif $accuracy > 80>> <<goto "Seashells2">> <<elseif $accuracy >60>> <<goto "Seashells3">> <<elseif $accuracy >40>> <<goto "Seashells4">> <<elseif $accuracy >0>> <<goto "Seashells5">> <</if>> <</link>>

[[< Back|Photo Gallery]] <div class="split-screen"> <div class="split-left"> <div class="image-wrapper"> <div class="main-image"> <img @src="$Seashells" alt="Seashells"> </div> <div class="hover-image"> <img @src="$NiniTalking" alt="Nini talking"> </div> <div class="caption"> <p> "This one is for you!" </p> </div> </div> <span id="infoIcon" class="info-icon" title="More info">ⓘ</span> </div> <div class="split-right"> <div id="infoText" class="info-text" hidden> <p>This is a photo of $Name digging up shells from the dirt after a rainy day. You couldn’t help but find it amusing how she puzzled over those shells, if they could be called shells at all. You couldn’t bring yourself to tell her that they were only snail shells. How it must have been to never see the ocean–next time, you promised, you’d bring back some real shells for her to see. She’d given you one of her shells that day, a parting gift. Best not to tell her that there was no way you’d be able to take it with you–there were strict regulations on transporting biological specimens overseas. You buried it in the front yard shortly before you left. </p> </div> </div> </div> <<set $seenSeashells to true>>

[[< Back|Photo Gallery]] <<set $choice = "wrong">> <div class="split-screen"> <div class="split-left"> <div class="image-wrapper"> <div class="main-image"> <img @src="$Seashells" alt="Seashells"> </div> <div class="hover-image"> <img @src="$NiniTalking" alt="Nini talking"> </div> <div class="caption"> <p> "This one is for you. You should take it home with you!" </p> </div> </div> <span id="infoIcon" class="info-icon" title="More info">ⓘ</span> </div> <div class="split-right"> <div id="infoText" class="info-text" hidden> <p>This is a photo of $Name digging up shells. Has her shell collection grown since then? <<if $time <=4>>There were some seashells you collected to add to her collection the next time you visit.<<elseif $time <=7>>You'd promised to bring her back some seashells, but that didn't seem so feasible now... well, who knows? Maybe she's been to the beach by now, and has seashells of her own.<</if>> She’d given you one of her shells that day<<linkreplace "....">>, a parting gift. Best not to tell her that there was no way you’d be able to take it with you–there were strict regulations on transporting biological specimens overseas. You buried it in the <<cycle "$choice">> <<option "back yard" "wrong">> <<option "front yard" "right">> <<option "park" "wrong">> <</cycle>> shortly before you left.<</linkreplace>> </p> </div> </div> </div> <<set $time += 1>>

[[< Back|Photo Gallery]] <<set $choice = "wrong">> <div class="split-screen"> <div class="split-left"> <div class="image-wrapper"> <img @src="$Seashells" alt="Seashells"> </div> <span id="infoIcon" class="info-icon" title="More info">ⓘ</span> </div> <div class="split-right"> <div id="infoText" class="info-text" hidden> <p>This is a photo of $Name digging up <<cycle "$choice">> <<option "precious stones." "wrong">> <<option "snail shells." "right">><</cycle>> She’d tried to give you one that day, but you couldn't take it for some reason--or at least, you'd lost it somewhere if you did. </p> </div> </div> </div> <<set $time += 1>>

[[< Back|Photo Gallery]] <<set $choice = "wrong">> <div class="split-screen"> <div class="split-left"> <div class="image-wrapper"> <img @src="$Seashells" alt="Seashells"> </div> <span id="infoIcon" class="info-icon" title="More info">ⓘ</span> </div> <div class="split-right"> <div id="infoText" class="info-text" hidden> <p>This is a photo of $Name <<linkreplace "....">><<cycle "$choice">> <<option "playing in the dirt." "wrong">> <<option "looking for shells." "right">> <<option "gazing into a puddle." "wrong">><</cycle>><</linkreplace>> </p> </div> </div> </div> <<set $time += 1>>

[[< Back|Photo Gallery]] <<set $choice = "wrong">> <div class="split-screen"> <div class="split-left"> <div class="image-wrapper"> <img @src="$Seashells" alt="Seashells"> </div> <span id="infoIcon" class="info-icon" title="More info">ⓘ</span> </div> <div class="split-right"> <div id="infoText" class="info-text" hidden> <p>This is a photo of <<cycle "$forgotten">> <<option "a girl." "yes">> <<option "a childhood friend." "yes">> <<option "Nini." "no">><</cycle>></p> </div> </div> </div> <<set $time += 1>>

<<set $AlbumTitle = "the memory album">> <<set $Name = "Nini">> <<set $Seashells = "images/Seashells.JPG">> <<set $TV = "images/TV.JPG">> <<set $Chopsticks = "images/Chopsticks.jpg">> <<set $Candy = "images/Candy.jpg">> <<set $Deleted = "images/Deleted.JPG">> <<set $NiniPhoto = "images/NiniPhoto.JPG">> <<set $NiniHappy = "images/NiniHappy.PNG">> <<set $NiniTalking = "images/NiniTalking.PNG">> <<set $NiniBittersweet = "images/NiniBittersweet.PNG">> <<set $NiniForcedSmile = "images/NiniForcedSmile.PNG">> <<set $accuracy to 100>>  <<set $time to 0 >> <<set $wrongAnswers to 0>> <<set $choice to "right">> <<set $forgotten to "no">> <<set $seenTV to false>> <<set $seenSeashells to false>> <<set $seenChopsticks to false>> <<set $seenCandy to false>>

<<link [img[$TV]]>> <<if not ($seenSeashells and $seenTV and $seenChopsticks and $seenCandy)>> <<goto "TV1">> <<elseif $accuracy > 80>> <<goto "TV2">> <<elseif $accuracy >60>> <<goto "TV3">> <<elseif $accuracy >40>> <<goto "TV4">> <<elseif $accuracy >20>> <<goto "TV5">> <<elseif $accuracy >0>> <<goto "TV6">> <</if>> <</link>>

[[< Back|Photo Gallery]] <div class="split-screen"> <div class="split-left"> <div class="image-wrapper"> <div class="main-image"> <img @src="$TV" alt="TV"> </div> <div class="hover-image"> <img @src="$NiniTalking" alt="Nini talking"> </div> <div class="caption"> <p> "Did you see that? Did you see that?" </p> </div> </div> <span id="infoIcon" class="info-icon" title="More info">ⓘ</span> </div> <div class="split-right"> <div id="infoText" class="info-text" hidden> <p>This is a photo of Nini, from when you were watching Milk Cats together–the fourth season in particular, because that was the best one. The segments always went by too fast for you to understand properly, Nini still wanted you to stay with her and watch them, anyways, always turning to laugh with you over some plot point that you pretended to catch. When she was older, she promised, she’d get a cat named after the protagonist of the show, and then the three of you would all watch the show together. </p> </div> </div> </div> <<set $seenTV to true>>

[[< Back|Photo Gallery]] <<set $choice = "wrong">> <div class="split-screen"> <div class="split-left"> <div class="image-wrapper"> <div class="main-image"> <img @src="$TV" alt="TV"> </div> <div class="hover-image"> <img @src="$NiniTalking" alt="Nini talking"> </div> <div class="caption"> <p> "Did you see that? Did you see that?" </p> </div> </div> <span id="infoIcon" class="info-icon" title="More info">ⓘ</span> </div> <div class="split-right"> <div id="infoText" class="info-text" hidden> <p>This is a photo of $Name, from when you were watching Milk Cats together–the <<cycle "$choice">> <<option "first" "wrong">> <<option "second" "wrong">> <<option "third" "wrong">> <<option "fourth" "right">> <<option "fifth" "wrong">> <</cycle>> season in particular, because that was the best one.<<if $time >=2>>Was that still her favorite? Maybe it’s gotten a bit old by now…<</if>> The segments always went by too fast for you to understand properly, but $Name still wanted you to stay with her and watch them, anyways, always turning to laugh with you over some plot point that you pretended to catch. When she was older, she promised, she’d get a cat named after the protagonist of the show, Miao, and then the three of you would all watch the show together. </p> <<if $time >= 6>> You’re not sure you could begin to comprehend the shows she must watch now, if she had the time to watch shows. <</if>> </div> </div> </div> <<set $time += 1>>

[[< Back|Photo Gallery]] <<set $choice = "wrong">> <div class="split-screen"> <div class="split-left"> <div class="image-wrapper"> <img @src="$TV" alt="TV"> </div> <span id="infoIcon" class="info-icon" title="More info">ⓘ</span> </div> <div class="split-right"> <div id="infoText" class="info-text" hidden> <p>This is a photo of $Name, from when you were watching Milk Cats together. The segments always went by too fast for you to understand properly, but $Nini still wanted you to stay with her and watch them, anyways, always turning to laugh with you over some plot point that you pretended to catch. When she was older, she said, she would get a cat named <<cycle "$choice">> <<option "Mimi" "wrong">> <<option "Miao" "right">> <<option "Nini" "wrong">> <</cycle>>. <<if $time >= 6>> Wonder if she ended up getting one. <</if>></p> </div> </div> </div> <<set $time += 1>>

[[< Back|Photo Gallery]] <<set $choice = "wrong">> <div class="split-screen"> <div class="split-left"> <div class="image-wrapper"> <img @src="$TV" alt="TV"> </div> <span id="infoIcon" class="info-icon" title="More info">ⓘ</span> </div> <div class="split-right"> <div id="infoText" class="info-text" hidden> <p>This is a photo of $Name, from when you were watching <<cycle "$choice">> <<option "Cats & Soup" "wrong">> <<option "Tangmu & Jierui" "wrong">> <<option "Milk Cats" "right">> <<option "Jelly Cats" "wrong">> <</cycle>> together. The segments always went by too fast for you to understand properly, but $Name still wanted you to stay with her and watch them, anyways, always turning to laugh with you over some plot point that you pretended to catch.</p> </div> </div> </div> <<set $time += 1>>

[[< Back|Photo Gallery]] <<set $choice = "wrong">> <div class="split-screen"> <div class="split-left"> <div class="image-wrapper"> <img @src="$TV" alt="TV"> </div> <span id="infoIcon" class="info-icon" title="More info">ⓘ</span> </div> <div class="split-right"> <div id="infoText" class="info-text" hidden> <p>This is a photo of $Name, from when you were watching TV together. The segments always went by too fast for you to understand properly, but $Name still wanted you to stay with her and watch them, anyways, because<<cycle "$choice">> <<option "she felt lonely watching it by herself" "wrong">> <<option "she needed someone to work the TV remote" "wrong">> <<option "she wanted to catch your reaction to all the funny plot points" "right">> <</cycle>>.</p> </div> </div> </div> <<set $time += 1>>