Leo

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

Loading…

<img id="main" class="fade-out" src="img/wildflower2.png"> <<timed 10s>><<goto "butterflies">><</timed>>

<img id="main" class="fade-out" src="img/butterflies.png"> <<timed 10s>><<goto "kingfisher">><</timed>>

<img id="main" class="fade-out" src="img/kingfisher.png"> <<timed 10s>><<goto "butterflies2">><</timed>>

<img id="main" class="fade-out" src="img/butterflies2.png"> <<timed 10s>><<goto "damselfly.orb1">><</timed>>

<<nobr>> <div class="row"> <div class="column"> <img src="img/damselfly.png" style="width:110%"> <a data-passage="wildflower1" class="link-internal link-image"> <span id="but"><img src="img/zbut.png" style="width:10%"></span> </a> </div> <div class="column"> <img src="img/orb1.png" style="width:110%"> <a data-passage="REASON" class="link-internal link-image"> <img src="img/zbut.png" style="width:10%"> </a> </div> <</nobr>>

<img id="main" src="img/devicereason.png" usemap="#image-map"> <map name="image-map"> <area target="" alt="button" title="button" coords="577,802,695,714" shape="rect" data-passage="ruin3"> </map>

<img id="main" class="fade-out" src="img/ruin3.png"> <<timed 10s>><<goto "ruin1">><</timed>>

<img id="main" class="fade-out" src="img/ruin1.png"> <<timed 10s>><<goto "greenman">><</timed>>

<img id="main" class="fade-out" src="img/greenman.png"> <<timed 10s>><<goto "newton.songtrush">><</timed>>

<<nobr>> <div class="row"> <div class="column"> <img src="img/newton.png" style="width:110%"> <a data-passage="net4" class="link-internal link-image"> <span id="but"><img src="img/zbut.png" style="width:10%"></span> </a> </div> <div class="column"> <img src="img/songthrush.png" style="width:110%"> <a data-passage="BODY" class="link-internal link-image"> <span id="but"><img src="img/zbut.png" style="width:10%"></span> </a> </div> <</nobr>>

<img id="main" src="img/devicebody.png" usemap="#image-map"> <map name="image-map"> <area target="" alt="button" title="button" coords="577,802,695,714" shape="rect" data-passage="hand2"> </map>

<<nobr>> <div class="row"> <div class="column"> <img src="img/fish.png" style="width:110%"> <a data-passage="net4" class="link-internal link-image"> <span id="but"><img src="img/zbut.png" style="width:10%"></span> </a> </div> <div class="column"> <img src="img/orbbuilding.png" style="width:110%"> <a data-passage="orbbuilding2" class="link-internal link-image"> <span id="but"><img src="img/zbut.png" style="width:10%"></span> </a> </div> <</nobr>>

<img id="main" class="fade-out" src="img/net2.png"> <<timed 10s>><<goto "net1">><</timed>>

<img id="main" class="fade-out" src="img/net4.png"> <<timed 10s>><<goto "net2">><</timed>>

<img id="main" class="fade-out" src="img/hand2.png"> <<timed 10s>><<goto "hand">><</timed>>

<img id="main" class="fade-out" src="img/net1.png"> <<timed 10s>><<goto "net3">><</timed>>

<img id="main" class="fade-out" src="img/net3.png"> <<timed 10s>><<goto "fish.orbbuilding">><</timed>>

<img id="main" src="img/dragonflies.png"> <<timed 5s>><<goto "kingfisher">><</timed>>

<img id="main" class="fade-out" src="img/orbbuilding2.png"> <<timed 10s>><<goto "orbprint1">><</timed>>

<img id="main" class="fade-out" src="img/orbbuilding.png"> <<timed 10s>><<goto "orbprint2">><</timed>>

<img id="main" class="fade-out" src="img/orbprint2.png"> <<timed 10s>><<goto "orbprint3">><</timed>>

