Loading…

<link rel="stylesheet" type="text/css" href="source/style.css"> <div id="passages"></div> <div class="footer"> <p>© 2024 Alex's Blog. All rights reserved.</p> <p> <a href="javascript:void(0);" onclick="SugarCube.Engine.play('About');">About</a> | <a href="javascript:void(0);" onclick="SugarCube.Engine.play('Contact');">Contact</a> | <a href="javascript:void(0);" onclick="SugarCube.Engine.play('PrivacyPolicy');">Privacy Policy</a> </p> </div>

<<cacheaudio "koiAtmosphere" "KoiAtmosphere.mp3">> <<cacheaudio "anotherSound" "AnotherSound.mp3">>

<div class="box-noscroll"> <h1>Dead Echoes</h1> <p>You only have one option.</p> <<button "Look into the reflection pool.">> <<goto "Poem">> <<audio "koiAtmosphere" volume 0.2 play loop>> <</button>> </div>

<div class="box-noscroll"> <p class="fade-line">Long ago in a far-away place there existed a pond where corruption had no trace.</p> <p class="fade-line green-fade" style="display: none;">Nestled in a gully, eternally guarded with ferns and ancient trees,</p> <p class="fade-line">The pond refracted & reflected, to which all truths were erected.</p> <p class="fade-line green-fade" style="display: none;">The waters of the pond reflected that of many histories.</p> <p class="fade-line">With its mirror-like sheen, one could witness the unseen.</p> <p class="fade-line green-fade" style="display: none;">It was here that time & space stood still whilst nature held its breath.</p> <p class="fade-line">Echoes of the past brought to the light in a new being.</p> <p class="fade-line green-fade" style="display: none;">It was here that the boy had found all that he had left.</p> <button id="reveal-button">...</button> </div> <script> $(document).one(":passagedisplay", function() { // Custom function to sequentially fade in each line function fadeInSequence(selector) { var delay = 0; $(selector).each(function() { $(this).delay(delay).animate({opacity: 1}, 2000); // Adjust time as needed delay += 2500; // Adjust delay between lines as needed }); } // Fade in the first stanza fadeInSequence(".fade-line:not(.green-fade)"); // Handle button click to reveal the second stanza $("#reveal-button").click(function() { $(".green-fade").show(); fadeInSequence(".green-fade"); $(this).hide(); // Hide the button after clicking }); }); </script>

<p>This is another part of the story.</p> <<button "Play Another Sound">> <<audio "anotherSound" volume 0.3 play>> <</button>>

Dead Echoes

You only have one option.