Sun and Shadow

Your browser lacks required capabilities. Please upgrade it or switch to another to continue.

Loading…

<div class = "topdiv"><img class = "asyncImage" id = "photo0" src="https://cdn.glitch.com/bffa6132-af4b-4862-9011-55b49f7beb60%2Fsky%20(1).jpeg" alt="Sky Image." /></div> <b>[[Sun and Shadow|Green]]</b> [[by Oliver Wendell Holmes|Green]] Click the title to begin.

<<audio beach play>><div class = "topdiv"><img id = "photo1" src="https://cdn.glitch.com/bffa6132-af4b-4862-9011-55b49f7beb60%2Fbeach%20(1).jpeg" alt="Beach Image." /></div> [[As I look from the isle, o’er its billows of green,|Spray]] [[to the billows of foam-crested blue,|Spray]] [[yon bark, that afar in the distance is seen,|Spray]] [[half dreaming, my eyes will pursue:|Spray]] <div class = "bubbles"> <div class = "bubble x1"></div> <div class = "bubble x2"></div> <div class = "bubble x3"></div> <div class = "bubble x4"></div> <div class = "bubble x5"></div> </div>

<<cacheaudio "beach" "wav|https://cdn.glitch.com/bffa6132-af4b-4862-9011-55b49f7beb60%2Fbeachsound.wav">> <<cacheaudio "seagulls" "mp3|https://cdn.glitch.com/bffa6132-af4b-4862-9011-55b49f7beb60%2Fseagulls.mp3">> <<cacheaudio "thunder" "wav|https://cdn.glitch.com/bffa6132-af4b-4862-9011-55b49f7beb60%2Fthunder.wav">>

<div class = "topdiv"><img id = "photo1" src="https://cdn.glitch.com/bffa6132-af4b-4862-9011-55b49f7beb60%2Fbeach%20(1).jpeg" alt="Beach Image." /></div> Poem sourced from <em>The Giant Book of Poetry</em>, edited by William H. Roetzheim. Ocean sound by Moulaythami from freesound.org Presentation by Sara Xiao Thank you for reading! [[Click|Sun and Shadow]] to read again.

<<audio seagulls play>><div class = "topdiv"><img id = "photo2" src="https://cdn.glitch.com/bffa6132-af4b-4862-9011-55b49f7beb60%2Fship%20(1).jpg" alt="Ship Image 2." /></div> [[now dark in the shadow, she scatters the spray|Shun]] [[as the chaff in the stroke of the flail;|Shun]] [[now white as the sea-gull, she flies on her way,|Shun]] [[the sun gleaming bright on her sail.|Shun]] <div class="bird-container bird-container--one"> <div class="bird bird--one"></div> </div> <div class="bird-container bird-container--two"> <div class="bird bird--two"></div> </div> <div class="bird-container bird-container--three"> <div class="bird bird--three"></div> </div> <div class="bird-container bird-container--four"> <div class="bird bird--four"></div> </div>

<<audio thunder play>><div class = "topdiv"><img id = "photo3" src="https://cdn.glitch.com/bffa6132-af4b-4862-9011-55b49f7beb60%2Fshun%20(1).jpeg" alt="Storm Image." /></div> [[Yet her pilot is thinking of dangers to shun,—|Reef]] [[of breakers that whiten and roar;|Reef]] [[how little he cares, if in shadow or sun|Reef]] [[they see him who gaze from the shore!|Reef]] <div class = "lightning"></div>

<<audio thunder play>><div class = "topdiv"><img id = "photo4" src="https://cdn.glitch.com/bffa6132-af4b-4862-9011-55b49f7beb60%2Fflash.jpg" alt="Storm Image." /></div> [[He looks to the beacon that looms from the reef,|Caves]] [[to the rock that is under his lee,|Caves]] [[as he drifts on the blast, like a wind-wafted leaf,|Caves]] [[o’er the gulfs of the desolate sea.|Caves]] <div class = "lightning"></div>

<div class = "topdiv"><img id = "photo5" src="https://cdn.glitch.com/bffa6132-af4b-4862-9011-55b49f7beb60%2Fafterflash.jpg" alt="Distant Boat Image." /></div> [[Thus drifting afar to the dim-vaulted caves|Grow]] [[where life and its ventures are laid,|Grow]] [[the dreamers who gaze while we battle the waves|Grow]] [[may see us in sunshine or shade;|Grow]] <div class = "bubbles"> <div class = "bubble x1"></div> <div class = "bubble x2"></div> <div class = "bubble x3"></div> <div class = "bubble x4"></div> <div class = "bubble x5"></div> </div>

<div class = "topdiv"><img id = "photo6" src="https://cdn.glitch.com/bffa6132-af4b-4862-9011-55b49f7beb60%2Fgrow.jpg" alt="Ship Image." /></div> yet true to our course, though the shadows grow dark, we’ll trim our broad sail as before, and stand by the rudder that governs the bark, nor ask how we look from the shore! <b>[[Credits]]</b> <div class = "bubbles"> <div class = "bubble x1"></div> <div class = "bubble x2"></div> <div class = "bubble x3"></div> <div class = "bubble x4"></div> <div class = "bubble x5"></div> </div>