<img id="main" class="fade-out" src="img/orbprint3.png"> <<timed 10s>><<goto "orbprint4">><</timed>>

<img id="main" class="fade-out" src="img/orbprint4.png"> <<timed 10s>><<goto "city2">><</timed>>

<img id="main" class="fade-out" src="img/city2.png"> <<timed 10s>><<goto "city3">><</timed>>

<img id="main" class="fade-out" src="img/city3.png"> <<timed 10s>><<goto "EGO">><</timed>>

<img id="main" src="img/deviceego.png" usemap="#image-map"> <map name="image-map"> <area target="" alt="button" title="button" coords="577,802,695,714" shape="rect" data-passage="monkey1"> </map>

<img id="main" class="fade-out" src="img/monkey1.png"> <<timed 10s>><<goto "monkey2">><</timed>>

<img id="main" class="fade-out" src="img/monkey2.png"> <<timed 10s>><<goto "monkey3">><</timed>>

<img id="main" class="fade-out" src="img/monkey3.png"> <<timed 10s>><<goto "monkey4">><</timed>>

<img id="main" class="fade-out" src="img/monkey4.png"> <<timed 10s>><<goto "monkey6.monkey5">><</timed>>

<<nobr>> <div class="row"> <div class="column"> <img src="img/monkey6.png" style="width:110%"> <a data-passage="card.love.cleanse1" class="link-internal link-image"> <span id="but"><img src="img/zbut.png" style="width:10%"></span> </a> </div> <div class="column"> <img src="img/monkey5.png" style="width:110%"> <a data-passage="card.love.cleanse2" class="link-internal link-image"> <span id="but"><img src="img/zbut.png" style="width:10%"></span> </a> </div> <</nobr>>

<div class='card1'> <a data-passage="PURELOVE" class="link-internal link-image"> <img src="img/cardpurelove.png" width="450" height="650"> </a> </div> <div class='card2'> <a data-passage="REASON" class="link-internal link-image"> <img src="img/cardcleanse.png" width="450" height="650"> </a> </div>

<div class='card1'> <a data-passage="REASON" class="link-internal link-image"> <img src="img/cardpurelove.png" width="450" height="650"> </a> </div> <div class='card2'> <a data-passage="CLEANSE" class="link-internal link-image"> <img src="img/cardcleanse.png" width="450" height="650"> </a> </div>

<img class="fade-out" src="img/fire3.png" width="1200" height="800"> <<timed 10s>><<goto "fire5">><</timed>>

<img src="img/devicecleanse.png" width="1200" height="800" usemap="#image_map"> <map name="image_map"> <area alt="centrecircle" title="centrecircle" data-passage="fire3" coords="513,259,746,593" shape="rect"> </map>

<img src="img/devicepurelove.png" width="1200" height="800" usemap="#image_map"> <map name="image_map"> <area alt="centrecircle" title="centrecircle" data-passage="door2" coords="513,259,746,593" shape="rect"> </map>

<img class="fade-out" src="img/fire5.png" width="1200" height="800"> <<timed 10s>><<goto "fire4">><</timed>>

<img class="fade-out" src="img/fire4.png" width="1200" height="800"> <<timed 10s>><<goto "monkey7">><</timed>>

<img class="fade-out" src="img/monkey7.png" width="1200" height="800"> <<timed 10s>><<goto "gate.purelove">><</timed>>

<div class='maincardimage'> <img src="img/gate.png" width="1200" height="800" usemap="#image_map"> <map name="image_map"> <area alt="centrecircle" title="centrecircle" coords="471,413,838,822" data-passage="garden1" shape="rect"> </map> </div> <div class='cardsideimage'> <img src="img/cardpurelove.png" width="450" height="650"> <a data-passage="PURELOVE" class="link-internal link-image"> <span id="but3"><img src="img/zbut.png" width="50" height="50"></span> </a> </div>

<img class="fade-out" src="img/garden1.png" width="1200" height="800"> <<timed 10s>><<goto "dragonflies1">><</timed>>

