Flicker of Memory

<div id="introText" style=" opacity: 0; text-align: center; transition: opacity 2.5s ease; "> (text-style:"italic")[“Ah, right... We live together.”] She smiles faintly, her eyes wandering into the air. (text-style:"italic")[“As I get older, my memory comes and goes.”] (text-style:"italic")[["Yeah, you keep forgetting so easily."->Answer01]] (text-style:"italic")[["I know, Grandma. Do you remember the house you lived in when you were young?"->Ask1B]] </div> <script> setTimeout(function() { const text = document.getElementById("introText"); text.style.opacity = "1"; }, 1000); // </script>

<div id="introText" style=" opacity: 0; text-align: center; transition: opacity 2.5s ease; "> (align:"=><=")+(box:"X")[Grandma’s eyes flicker for a moment. //“I’m sorry… I keep forgetting.”// A shy, small laugh escapes her lips. //“Where am I?”//] (align:"=><=")+(box:"X")[[//"This is your home, Grandma. We live here together."//->Loop01]](align:"=><=")+(box:"X")[[//"Don’t ask the same thing."//|GentleReminder]] <script> setTimeout(function() { const text = document.getElementById("introText"); text.style.opacity = "1"; }, 1000); // </script>

<div id="introText" style=" opacity: 0; text-align: center; transition: opacity 2.5s ease; "> <div style="position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; overflow: hidden;"> <img src="https://static.wixstatic.com/media/deaab3_0f5179d234db414f815b040f0057d2cb~mv2.png" alt="blue roof house" style=" position: absolute; top: 50%; left: 50%; width: 1280px; height: 720px; object-fit: cover; transform: translate(-50%, -50%); z-index: 1; " > <div style=" position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 2; "> (text-style:"italic")[“Hmm… yes, I remember. The blue-roofed house.”] (text-style:"italic")[“There was a persimmon tree in the yard. I used to play under it.”] Her gaze lingers somewhere in the air. (text-style:"italic")[“Is that tree still there?”] (text-style:"italic")[["I’m not sure. Maybe we can visit together sometime."->Branch1]] (text-style:"italic")[["Why do you ask the same thing every day?"->Answer01]] </div> <script> setTimeout(function() { const text = document.getElementById("introText"); text.style.opacity = "1"; }, 1000); // </script>

<div id="introText" style=" opacity: 0; text-align: center; transition: opacity 2.5s ease; "> (align:"=><=")+(box:"X")[(text-style:"italic")[“Yeah… that tree must have grown old, just like me.”] (text-style:"italic")[“It used to be so beautiful. Maybe its leaves have all fallen by now.”] (text-style:"italic")[“But I can still remember the smell. Sweet and warm.”] (text-style:"italic")[["You must’ve been beautiful too, Grandma. Were you popular when you were young?"->AskYoung]] (text-style:"italic")[["Grandma, what did you do yesterday?"->Answer01]] ] <script> setTimeout(function() { const text = document.getElementById("introText"); text.style.opacity = "1"; }, 1000); // </script>

<div id="introText" style=" opacity: 0; text-align: center; transition: opacity 2.5s ease; "> <div style="display: flex; justify-content: center; align-items: center; gap: 3rem; height: 720px;"> <div style="flex: 1; display: flex; justify-content: center;"> <img src="https://static.wixstatic.com/media/deaab3_2ae76099898e4e1280ad58b5bf66d6f2~mv2.png" alt="young" style="height: 720px; width: auto; object-fit: contain;" > </div> <div style="flex: 1; text-align: left; max-width: 610px; line-height: 1.8;"> Grandma smiles slowly. (text-style:"italic")[“Oh, I guess I was… haha.” “Everyone in the neighborhood used to say hello to me.” “If I changed my hairpin, people would ask, ‘What’s the occasion today?'”] A faint light of youth crosses her face. (text-style:"italic")["In those days, I was truly myself.”] (text-style:"italic")[["You’re still beautiful, Grandma. Do you remember when I was little?"->StellaGrandma]] (text-style:"italic")[["What do you mean? What did you eat yesterday?"->Answer01]] </div> </div> <script> setTimeout(function() { const text = document.getElementById("introText"); text.style.opacity = "1"; }, 1000); // </script>

<div id="introText" style=" opacity: 0; text-align: center; transition: opacity 2.5s ease; "> <div style="position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; overflow: hidden;"> <img src="https://static.wixstatic.com/media/deaab3_7af8ac4d34794b56931a023da566bae4~mv2.png" alt="young" style=" position: absolute; top: 50%; left: 50%; width: 1280px; height: 720px; object-fit: cover; transform: translate(-50%, -50%); z-index: 1; " > <div style=" position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 2; "> She nods gently. (text-style:"italic")[“Yes… you always followed me everywhere.”] (text-style:"italic")[“I even had to sew while holding you in my arms.”] Her eyes glisten softly. <br> (text-colour:#e8b674)[[The room feels warmer.|Ending]] </div> </div> <script> setTimeout(function() { const text = document.getElementById("introText"); text.style.opacity = "1"; }, 1000); // </script>

<div id="introText" style=" opacity: 0; text-align: center; transition: opacity 2.5s ease; "> <div style="display: flex; justify-content: center; align-items: center; gap: 3rem; height: 720px;"> <div style="flex: 1; display: flex; justify-content: center;"> <img src="https://static.wixstatic.com/media/deaab3_e08ff9113d98459cb856e17c0fd527c3~mv2.gif" alt="home" style="height: 700px; width: auto; object-fit: contain;" > </div> <div style="flex: 1.; text-align: left; max-width: 610px; line-height: 1.6;"> //"Thank you for being kind! Even in forgetting, I feel your warmth." Dementia is a natural part of aging. People often lose their most recent memories first, which makes the world around them feel unfamiliar and frightening. When they repeat the same question, it doesn’t mean they have forgotten *you*. It only means that the last moment has quietly drifted away. Instead of asking them to *remember*, try to *share* a memory with them. Your patience and gentle voice can become their sense of “now.”// (text-colour:grey)+(text-size:0.7)[[back to home|Intro]] </div> </div> <script> setTimeout(function() { const text = document.getElementById("introText"); text.style.opacity = "1"; }, 1000); // </script>

<div id="introText" style=" opacity: 0; text-align: center; transition: opacity 2.5s ease; "> Grandma turns her head. Ask again, //[“Where am I?”']// (text-style:"italic")[["This is your home, Grandma."->AskHome]] (text-style:"italic")[["I just told you that. Did you forget again?"->Answer01]] </div> <script> setTimeout(function() { const text = document.getElementById("introText"); text.style.opacity = "1"; }, 1000); // </script>

<div style="position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; overflow: hidden;"> <img src="https://static.wixstatic.com/media/deaab3_28185997eea447cc8c0a85c79096a9fb~mv2.png" alt="home" style=" position: absolute; top: 50%; left: 50%; width: 720px; object-fit: cover; transform: translate(-50%, -50%); z-index: 1; " > <div style=" position: absolute; top: 58%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 2; "> (align:"=><=")+(box:"X")[= (text-colour:#37302a)[You are the grandchild in this story. Grandma wakes, and sometimes the present feels unfamiliar to her. Your voice can steady the room. Before you begin, choose your role, or jump right in.] // <span class="keep-color">(text-colour:#37302a)[["I am the granddaughter"->SetRoleD]]</span> <span class="keep-color">(text-colour:#37302a)[["I am the grandson"->SetRoleS]]</span> // <span class="keep-color">(text-colour:grey)+(text-size:0.7)[[skip and begin->Start]]</span> <span class="keep-color">(text-colour:grey)+(text-size:0.7)[|]</span> <span class="keep-color">(text-colour:grey)+(text-size:0.7)[[tips to play->Help]]</span>

(set: $role to "granddaughter") (go-to: "Start")

(set: $role to "grandson") (go-to: "Start")

• Be patient. Gentle, older memories help Grandma stay longer. • Recent-memory questions may send you back to the loop. • There’s no “perfect” path. You are practicing kindness. (text-colour:grey)+(text-size:0.7)[[back to home|Intro]]

<div id="introText" style=" opacity: 0; text-align: center; transition: opacity 2.5s ease; "> (align:"=><=")+(box:"X")[Memory loss brings confusion, not stubbornness. Speak kindly. Ask about older times, it helps them feel safe. When you’re ready, click [[this|Answer01]] to continue.] <script> setTimeout(function() { const text = document.getElementById("introText"); text.style.opacity = "1"; }, 1000); // </script>