<div style="text-align: center;"><b>Roath Park, Cardiff.</b></div>\
<<if $Fading is true>><<goto "Roath Park Fade">><</if>>\
<<if $Replay is true>><<init>><</if>>\
<<audio ":playing" stop>><<audio "clock" volume 0.1 play>>\
<span id="clickme">\
<<if $Replay is true>>\
<<link '<span class="sepia-text">You are alone with your memories.</span>'>>
<<replace "#clickme">><</replace>>
<<timed 1s>><<append "#seasons">><p><span class="sepia-text">You have seen seasons become years...</span></p><</append>><</timed>>
<<timed 3s>><<append "#seasons">><p><span class="sepia-text">You have seen lives lived...</span></p><</append>><</timed>>
<<timed 5s>><<append "#seasons">><p><span class="sepia-text">Now the past visits uninvited....</span></p><</append>><</timed>>
<<timed 8s>><<audio ":playing" stop>><<audio "birds" loop volume 0.1 play>><</timed>>
<<timed 8s>><<append "#seasons">><p>Five gates into the park. Which will you choose today?</p><div class="gate-box"><<if $count lt $maxGates>><<gates>><</if>></div><</append>><</timed>>
<</link>>
<<else>>
<<link "You are alone.">>
<<replace "#clickme">><</replace>>
<<timed 1s>><<append "#seasons">><p>Only you can see seasons become years...</p><</append>><</timed>>
<<timed 3s>><<append "#seasons">><p>Years become lives....</p><</append>><</timed>>
<<timed 5.5s>><<append "#seasons">><p>Lives become loves...</p><</append>><</timed>>
<<timed 8s>><<append "#seasons">><p>Loves blossom and die...</p><</append>><</timed>>
<<timed 10s>><<append "#seasons">><p>Until only distant memories remain...</p><</append>><</timed>>
<<timed 12s>><<audio ":playing" stop>><<audio "birds" loop volume 0.1 play>><</timed>>
<<timed 13s>><<append "#seasons">><p>Four gates into the park. Which will you choose today?</p><div class="gate-box"><<if $count lt $maxGates>><<gates>><</if>></div><</append>><</timed>>
<</link>>
<</if>>
</span>
<span id="seasons"></span><<set $count += 1>>\
<<audio ":all" stop>>\
<<timed 0.05s>>\
<<audio "lake" volume 0.4 play>>\
<</timed>>\
<<if $Botanical is true>>\
<<pastmemory>>\
<</if>>\
<div style="text-align: center;"><b>The Promenade.</b></div>\
<<if $Replay>>\
<span class="sepia-text"> \
Mum told me about the day Dad walked home from High School, sunshine warm on his face. He sat at Nain's bench while the gang walked on.
This girl in Grammar school uniform sat next to him, scrolling her iPhone.
She caught him staring.
<i>'What?'
'Nothing... I noticed how blue your eyes are.'
'You flirting? Be asking for my number next.'
'Well, what is it then?'</i>
She took his phone, typed, and his rang.
<i>'There. Call me if you want.'</i>
He went proper red apparently.
<i>'I'm Ffion.'
'Dylan. Gotta go. Bye, Ffion.'
'See ya, Dylan.'</i>
That was Mum.
</span>\
<<else>>\
Walking home from High School, sunshine warm on my face. At Nain's bench, I sit while the gang walks on.
A blonde girl in Grammar school uniform sits next to me, scrolling her iPhone.
She catches me staring.
<i>'What?'
'Nothing... I noticed how blue your eyes are.'
'You flirting? Be asking for my number next.'
'Well, what is it then?'</i>
She takes my phone, types, and mine rings.
<i>'There. Call me if you want.'</i>
I go red.
<i>'I'm Ffion.'
'Dylan. Gotta go. Bye, Ffion.'
'See ya, Dylan.'</i>
<</if>>
<span id="fade-text" style="opacity:1; transition: opacity 25s ease-out;">\
The gate fades into memory.
</span>\
<<timed 3s>>\
<<script>>
document.getElementById("fade-text").style.opacity = "0";
<</script>>
<</timed>>\
<<timed 10s>>\
<<if $count gt 1>>\
<<benchmemory>>\
<<if $benchmessage.length gt 0>>\
<div class="shimmer-box"><<print $benchmessage>></div>\
<</if>>\
<</if>>\
<<set $Prom to true>>\
<div class="gate-box">\
<<set $Promeastvisit to $count>>\
<<if $count >= $maxGates>>\
<<funeral>>\
<<else>>\
<<gates>>\
<</if>>\
</div>\
<</timed>>\
<<nobr>>
<<done>>
<<audio ":all" stop>>
<<timed 0.05s>>
<<audio "queue" volume 0.4 play>>
<</timed>>
<</done>>
<<set $count += 1>>
<<if $Botanical is true>>
<<pastmemory>>
<</if>>
<div style="text-align: center;"><b>Terra Nova and the Boating lake.</b></div>
<<if $Replay>>
<span class="sepia-text">
Dad always told the story of when he first came here.
Mam held his hand as they walked to Nain's bench.<br>
'Your Nain and Bampi loved it here.'
They came every Bonfire Night. Nain always cried a bit.
She gave him bread for the ducks.<br> 'Don't fall in.'
He only fell in once. She could be stern!
A girl with yellow hair stood next to him.
She handed him a daffodil.
</span>
<<else>>
Mam holds my hand as we walk to Nain's bench. <br>
'Your Nain and Bampi loved it here.' <br>
We come every Bonfire Night. <br>Mam always cries a bit.
She gives me bread for the ducks.<br> 'Don't fall in.' <br>
I only fell in once, when I was little.<br>
A girl with yellow hair stands next to me.
She hands me a daffodil. <br>
'Swap for some bread? They smell funny.'<br>
'Why do girls like pink?'<br>
'I don't. It's got a unicorn. Unicorns are magic. <br>
'I'm Ffion.'<br>
'I'm Dylan. Bye.'<br>
'Bye, Dylan.'<br>
<</if>>
<span id="fade-text" style="opacity:1; transition: opacity 25s ease-out;">
The gate fades into memory.
</span>
<<timed .0s>>
<<script>>
document.getElementById("fade-text").style.opacity = "0";
<</script>>
<</timed>>
<<timed 10s>>
<<if $count gt 1>>
<<benchmemory>>
<<if $benchmessage.length gt 0>>
<div class="shimmer-box"><<print $benchmessage>></div>
<</if>>
<</if>>
<<set $Cafe to true>>
<div class="gate-box">
<<set $Cafevisit to $count>>
<<if $count >= $maxGates>>
<<funeral>>
<<else>>
<<gates>>
<</if>>
</div>
<</timed>>
<</nobr>><div style="text-align: center;">
<b>The Botanical Garden - New Year's Eve.</b>
</div>
<<audio ":playing" stop>>\
<<audio "wind" volume 0.3 play>>\
<<if $Replay is true>>\
<nobr>
<span class="sepia-text">
He was all alone in the park that night.
He must have seen the frost settle, the fireworks over Roath.
Mist floating like a wraith.
He sat there too long.
What did he see...
</span>
</nobr>
<<else>>\
The park is mine alone.
Frost silvers the grass in moonlight.
Fireworks crackle over Roath.
Mist hovers on the lake.
She's been gone a year. The pain hasn't dulled.
I've sat here too long...
<</if>>\
<<timed 2s>>\
<span style="display: inline-block; animation: shiver 0.1s infinite;"><<if $Replay is true>>The cold must have seeped into his bones.<<else>>...Cold seeps into my bones.<</if>></span>
<</timed>>\
<<timed 4s>>\
<<if $Replay>>\
Did he see ghosts?
<</if>>\
<span class="ghostly">
Nain and Bampi emerge from the mist. <i>'Happy New Year, Dylan.'</i>
</span>
<</timed>>\
<<timed 8s>>\
They fade.
<</timed>>\
<<timed 12s>>\
<<nobr>><span class="ghostly">
Mam touches my face, fingers icy. <i>'Not long now, Dyl.'</i>
</span>
<</nobr>>
<</timed>>\
<<timed 15s>>\
She fades.
<</timed>>\
<<timed 18s>>\
<span style="color: white; font-weight: bold; opacity: 1;">
A blonde with dark eyes and crimson lips sits beside me.
Cold kiss on my cheek.
<i>'See ya, Dylan.'</i>
</span>
<</timed>>\
<<timed 20s>>\
'Bye, Ffion.'
<</timed>>\
<<timed 22s>>\
<span style="color: white; font-weight: bold; opacity: 1;">
<i>'You're coming with me.'</i>
</span>
<</timed>>\
<<timed 24s>>\
<<if $Cafe is true and $Prom is true>>\
<<set $Botanicalvisit to 1>>\
<b><<pastmemory>></b>\
<</if>>\
<<set $Botanical to true>>\
<<set $count += 1>>\
<div class="gate-box">\
<<set $Botanicalvisit to $count>>\
<<if $count >= $maxGates>>\
<<funeral>>\
<<else>>\
<<gates>>\
<</if>>\
</div>
<</timed>>\<<set $count to 0>>
<<set $maxGates to 5>>
<<set $Rose to false>>
<<set $Play to false>>
<<set $Botanical to false>>
<<set $Cafe to false>>
<<set $Prom to false>>
<<set $Cafevisit to 0>>
<<set $Promeastvisit to 0>>
<<set $Rosevisit to 0>>
<<set $Playvisit to 0>>
<<set $Botanicalvisit to 0>>
<<set $Replay to false>>
<<set $Fading to false>>
<<set $Clarity to 3>>
<<set $ClarityBase to 3>>
<<set $FadeVisited to 0>>
<<run forget("gv_prom"), forget("gv_play"), forget("gv_rose"), forget("gv_cafe")>>
<<set $FadeDone to []>>
<<set $FadeLimit to 0>>
<<cacheaudio "birds" "https://cardiffwriters.org/twines/audio/birds.mp3">>
<<cacheaudio "wind" "https://cardiffwriters.org/twines/audio/wind.mp3">>
<<cacheaudio "queue" "https://cardiffwriters.org/twines/audio/queue.mp3">>
<<cacheaudio "lake" "https://cardiffwriters.org/twines/audio/lake.mp3">>
<<cacheaudio "clock" "https://cardiffwriters.org/twines/audio/bbc_clocks---g_07022188.mp3">>
<<cacheaudio "play" "https://cardiffwriters.org/twines/audio/bbc_children--_07055077.mp3">>
<<cacheaudio "rose" "https://cardiffwriters.org/twines/audio/rose.mp3">><<widget "pastmemory">>\
<div class="medic-voices">\
<i>\
<<if $Botanicalvisit < $count>>\
'...on a bench... Roath Park...'
'...all night, they reckon...
'
' Temp's twenty-eight. Severely hypothermic.'
'Can you hear me, love? What's your name?'
The words float past like the mist off the lake.
<<if $Play >>\
I remember the playground, waiting for Ffi.
She had started tripping, couldn't open jars.
She was so stubborn, had to go alone.
<</if>>\
<<if $Prom>>\
'You've got my number now.
You can call me if you want.'
I was too scared.
She seemed so self-assured.
I was only 14.
<</if>>\
<<if $Cafe >>\
Unicorn girl.
Yellow hair and blue wellies.
Unicorns are magic.
<</if>>\
<</if>></i>\
</div>\
<</widget>><b>Eulogy</b>
<div class="eulogy-box">
<div style="border: 3px solid black; background-color: #d3d3d3; padding: 1em;">
<<if $Replay>>
You stood first. I couldn't look up. You were so brave, your voice never wavered. You said...
<<else>>
Carys stands first. Tom stays seated, staring at the order of service.
<</if>>
'Dad wore his heart on his sleeve. When Mum got ill, he never complained. Learned the hoist, the suction machine. He'd sit for hours, holding her hand, telling her about the ducks.'
<<if $Replay>>
You paused for a while.
<<else>>
She pauses.
<</if>>
'After she died, he kept going to their bench. Said he could still feel her there.'
<<if $Replay>>
That's when I stood up and put my arm round you. I said...
<<else>>
Tom stands, puts his arm around his sister.
<</if>>
'He died on that bench. Looking at the lake. I like to think she came to get him.'
<<if $Replay>>
You nodded.
<<else>>
Carys nods.
<</if>>
'They're together now.'
</div></div>
<<link "Stay a little longer">>
<<set $Replay to true>>
<<goto "Roath Park">>
<</link>><<widget "funeral">>\
<<if $Fading is true>>\
<<if $Botanical is true>>\
<span style="<<if $Botanical is true>>font-weight: bold; color: black;<</if>>">\
<<link "Attend the Remembrance Service" "Finale">><</link>>
<<link "Dylan remembered">>\
<<set $Replay to true>>\
<<set $Fading to false>>\
<<set $count to 0>>\
<<set $Prom to false>>\
<<set $Cafe to false>>\
<<set $Play to false>>\
<<set $Rose to false>>\
<<set $Botanical to false>>\
<<set $FadeDone to []>>\
<<set $FadeLimit to 0>>\
<<goto "Roath Park">>\
<</link>>\
</span>\
<</if>>\
<<else>>\
<<if $count >= $maxGates>>\
<span style="<<if $Botanical is true>>font-weight: bold; color: black;<</if>>">\
<<link "Attend the Remembrance Service" "Finale">><</link>>
<<if $Fading is false and $Replay is false>>
<<link "Stay a little longer">>\
<<set $Fading to true>>\
<<set $count to 0>>\
<<set $Prom to false>>\
<<set $Cafe to false>>\
<<set $Play to false>>\
<<set $Rose to false>>\
<<set $Botanical to false>>\
<<set $FadeLimit to 0>>\
<<goto "Roath Park Fade">>\
<</link>>\
<</if>>\
</span>\
<</if>>\
<</if>>\
<</widget>>\<<widget "benchmemory">>\
<<set $benchmessage to "">>\
<<if $Replay is true>>\
<<set $benchmessage += "\"It's funny what he remembered!\"">>\
<</if>>\
<<if $Cafe is true>>\
<<if $benchmessage neq "">><<set $benchmessage += "<br>">><</if>>\
<<set $benchmessage += "\"You're Unicorn girl!\"<br>\"What... You're weird! Oh no, you're Duck Boy!\"">>\
<</if>>\
<<if $Prom is true>>\
<<if $benchmessage neq "">><<set $benchmessage += "<br>">><</if>>\
<<set $benchmessage += "\"You've got blue eyes!\"<br>\"Duck Boy!\"">>\
<</if>>\
<<if $Play is true>>\
<<if $benchmessage neq "">><<set $benchmessage += "<br>">><</if>>\
<<set $benchmessage += "\"Fungus ladders up a dying tree... We'll look after her...\"">>\
<</if>>\
<<if $Rose is true>>\
<<if $benchmessage neq "">><<set $benchmessage += "<br>">><</if>>\
<<set $benchmessage += "\"Samsung boy.\"<br>\"I owe you eight years of phone credit.\"">>\
<</if>>\
<<if $Botanical is true>>\
<<if $benchmessage neq "">><<set $benchmessage += "<br>">><</if>>\
<<set $benchmessage += "\"Not long now, Dyl.\"<br>\"You're coming with me.\"">>\
<</if>>\
<</widget>>\<<widget "gates">><<set _gates to []>><<if $Prom is false>><<set _gates.push('Promenade->Promeast')>><</if>><<if $Cafe is false>><<set _gates.push('Cafe->Cafe')>><</if>><<if $Play is false>><<set _gates.push('Playground->Play')>><</if>><<if $Rose is false>><<set _gates.push('Rose Garden->Rose')>><</if>><<if $Botanical is false>><<set _gates.push('Botanical Garden->Botanical')>><</if>><<set _shuffled to []>><<for ; _gates.length > 0 ; >><<set _i to random(0, _gates.length - 1)>><<set _shuffled.push(_gates[_i])>><<set _gates.deleteAt(_i)>><</for>><<for _gate range _shuffled>><<capture _gate>><<set _parts to _gate.split('->')>><<link _parts[0] _parts[1]>><</link>><br><</capture>><</for>><</widget>><<done>>\
<<audio ":all" stop>>\
<<timed 0.05s>>\
<<audio "play" volume 0.4 play>>\
<</timed>>\
<</done>>\
<<set $count += 1>>\
<<if $Botanical is true>>\
<<pastmemory>>
<</if>>\
<div style="text-align: center;"><b>The Playground.</b></div>
<<if $Replay>>\
<span class="sepia-text">
Tom told me about the time Dad took us to the park when it was getting cold. Woolly hats and gloves weather.
Fungus was laddering up a dying tree.
Leaves crackling underfoot.
<i>'Sit on Nain's bench. I'll give you bread for the ducks.'</i>
Tom said we both hurled ourselves onto it.
<i>'Can we have phones for Christmas, Dad?'
'I want a red one like Mum.'</i>
Apparently I shrugged. <i>'I don't care what colour. Girls can do anything boys do.'</i>
He gave us bread. <b><i>'Don't fall in.'</i></b>
Tom threw huge chunks. I tore mine carefully.
Tom said the bench went quiet.
<i>If Mum doesn't get better...</i>\
Tom says I pressed against Dad's arm.
<i>'She will, Dad. We'll look after her. Mostly me.'</i>
He tried to smile. <i>'Mostly you.'</i>
</span>
<<else>>\
It's getting cold. Time for woolly hats and gloves.
Fungus ladders up a dying tree.
Leaves crackle underfoot.
<i>'Sit on Nain's bench. I'll give you bread for the ducks.'</i>
The twins hurl themselves onto it.
<i>'Can we have phones for Christmas, Dad?'
'I want a red one like Mum.'</i>
Carys shrugs. <i>'I don't care what colour. Girls can do anything boys do.'</i>
I give them bread. <b><i>'Don't fall in.'</i></b>
They run to the lake.
Tom throws huge chunks.
Carys tears hers carefully.
The bench feels cold.
<i>If Ffion doesn't get better...</i>
Carys presses against my arm.
<i>'She will, Dad. We'll look after her. Mostly me.'</i>
I try to smile. <i>'Mostly you.'</i>
<</if>>\
<span id="fade-text-play" style="opacity:1; transition: opacity 30s ease-out;">
The gate fades into memory.
</span>\
<<timed 3.0s>>\
<<script>>
document.getElementById("fade-text-play").style.opacity = "0";
<</script>>
<</timed>>\
<<timed 10s>>
<<if $count gt 1>>\
<<benchmemory>>\
<<if $benchmessage.length gt 0>>\
<div class="shimmer-box"><<print $benchmessage>></div>\
<</if>>\
<</if>>\
<<set $Play to true>>\
<div class="gate-box">\
<<set $Playvisit to $count>>\
<<if $count >= $maxGates>>\
<<funeral>>\
<<else>>\
<<gates>>\
<</if>>\
</div>\
<</timed>>\<<widget "init">>\
<<set $count to 0>>\
<<set $maxGates to 5>>\
<<set $Rose to false>>\
<<set $Play to false>>\
<<set $Botanical to false>>\
<<set $Cafe to false>>\
<<set $Prom to false>>\
<<set $Cafevisit to 0>>\
<<set $Promeastvisit to 0>>\
<<set $Rosevisit to 0>>\
<<set $Playvisit to 0>>\
<<set $Botanicalvisit to 9>>\
<<set $Fading to false>>\
<<set $Clarity to 3>>\
<<set $ClarityBase to 3>>\
<<set $FadeVisited to 0>>\
<<run forget("gv_prom"), forget("gv_play"), forget("gv_rose"), forget("gv_cafe")>>\
<<set $FadeDone to []>>\
<<set $FadeLimit to 0>>\
<<cacheaudio "birds" "https://cardiffwriters.org/twines/audio/birds.mp3">>\
<<cacheaudio "wind" "https://cardiffwriters.org/twines/audio/wind.mp3">>\
<<cacheaudio "queue" "https://cardiffwriters.org/twines/audio/queue.mp3">>\
<<cacheaudio "lake" "https://cardiffwriters.org/twines/audio/lake.mp3">>\
<<cacheaudio "clock" "https://cardiffwriters.org/twines/audio/bbc_clocks---g_07022188.mp3">>\
<<cacheaudio "play" "https://cardiffwriters.org/twines/audio/bbc_children--_07055077.mp3">>\
<<cacheaudio "rose" "https://cardiffwriters.org/twines/audio/rose.mp3">>
<</widget>>\<<done>>\
<<audio ":all" stop>>\
<<audio "rose" volume 0.4 play>>\
<</done>>\
<<set $count += 1>>\
<<if $Botanical is true>>\
<<pastmemory>>\
<</if>>\
<b>The Rose Garden</b>
Had to escape the house. They've got so old, fussing over everything.
I feel a stranger in my own home. A run keeps me sane. Two laps, then coffee on Nain's bench.
A blonde's sitting there. Blue eyes staring at the lake.
<i>'Ffion?'</i>
She squints. <i>'Do I know you?'
'Dylan. You gave me your number once. I was too scared to call.'
'Samsung boy.'</i> She smiles. <i>'You never called.'
'I was fourteen.'</i>
She laughs. <i>'Coffee? You can buy me one.'
'I owe you eight years of phone credit.'</i>
<span id="fade-text-rose" style="opacity:1; transition: opacity 6s ease-out;">
The gate fades into memory.
</span>\
<<timed 3.0s>>
<<script>>
document.getElementById("fade-text-rose").style.opacity = "0";
<</script>>
<</timed>>\
<<if $count gt 1>>
<<benchmemory>>\
<<if $benchmessage.length gt 0>>
<div class="shimmer-box">
<<print $benchmessage.replace(/\n/g,"<br>")>>
</div>
<</if>>
<</if>>\
<<set $Rose to true>>\
<div class="gate-box">\
<<set $Rosevisit to $count>>\
<<if $count >= $maxGates>>\
<<funeral>>\
<<else>>\
<<gates>>\
<</if>>\
</div>\<div style="text-align: center;"><b>A Park.</b></div>
<span id="clickme-fade"><<link "I've seen pho...pho...pictures of this place">> <<audio ":playing" stop>> <<audio "clock" volume 0.05 play>> <<audio "wind" volume 0.1 play>> <<replace "#clickme-fade">><</replace>> <<timed 2s>><<append "#seasons-fade">><p>I know this place...</p><</append>><</timed>> <<timed 4s>><<append "#seasons-fade">><p>Ice creams and dogs.</p><</append>><</timed>> <<timed 6s>><<append "#seasons-fade">><p>Better keep moving, it will come back.</p><</append>><</timed>> <<timed 10s>> <<append "#seasons-fade">> <div class="gate-box"> <<if $count lt $maxGates>><<gatefade>><</if>> </div> <</append>> <</timed>><</link>></span><span id="seasons-fade"></span><<widget "gatefade">><<set $FadeLimit += 1>><<if $FadeLimit gte 10>><<set $Botanical to true>><</if>><<set _gates to []>><<if $Botanical is false && $FadeDone.length is 4>><<set _gates.push('That chilly place->BotanicalFade')>><<elseif $Botanical is false>><<set _gates.push('That place where you walk and look at the water->PromFade')>><<set _gates.push('They dont do tea, only coffee->NoTea')>><<set _gates.push('Those noisy kids->PlayFade')>><<set _gates.push('Those prickly flowers->RoseFade')>><</if>><<if $Botanical is true>><<funeral>><<else>><<set _shuffled to []>><<for ; _gates.length > 0 ; >><<set _i to random(0, _gates.length - 1)>><<set _shuffled.push(_gates[_i])>><<set _gates.deleteAt(_i)>><</for>><<for _gate range _shuffled>><<capture _gate>><<set _parts to _gate.split('->')>><<link _parts[0] _parts[1]>><</link>><br><</capture>><</for>><</if>><</widget>><<nobr>>
<<set $Clarity to Math.max(0, 4 - recall("gv_prom", 0))>>
<<run memorize("gv_prom", recall("gv_prom", 0) + 1)>>
<<set $FadeDone.pushUnique("prom")>>
<<switch $Clarity>>
<<case 4>>
The water is still enough to remember. Long and flat, silver at the edges.
We used to walk here together. Me and Ffion. Bells ringing..
She liked the wind blowing. She used to dance with it.
I can almost see her now.
<<case 3>>
We walked here, me and... Ff..Ff, bugger it. I had that a moment ago.
There was a dog, trotting ahead of us. Brown, maybe. Or golden.
I loved that dog.
<<case 2>>
I'm tired. I'll sit on this bench.
Where's that girl with my dog?
<<case 1>>
The wind is blowing the water, making a noise.
Where's that thing you put on your hand?
<<default>>
<span id="hello-text-prom">Hello?</span>
<<timed 1s>>
<<replace "#hello-text-prom">>Are you cold? Your blanket has slipped off. Shall I put it right for you? Is anyone with you, love?<</replace>>
<</timed>>
<<timed 2.5s>>
<<replace "#hello-text-prom">><</replace>>
<</timed>>
<</switch>>
<div class="shimmer-box"><i>Walking home from school. A girl with blue eyes sat next to me. She took my phone and typed her number. <br>'Call me if you want.'<br>'I'm Ffion. See ya, Dylan.'</i></div>
<div id="fade-gates-prom" style="display:none;">
<div class="gate-box">
<<if $Botanical is true>>
<<funeral>>
<<else>>
<<gatefade>>
<</if>>
</div>
</div>
<<if $Clarity gte 1>>
<<timed 0.1s>>
<<script>>document.getElementById("fade-gates-prom").style.display = "block";<</script>>
<</timed>>
<<else>>
<<timed 3s>>
<<script>>document.getElementById("fade-gates-prom").style.display = "block";<</script>>
<</timed>>
<</if>>
<</nobr>><<nobr>>
<<set $Clarity to Math.max(0, 4 - recall("gv_play", 0))>>
<<run memorize("gv_play", recall("gv_play", 0) + 1)>>
<<set $FadeDone.pushUnique("play")>>
<<switch $Clarity>>
<<case 4>>
Not sure I like it here.
Too much shouting, too many bright coats, too much racket.
Still, I know this corner of the park. Ffion used to smile at me when I grumbled.
There was mushroomy stuff on that tree, and children charging about as if the whole world belonged to them.
I want a cup of tea.
<<case 3>>
Noisy children. A tree with brown leaves.
I used to come here with Ff...my wife. We had children too, didn't we? Or one child. Carol? Cary?
She was lovely.
<<case 2>>
Too loud here.
Children. Smelly leaves.
Is she coming back?
Where's my dog?
<<case 1>>
Noise. Cold.
'I'm sorry, has he been bothering you?' He wanders off sometimes, looking for his dog. He hasn't had a dog in years. Come on now, take my arm. We'll get you safe and warm. Cup of tea and a piece of cake?'
<<default>>
<span id="hello-text-play">Hello?</span>
<<timed 1s>>
<<replace "#hello-text-play">>Hello?... Hello?<</replace>><</timed>>
<<timed 2.5s>>
<<replace "#hello-text-play">><</replace>>
<</timed>>
<</switch>>
<div class="shimmer-box"><i>Getting cold. Woolly hat weather. Fungus laddering up a dying tree. Bread for the ducks.<br>'Don't fall in.'<br>Carys pressed against my arm. 'She will, Dad. We'll look after her. Mostly me.'</i></div>
<div id="fade-gates-play" style="display:none;">
<div class="gate-box">
<<if $Botanical is true>>
<<funeral>>
<<else>>
<<gatefade>>
<</if>>
</div>
</div>
<<if $Clarity gte 1>>
<<timed 0.1s>>
<<script>>document.getElementById("fade-gates-play").style.display = "block";<</script>>
<</timed>>
<<else>>
<<timed 3s>>
<<script>>document.getElementById("fade-gates-play").style.display = "block";<</script>>
<</timed>>
<</if>>
<</nobr>><<nobr>>
<<set $Clarity to Math.max(0, 4 - recall("gv_rose", 0))>>
<<run memorize("gv_rose", recall("gv_rose", 0) + 1)>>
<<set $FadeDone.pushUnique("rose")>>
<<switch $Clarity>>
<<case 4>>
They're roses. Red mostly, though she liked the yellow ones.
Ffion tucked one behind her ear once just to make me laugh.
She kissed me.
<<case 3>>
Flowers. Red and yellow ones. they smell nice..
She loved them. what were her favourites? Yellow maybe. Or red.
<<case 2>>
Flowers.
They smell nice.
<<case 1>>
Flowers.
A gift once. Petals soft as her skin..
<<default>>
<span id="hello-text-rose">Hello?</span>
<<timed 1s>>
<<replace "#hello-text-rose">>Are you all right dear? Is anyone with you?<</replace>>
<</timed>>
<<timed 2.5s>>
<<replace "#hello-text-rose">><</replace>>
<</timed>>
<</switch>>
<div class="shimmer-box"><i>She was sitting on Nain's bench, blue eyes staring at the lake.<br>'Samsung boy. You never called.'<br>'I was fourteen.'<br>She laughed. 'Coffee? You can buy me one.'</i></div>
<div id="fade-gates-rose" style="display:none;">
<div class="gate-box">
<<if $Botanical is true>>
<<funeral>>
<<else>>
<<gatefade>>
<</if>>
</div>
<<if $Clarity gte 1>>
<<timed 0.1s>>
<<script>>document.getElementById("fade-gates-rose").style.display = "block";<</script>>
<</timed>>
<<else>>
<<timed 3s>>
<<script>>document.getElementById("fade-gates-rose").style.display = "block";<</script>>
<</timed>>
<</if>>
<</nobr>><<nobr>>
<<if $Botanical is false>>
<<set $Botanical to true>>
<</if>>
<div class="botanical-wrap">
<div id="pass1" class="poem-layer">
<span class="medic-line">'...on a bench... Roath Park...'</span>
<span class="dylan-line">She had started falling, yellow hair and blue wellies.</span>
<span class="medic-line">'...all night, they reckon...'</span>
<span class="dylan-line">She seemed so self-assured.</span>
<span class="dylan-line">I was only fourteen.</span>
<span class="medic-line">'Temp's twenty-eight. Severely hypothermic.'</span>
<span class="dylan-line">I remember the playground, waiting for Unicorn girl.</span>
<span class="medic-line">'Can you hear me, love? What's your name?'</span>
<span class="dylan-line">'You've got my number now.'</span>
<span class="dylan-line">The words drift past like mist off the lake.</span>
<span class="dylan-line">Unicorns are magic.</span>
</div>
<div id="pass2" class="poem-layer faded">
<span class="dylan-line">Unicorns are magic.</span>
<span class="medic-line">'...on a bench... Roath Park...'</span>
<span class="dylan-line">'You've got my number now.'</span>
<span class="dylan-line">Yellow hair and blue wellies.</span>
<span class="medic-line">'...all night, they reckon...'</span>
<span class="dylan-line">She seemed so self-assured.</span>
<span class="dylan-line">I was only fourteen.</span>
<span class="medic-line">'Temp's twenty-eight. Severely hypothermic.'</span>
<span class="dylan-line">I remember the playground, waiting for Unicorn girl.</span>
<span class="medic-line">'Can you hear me, love? What's your name?'</span>
<span class="dylan-line">She had started falling.</span>
<span class="dylan-line">The words drift past like mist off the lake.</span>
</div>
</div>
<<run
var showing = 1;
var botanicalCycle = setInterval(function() {
if (showing === 1) {
$("#pass1").addClass("faded");
$("#pass2").removeClass("faded");
showing = 2;
} else {
$("#pass2").addClass("faded");
$("#pass1").removeClass("faded");
showing = 1;
}
}, 5000);
$(document).one(':passageinit', function() {
clearInterval(botanicalCycle);
});
>>
<div class="gate-box">
<<if $Botanical is true>>
<<funeral>>
<<else>>
<<gatefade>>
<</if>>
</div>
<</nobr>><<nobr>>
<<set $Clarity to Math.max(0, 4 - recall("gv_cafe", 0))>>
<<run memorize("gv_cafe", recall("gv_cafe", 0) + 1)>>
<<set $FadeDone.pushUnique("cafe")>>
<<switch $Clarity>>
<<case 4>>
They don't do tea. Only coffee. I don't like coffee.
Ffion loved the strong black kind; said the smell made a house feel lived in.
I used to tease her about it, and she used to say I'd miss it one day.
She was right.
<<case 3>>
No tea here. 'Call yourself a cafe? Bloody disgrace. No, I won't sit down.'
<<case 2>>
Tea.
A woman knew that without asking.
She was pretty.
<<case 1>>
Tea.
Two sugars.
Someone kind knew.
<<default>>
<span id="hello-text-notea">Hello?</span>
<<timed 1s>>
<<replace "#hello-text-notea">>Hello?... Hello?<</replace>>
<</timed>>
<<timed 2.5s>>
<<replace "#hello-text-notea">><</replace>>
<</timed>>
<</switch>>
<div class="shimmer-box"><i>Bonfire Night. Mam always cried a bit. A girl with yellow hair handed me a daffodil.<br>'Swap for some bread?'<br>'I'm Ffion.' 'I'm Dylan. Bye.' 'Bye, Dylan.'</i></div>
<div id="fade-gates-notea" style="display:none;">
<div class="gate-box">
<<if $Botanical is true>>
<<funeral>>
<<else>>
<<gatefade>>
<</if>>
</div>
</div>
<<if $Clarity gte 1>>
<<timed 0.1s>>
<<script>>document.getElementById("fade-gates-notea").style.display = "block";<</script>>
<</timed>>
<<else>>
<<timed 3s>>
<<script>>document.getElementById("fade-gates-notea").style.display = "block";<</script>>
<</timed>>
<</if>>
<</nobr>>