<img class="fade-out" src="img/dragonflies.png" width="1200" height="800"> <<timed 10s>><<goto "wings3">><</timed>>

<img class="fade-out" src="img/wings3.png" width="1200" height="800"> <<timed 10s>><<goto "PURELOVE.DIETY">><</timed>>

<div class='card1'> <a data-passage="PURELOVE" class="link-internal link-image"> <img src="img/cardpurelove.png" width="450" height="650"> </a> </div> <div class='card2'> <a data-passage="wings2" class="link-internal link-image"> <img src="img/carddeity.png" width="450" height="650"> </a> </div>

<img class="fade-out" src="img/wings2.png" width="1200" height="800"> <<timed 10s>><<goto "PRIDE">><</timed>>

<img src="img/devicepride.png" width="1200" height="800" usemap="#image_map"> <map name="image_map"> <area alt="centrecircle" title="centrecircle" data-passage="dragonflies.wings" coords="513,259,746,593" shape="rect"> </map>

<div class='img1'> <img src="img/dragonflies.png" width="600" height="400"> </div> <a data-passage="wildflower1" class="link-internal link-image"> <span id="but"><img src="img/zbut.png" width="50" height="50"></span> </a> <div class='img2'> <img src="img/wings.png" width="600" height="400"> </div> <a data-passage="flying" class="link-internal link-image"> <span id="but2"><img src="img/zbut.png" width="50" height="50"></span> </a>

<<timed 5s>><<goto "wildflower2">><</timed>>

<img class="fade-out" src="img/flying.png" width="1200" height="800"> <<timed 10s>><<goto "mansion">><</timed>>

<img class="fade-out" src="img/mansion.png" width="1200" height="800"> <<timed 10s>><<goto "monkey9">><</timed>>

<img class="fade-out" src="img/monkey9.png" width="1200" height="800"> <<timed 10s>><<goto "door.PURELOVE">><</timed>>

<div class='maincardimage'> <img src="img/door.png" width="1200" height="800" usemap="#image_map"> <map name="image_map"> <area alt="centrecircle" title="centrecircle" coords="471,413,838,822" data-passage="doorzoom" shape="rect"> </map> </div> <div class='cardsideimage'> <img src="img/cardpurelove.png" width="450" height="650"> <a data-passage="PURELOVE" class="link-internal link-image"> <span id="but3"><img src="img/zbut.png" width="50" height="50"></span> </a> </div>

<div class='maincardimage'> <a data-passage="WAITING.doorzoom" class="link-internal link-image"> <img src="img/doorzoom.png" width="1200" height="800"> </a> </div> <div class='cardsideimage'> <img src="img/cardpurelove.png" width="450" height="650"> </div>

<div class='maincardimage'> <a data-passage="BEHEADING" class="link-internal link-image"> <img src="img/doorzoom.png" width="1200" height="800"> </a> </div> <div class='cardsideimage'> <img src="img/cardwaiting.png" width="450" height="650"> <a data-passage="PURELOVE" class="link-internal link-image"> <span id="but3"><img src="img/zbut.png" width="50" height="50"></span> </a> </div>

<img class="fade-out" src="img/headless3.png" width="1200" height="800"> <<timed 10s>><<goto "headless1">><</timed>>

<img src="img/devicebehead.png" width="1200" height="800" usemap="#image_map"> <map name="image_map"> <area alt="centrecircle" title="centrecircle" data-passage="headless3" coords="513,259,746,593" shape="rect"> </map>

<img class="fade-out" src="img/headless1.png" width="1200" height="800"> <<timed 10s>><<goto "headless2">><</timed>>

<img class="fade-out" src="img/headless2.png" width="1200" height="800"> <<timed 10s>><<goto "orb2.body">><</timed>>

