Your browser lacks required capabilities. Please upgrade it or switch to another to continue.
Loading…
<<audio ":all" stop>>
<img src="https://raw.githubusercontent.com/z-a-y/ART185/master/background-03.png" width="840" id="frame">
<div id="titleScreenText">
  You may:
    [[1. Go fishing]]
    [[2. View the Map]]
    [[3. Walk the grounds]]
    [[4. Sit at the tree]]
    [[5. View the credits]]
  What is your choice?
</div><iframe src="https://z-a-y.github.io/MtOlive/fishing-minigame/" height="620px" width="860px" name="fish" id="minigame"></iframe>
<a href="https://z-a-y.github.io/MtOlive/fishing-minigame/" target="fish" id="playAgain">PLAY AGAIN</a>
<div id="quit">
[[QUIT|Title Screen]]
</div><<set $rootsGrown to visited("Root Screen")>>
<<audio ":all" stop>>
<<if $rootsGrown eq 0>>
<img src="https://raw.githubusercontent.com/z-a-y/ART185/master/map1.png" width="840" class="graveImg">
<div class="landmarkText" id="mountOlive">
[[Mount Olive|Title Screen]]
</div>
<<elseif $rootsGrown eq 1>>
<img src="https://raw.githubusercontent.com/z-a-y/ART185/master/map2.png" width="840" class="graveImg">
<div class="landmarkText" id="mountOlive">
[[Mount Olive|Title Screen]]
</div>
<div class="landmarkText" id="rockHousePortal">
[[The Rock House]]
</div>
<<elseif $rootsGrown eq 2>>
<img src="https://raw.githubusercontent.com/z-a-y/ART185/master/map3.png" width="840" class="graveImg">
<div class="landmarkText" id="mountOlive">
[[Mount Olive|Title Screen]]
</div>
<div class="landmarkText" id="rockHousePortal">
[[The Rock House]]
</div>
<div class="landmarkText" id="westPortal">
[[The West End]]
</div>
<<elseif $rootsGrown eq 3>>
<img src="https://raw.githubusercontent.com/z-a-y/ART185/master/map4.png" width="840" class="graveImg">
<div class="landmarkText" id="mountOlive">
[[Mount Olive|Title Screen]]
</div>
<div class="landmarkText" id="rockHousePortal">
[[The Rock House]]
</div>
<div class="landmarkText" id="westPortal">
[[The West End]]
</div>
<div class="landmarkText" id="riverPortal">
[[The River]]
</div>
<<endif>>
<div class="returnNavText">
[[HERE|Title Screen]]
</div><<audio "amazingGrace" loop play>>
<img src="https://raw.githubusercontent.com/z-a-y/ART185/master/graveyard_screen.png" width="840" class="graveImg">
<div class="returnNavText">
[[HERE|Title Screen]]
</div>
<div id="rip1" class="RIP">
[[RIP|Celia]]
</div>
<div id="rip2" class="RIP">
[[RIP|Macie]]
</div>
<div id="rip3" class="RIP">
[[RIP|Ada]]
</div>
<div id="rip4" class="RIP">
[[RIP|Alexander]]
</div>
<div id="rip5" class="RIP">
[[RIP|Leon]]
</div>
<div id="rip6" class="RIP">
[[RIP|Alex]]
</div><<set $rootsGrown to visited("Root Screen")>>
<img src="https://raw.githubusercontent.com/z-a-y/ART185/master/tree_screen_L.png" width="840" class="graveImg">
<<if visited("1. Go fishing") and $rootsGrown eq 0>>
<div class="returnNavText">
[[HERE|Tree Dialogue]]
</div>
<<elseif visited("The Rock House") and $rootsGrown eq 1>>
<div class="returnNavText">
[[HERE|Tree Dialogue 2]]
</div>
<<elseif visited("The West End") and $rootsGrown eq 2>>
<div class="returnNavText">
[[HERE|Tree Dialogue 3]]
</div>
<<else>>
<div class="returnNavText">
[[HERE|Title Screen]]
</div>
<<endif>>
<<audio "weShallOvercome" loop play>><div id="rootsDiv">
<img src="https://raw.githubusercontent.com/z-a-y/ART185/master/root_screen-02.png" width="840" id="rootScreenBack">
<img src="https://raw.githubusercontent.com/z-a-y/ART185/master/tree_sprite_large.gif" width="492" height="348" id="treeSprite">
<img src="https://raw.githubusercontent.com/z-a-y/ART185/master/root_screen-03.png" width="840" id="rootScreenFrame">
</div>
<<audio "root" volume 0.04 play>>
<<timed 11s>>
\<<goto "2. View the Map">>
\<</timed>><img src="https://raw.githubusercontent.com/z-a-y/ART185/master/grave_screen-13.png" width="840" class="graveImg">
<div class="returnNavText">
[[HERE|3. Walk the grounds]]
</div>
<div class="findAGrave">
[[X|https://www.findagrave.com/memorial/195610479/celia-smith]]
</div><img src="https://raw.githubusercontent.com/z-a-y/ART185/master/grave_screen-12.png" width="840" class="graveImg">
<div class="returnNavText">
[[HERE|3. Walk the grounds]]
</div>
<div class="findAGrave">
[[X|https://www.findagrave.com/memorial/195610869/alexander-smith]]
</div><img src="https://raw.githubusercontent.com/z-a-y/ART185/master/grave_screen-09.png" width="840" class="graveImg">
<div class="returnNavText">
[[HERE|3. Walk the grounds]]
</div>
<div class="findAGrave">
[[X|https://www.findagrave.com/memorial/180167570/ada-smith]]
</div><img src="https://raw.githubusercontent.com/z-a-y/ART185/master/grave_screen-14.png" width="840" class="graveImg">
<div class="returnNavText">
[[HERE|3. Walk the grounds]]
</div>
<div class="findAGrave">
[[X|https://www.findagrave.com/memorial/15571541/alexander-smith]]
</div><img src="https://raw.githubusercontent.com/z-a-y/ART185/master/grave_screen-11.png" width="840" class="graveImg">
<div class="returnNavText">
[[HERE|3. Walk the grounds]]
</div>
<div class="findAGrave">
[[X|https://www.findagrave.com/memorial/15571566/macie-l.-smith]]
</div><img src="https://raw.githubusercontent.com/z-a-y/ART185/master/grave_screen-10.png" width="840" class="graveImg">
<div class="returnNavText">
[[HERE|3. Walk the grounds]]
</div>
<div class="findAGrave">
[[X|https://www.findagrave.com/memorial/30392824/leon-smith]]
</div><<audio "goTellIt" loop play>>
<<set $firstTimer to visited("The Rock House")>>
<img src="https://raw.githubusercontent.com/z-a-y/ART185/master/rock_house.png" width="840" class="graveImg">
<<if $firstTimer eq 1>>
<div class="contNavText">
[[HERE|RH Dialogue]]
</div>
<<else>>
<div class="contNavText">
[[HERE|2. View the Map]]
</div>
<<endif>><<set $firstTimer to visited("The River")>>
<<audio "wereYouThere" loop play>>
<img src="https://raw.githubusercontent.com/z-a-y/ART185/master/river_screen.png" width="840" class="graveImg">
<<if $firstTimer eq 1>>
<div class="contNavText">
[[HERE|River Dialogue]]
</div>
<<else>>
<div class="contNavText">
[[HERE|2. View the Map]]
</div>
<<endif>><img src="https://raw.githubusercontent.com/z-a-y/ART185/master/tree_screen_L.png" width="840" class="graveImg">
<img src="https://raw.githubusercontent.com/z-a-y/ART185/master/tree_dialogue.png" width="540" class="treeDialogueBox">
<div class="diaNavText">
HERE
</div>
<div id="typed-strings">
<p>Leaving so soon?
<br><br>
There is much you could learn here.
</p>
<p>Your people have deep roots here.
<br><br>
The first of your kin in this land stood<br>before me long ago.
</p>
<p>Let me show you the way.
<br><br>
Grow your roots, child.
</p>
</div>
<span id="typed1"></span>
<script>
var typed = new Typed('#typed1', {
stringsElement: '#typed-strings',
typeSpeed: 60,
backDelay: 500,
startDelay: 600,
loop: false,
});
</script>
<<timed 23s>>
\<<goto "Root Screen">>
\<</timed>>
<<audio ":all" stop>><img src="https://raw.githubusercontent.com/z-a-y/ART185/master/tree_screen_L.png" width="840" class="graveImg">
<img src="https://raw.githubusercontent.com/z-a-y/ART185/master/tree_dialogue.png" width="540" class="treeDialogueBox">
<div class="diaNavText">
HERE
</div>
<div id="typed-strings">
<p>Now you know the Rock House.
<br><br>
But your roots run deeper than that.
</p>
<p>Your kin now rest below your feet.
<br><br>
But this wasn't always the way.
</p>
<p>They once rested to the West.
<br><br>
Grow your roots, child.
</p>
</div>
<span id="typed2"></span>
<script>
var typed = new Typed('#typed2', {
stringsElement: '#typed-strings',
typeSpeed: 60,
backDelay: 500,
startDelay: 600,
loop: false,
});
</script>
<<timed 23s>>
\<<goto "Root Screen">>
\<</timed>>
<<audio ":all" stop>><img src="https://raw.githubusercontent.com/z-a-y/ART185/master/tree_screen_L.png" width="840" class="graveImg">
<img src="https://raw.githubusercontent.com/z-a-y/ART185/master/tree_dialogue.png" width="540" class="treeDialogueBox">
<div class="diaNavText">
HERE
</div>
<div id="typed-strings">
<p>This place, Mount Olive, was born of tragedy.<br>
<br><br>
But it has also been a source of peace for<br>
you and your kin.
</p>
<p>You grew up fishing in the creek with your<br>
grandmother Macie, just as she did with her<br>
grandmother Celia.
<br><br>
Hopeful trees can spring from hateful seeds.
</p>
<p>But your kin's story doesn't begin here.
<br><br>
To the water, grow your roots.
</p>
</div>
<span id="typed3"></span>
<script>
var typed = new Typed('#typed3', {
stringsElement: '#typed-strings',
typeSpeed: 60,
backDelay: 500,
startDelay: 600,
loop: false,
});
</script>
<<timed 35s>>
\<<goto "Root Screen">>
\<</timed>>
<<audio ":all" stop>><<audio "motherlessChild" loop play>>
<<set $firstTimer to visited("The West End")>>
<img src="https://raw.githubusercontent.com/z-a-y/ART185/master/west_end_screen.png" width="840" class="graveImg">
<<if $firstTimer eq 1>>
<div class="contNavText">
[[HERE|West Dialogue]]
</div>
<<else>>
<div class="contNavText">
[[HERE|2. View the Map]]
</div>
<<endif>><<audio ":all" stop>>
<img src="https://raw.githubusercontent.com/z-a-y/ART185/master/rock_house.png" width="840" class="graveImg">
<img src="https://raw.githubusercontent.com/z-a-y/ART185/master/tree_dialogue.png" width="540" class="treeDialogueBox">
<div class="contNavText">
HERE
</div>
<div id="typed-strings">
<p>You were born in this house.
<br><br>
Your father and grandmother were<br>born in this house.
</p>
<p>The walls were built by a white man in 1857.
<br><br>
When this became the "colored" section<br>of town, your kin bought this land.
</p>
<p>They've remained here for 75 years.
<br><br>
But their roots run deeper than that.
</p>
</div>
<span id="typed4"></span>
<script>
var typed = new Typed('#typed4', {
stringsElement: '#typed-strings',
typeSpeed: 60,
backDelay: 500,
startDelay: 600,
loop: false,
});
</script>
<<timed 30s>>
\<<goto "3. Walk the grounds">>
\<</timed>><img src="https://raw.githubusercontent.com/z-a-y/ART185/master/river_screen.png" width="840" class="graveImg">
<<audio ":all" stop>>
<img src="https://raw.githubusercontent.com/z-a-y/ART185/master/tree_dialogue.png" width="540" class="treeDialogueBox">
<div class="contNavText">
HERE
</div>
<div id="typed-strings">
<p>Celia Smith was brought here from Mississipi<br>
as a young girl—the slave of a surveyor.
<br><br>
The surveying party left 15 slaves under a<br>
tree along the Bosque River in 1854.
</p>
<p>For a year, they lived alongside the Caddo<br>
people in a village along the river.
<br><br>
When the white settlers returned, the slaves<br>
returned to bondage, and the Caddo were<br>
removed to Oklahoma.
</p>
<p>The village became Stephenville, and the<br>
slaves became free in Texas after<br>
June 19, 1865.
<br><br>
From those roots, Celia grew your family.
</p>
</div>
<span id="typed5"></span>
<script>
var typed = new Typed('#typed5', {
stringsElement: '#typed-strings',
typeSpeed: 60,
backDelay: 500,
startDelay: 600,
loop: false,
});
</script>
<<timed 50s>>
\<<goto "Final Dialogue">>
\<</timed>><<audio ":all" stop>>
<img src="https://raw.githubusercontent.com/z-a-y/ART185/master/west_end_screen.png" width="840" class="graveImg">
<img src="https://raw.githubusercontent.com/z-a-y/ART185/master/tree_dialogue.png" width="540" class="treeDialogueBox">
<div class="contNavText">
HERE
</div>
<div id="typed-strings">
<p>From the time of slavery until 1922,<br>
your people were buried here.
<br><br>
In a time of hate, their graves were moved<br>
to where they now rest amongst my roots.
</p>
<p>Many of their final resting places<br>
remain unmarked, known only to the roots.
<br><br>
Your great-great-grandmother Celia's grave<br>
was among those moved.
</p>
<p>She was the first of your kin in this land.
<br><br>
Her story is your deepest root.
</p>
</div>
<span id="typed6"></span>
<script>
var typed = new Typed('#typed6', {
stringsElement: '#typed-strings',
typeSpeed: 60,
backDelay: 500,
startDelay: 600,
loop: false,
});
</script>
<<timed 40s>>
\<<goto "Celia">>
\<</timed>><img src="https://raw.githubusercontent.com/z-a-y/ART185/master/tree_dialogue.png" width="540" class="treeDialogueBox">
<div id="typed-strings">
<p>I've shared with you what I can.
<br><br>
Before they walked among my roots, your<br>
kin were brought from far away.
</p>
<p>Even roots don't reach across oceans.
<br><br>
These are their stories. This is your story.
</p>
<p>I hope you will carry it with you.
<br><br>
Go with knowledge, child.
</p>
</div>
<span id="typed3"></span>
<script>
var typed = new Typed('#typed3', {
stringsElement: '#typed-strings',
typeSpeed: 60,
backDelay: 500,
startDelay: 600,
loop: false,
});
</script>
<<timed 29s>>
\<<goto "5. View the credits">>
\<</timed>><<cacheaudio "amazingGrace" "wav|https://raw.githubusercontent.com/z-a-y/ART185/master/AMAZING%20GRACE.wav">>
<<cacheaudio "motherlessChild" "mp3|https://raw.githubusercontent.com/z-a-y/ART185/master/motherless.mp3">>
<<cacheaudio "wereYouThere" "mp3|https://raw.githubusercontent.com/z-a-y/ART185/master/wereyouthere.mp3">>
<<cacheaudio "weShallOvercome" "mp3|https://raw.githubusercontent.com/z-a-y/ART185/master/weshall.mp3">>
<<cacheaudio "goTellIt" "mp3|https://raw.githubusercontent.com/z-a-y/ART185/master/gotellit.mp3">>
<<cacheaudio "root" "mp3|https://raw.githubusercontent.com/z-a-y/ART185/master/root.mp3">>
<img src="https://raw.githubusercontent.com/z-a-y/ART185/master/credits_screen.png" width="840" class="graveImg">
<div class="contNavText">
[[HERE|Title Screen]]
</div>
<div id="creditScreenText">
Thank you to my Stanford Art instructors for the opportunity
and the knowledge to make this piece.
Thanks to my classmates for sharing their work,
their feedback, and their energy.
Thanks to the team of the 1985 [[The Oregon Trail|http://www.died-of-dysentery.com/]].
Thanks to Raxlen Slice for the chiptune music pieces.
Thanks to Giles Booth for his ChiKareGo2 font.
Finally, thanks to my father, Leon "Bubba" Smith, for his story.
</div>