<div class='maincardimage'> <a data-passage="REASON" class="link-internal link-image"> <img src="img/doorzoom.png" width="1200" height="800"> </div> <div class='cardsideimage'> <img src="img/cardbody.png" width="450" height="650"> <a data-passage="hand2" class="link-internal link-image"> <span id="but3"><img src="img/zbut.png" width="50" height="50"></span> </a> </div>

<img class="fade-out" src="img/hand.png" width="1200" height="800"> <<timed 10s>><<goto "monkey8">><</timed>>

<img class="fade-out" src="img/monkey8.png" width="1200" height="800"> <<timed 10s>><<goto "monkeyhand3">><</timed>>

<img class="fade-out" src="img/monkeyhand3.png" width="1200" height="800"> <<timed 10s>><<goto "monkeyhand2">><</timed>>

<img class="fade-out" src="img/monkeyhand2.png" width="1200" height="800"> <<timed 10s>><<goto "monkeyhands">><</timed>>

<img class="fade-out" src="img/monkeyhands.png" width="1200" height="800"> <<timed 10s>><<goto "doublecardlove">><</timed>>

<div class='card1'> <a data-passage="PURELOVE" class="link-internal link-image"> <img src="img/cardpurelove.png" width="450" height="650"> </a> </div> <div class='card2'> <a data-passage="PURELOVE" class="link-internal link-image"> <img src="img/cardpurelove.png" width="450" height="650"> </a> </div>

<img src="img/door2.png" width="1200" height="800" usemap="#image_map"> <map name="image_map"> <area alt="door 2" title="" coords="468,225,833,794" data-passage="ACTION" shape="rect"> </map>

<div class='cardsingular'> <a data-passage="Black" class="link-internal link-image"> <img src="img/cardaction.png" width="650" height="850"> </a> </div>

<<timed 5s>><<goto "0">><</timed>>

<img src="img/0.png" width="1200" height="800" usemap="#image_map"> <map name="image_map"> <area alt="" title="" coords="571,431,725,604" data-passage="0zoom" shape="rect"> </map>

<img class="fade-out" src="img/0zoom.png" width="1200" height="800"> <<timed 10s>><<goto "1">><</timed>>

<img src="img/1.png" width="1200" height="800" usemap="#image_map"> <map name="image_map"> <area alt="" title="" coords="585,155,739,298" data-passage="1card" shape="rect"> </map>

<img class="fade-out" src="img/1card.png" width="1200" height="800"> <<timed 10s>><<goto "1zoom">><</timed>>

<img class="fade-out" src="img/1card.png" width="1200" height="800"> <<timed 10s>><<goto "2">><</timed>>

<img class="fade-out" src="img/2.png" width="1200" height="800"> <<timed 10s>><<goto "2zooml.2zoomr">><</timed>>

<div class='img1'> <a data-passage="3b" class="link-internal link-image"> <img src="img/2zoomleft.png" width="600" height="400"> </a> </div> <div class='img2'> <a data-passage="3a" class="link-internal link-image"> <img src="img/2zoomright.png" width="600" height="400"> </a> </div>

<img src="img/3b.png" width="1200" height="800" usemap="#image_map"> <map name="image_map"> <area alt="" coords="552,338,673,544" data-passage="3bzoom" shape="rect"> </map>

<img src="img/3a.png" width="1200" height="800"> <<timed 5s>><<goto "3acard">><</timed>>

<img src="3acard.png" width="1200" height="800" usemap="#image_map"> <map name="image_map"> <area alt="" title="" coords="534,244,759,578" data-passage="2" shape="rect"> </map>

<img class="fade-out" src="img/3bzoom.png" width="1200" height="800"> <<timed 10s>><<goto "4">><</timed>>

<img class="fade-out" src="img/4.png" width="1200" height="800"> <<timed 10s>><<goto "4zoomlr">><</timed>>

<div class='img1'> <a data-passage="5" class="link-internal link-image"> <img src="img/4zoomleft.png" width="600" height="400"> </a> </div> <div class='img2'> <a data-passage="6" class="link-internal link-image"> <img src="img/4zoomright.png" width="600" height="400"> </a> </div>

<img src="img/5.png" width="1200" height="800"> <<timed 10s>><<goto "5card">><</timed>>

<img src="img/5card.png" width="1200" height="800" usemap="#image_map"> <map name="image_map"> <area alt="" title="" coords="551,336,762,659" data-passage="4" shape="rect"> </map>

<img src="img/6.png" width="1200" height="800"> <<timed 5s>><<goto "6card">><</timed>>

<img src="img/6card.png" width="1200" height="800" usemap="#image_map"> <map name="image_map"> <area alt="" title="" coords="535,264,768,638" data-passage="7" shape="rect"> </map>

<img src="img/7.png" width="1200" height="800"> <<timed 5s>><<goto "7card">><</timed>>

<img src="img/7card.png" width="1200" height="800" usemap="#image_map"> <map name="image_map"> <area alt="" title="" coords="513,82,772,440" data-passage="8" shape="rect"> </map>

<img class="fade-out" src="img/8.png" width="1200" height="800"> <<timed 10s>><<goto "9">><</timed>>

<img src="img/9.png" width="1200" height="800"> <<timed 5s>><<goto "9card">><</timed>>

<img src="img/9card.png" width="1200" height="800" usemap="#image_map"> <map name="image_map"> <area alt="" title="" coords="536,192,760,501" data-passage="10" shape="rect"> </map>

<img src="img/10.png" width="1200" height="800"> <<timed 5s>><<goto "10card">><</timed>>

<<timed 2s>><<goto "11a.b">><</timed>>

<div class='img1'> <a data-passage="11acard" class="link-internal link-image"> <img src="img/11a.png" width="600" height="400"> </a> </div> <div class='img2'> <a data-passage="12" class="link-internal link-image"> <img src="img/11b.png" width="600" height="400"> </a> </div>

<img src="img/11acard.png" width="1200" height="800" usemap="#image_map"> <map name="image_map"> <area alt="" title="" coords="516,271,779,690" data-passage="2" shape="rect"> </map>

<img class="fade-out" src="img/12.png" width="1200" height="800"> <<timed 10s>><<goto "13">><</timed>>

<img src="img/13.png" width="1200" height="800"> <<timed 5s>><<goto "13card">><</timed>>

<img src="img/13card.png" width="1200" height="800" usemap="#image_map"> <map name="image_map"> <area alt="" title="" coords="505,268,789,625" data-passage="14card" shape="rect"> </map>

<img src="img/14card.png" width="1200" height="800" usemap="#image_map"> <map name="image_map"> <area alt="" title="" coords="505,268,789,625" data-passage="orb3.flower" shape="rect"> </map>

<div class='img1'> <img src="img/orb3.png" width="600" height="400"> </div> <a data-passage="door2" class="link-internal link-image"> <span id="but"><img src="img/zbut.png" width="50" height="50"></span> </a> <div class='img2'> <img src="img/flower.png" width="600" height="400"> </div> <a data-passage="PUREEVERYTHING" class="link-internal link-image"> <span id="but2"><img src="img/zbut.png" width="50" height="50"></span> </a>

<img src="img/deviceeverything.png" width="1200" height="800" usemap="#image_map"> <map name="image_map"> <area alt="centrecircle" title="centrecircle" data-passage="end1" coords="513,259,746,593" shape="rect"> </map>

<img src="img/endseq.gif" width="1200" height="800" usemap="#image_map"> <map name="image_map"> <area alt="" title="button" coords="425,640,853,807" data-passage="endmeadow" shape="rect"> </map>

Double-click this passage to edit it.

Double-click this passage to edit it.

Double-click this passage to edit it.

Double-click this passage to edit it.

Double-click this passage to edit it.

Double-click this passage to edit it.

Double-click this passage to edit it.

Double-click this passage to edit it.

<img class="fade-out" src="img/endmeadow.png" width="1200" height="800"> <<timed 10s>><<goto "wildflower2">><</timed>>