/* Your story will use the CSS in this passage to style the page.\nGive this passage more tags, and it will only affect passages with those tags.\nExample selectors: */\n\nbody {\n\tbackground-color: white;\n\tcolor: #5d4646;\n\tfont-family: 'Vollkorn', sylfaen, georgia, garamond, serif;\n\tfont-size: 1.1em;\n\t\n}\n\nh1 {\n\tcolor: #ff0066;\n\tfont-size: 120%;\n\tmargin-bottom: 0;\n\tpadding-bottom: 0;\n\tline-height: 100%;\n}\n\n.fade {\n opacity: 1;\n transition: opacity .25s ease-in-out;\n -moz-transition: opacity .25s ease-in-out;\n -webkit-transition: opacity .25s ease-in-out;\n }\n\n .fade:hover {\n opacity: 0.5;\n }\n\nimg.shadowed\n{-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);\n-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);\nbox-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);}\n\n.bullet {\nfont-family: Freeserif, Segoe UI Symbol;\n}\n\n#circle {\nmargin-top: 10px;\n width: 30px;\n height: 30px;\nbackground-color: #ffc5c4;\n -webkit-border-radius: 15px;\n -moz-border-radius: 15px;\n border-radius: 15px;\ntransition: color 0.4s linear;\n -o-transition: color 0.4s linear;\n -moz-transition: color 0.4s linear;\n -webkit-transition: color 0.4s linear;\n}\n\n#circle:hover {\nbackground-color: #ffd2ec;\n}\n\n\n/* Do not display the Saves & Restart core menu items */\n#menu-saves, #menu-restart {\n\tdisplay: none;\n}\n\n#story-title {\n\tmargin:0;\n\tfont-size:150%;\n\tfont-family: Nunito;\n\tcolor: #ff0066;\n}\n\n#story-author {\n\tfont-size:100%;\n\tfont-family: Nunito;\n\tcolor: #ff0066;\n\tmargin-top: 0px;\n}\n\n#ui-bar {\n\toverflow:none;\n\tbackground-color: #ffffff;\n\tborder-right:0px solid #444\n}\n\n.passage {\n\t/* This only affects passages */\nmin-height: 400px;\npadding-left: 30px;\t\n\t \n}\n\n.passage a.set2 {\ncolor: #990066;\n}\n\n.passage a.set2:hover {\ncolor: #CC3399; text-decoration: underline;\n}\n\na.brightlink {\ncolor: #990066;\n}\n\na.brightlink:hover {\ncolor: #CC3399; text-decoration: underline;\n}\n\nspan.brightlink a {\ncolor: #990066;\n}\n\nspan.brightlink a:hover {\ncolor: #CC3399; text-decoration: underline;\n}\n\n.passage a {\n\ttext-decoration: none;\n\tcolor: #ffc5c4;\n\tfont-weight: normal;\ntransition: color 0.4s linear;\n -o-transition: color 0.4s linear;\n -moz-transition: color 0.4s linear;\n -webkit-transition: color 0.4s linear;\n\t\t\n}\n.passage a:hover {\n\ttext-decoration: none;\n\tcolor: #5d4646;\n\tfont-weight: normal;\n\t\n}
/*! <<replacelink>> macro set for SugarCube */\n!function(){"use strict";function showVer(n,notrans){n&&(n.innerHTML="",new Wikifier(n,n.tweecode),n.setAttribute("data-enabled","true"),n.style.display="inline",n.classList.remove("revision-span-out"),notrans||(n.classList.add("revision-span-in"),n.timeout&&clearTimeout(n.timeout),n.timeout=setTimeout(function(){n.classList.remove("revision-span-in"),n=null},20)))}function hideVer(n,notrans){n&&(n.setAttribute("data-enabled","false"),n.classList.remove("revision-span-in"),n.timeout&&clearTimeout(n.timeout),notrans?(n.style.display="none",n.innerHTML="",n=null):(n.classList.add("revision-span-out"),n.timeout=setTimeout(function(){"false"===n.getAttribute("data-enabled")&&(n.classList.remove("revision-span-out"),n.style.display="none",n.innerHTML=""),n=null},1e3)))}function tagcontents(b,starttags,desttags,endtags,k){function tagfound(i,e,endtag){for(var j=0;j<e.length;j++)if(a.indexOf("<<"+e[j]+(endtag?">>":""),i)===i)return e[j]}for(var tg,l=0,c="",a=b.source.slice(k),i=0;i<a.length;i++){if(tg=tagfound(i,starttags))l++;else{if((tg=tagfound(i,desttags,!0))&&0===l)return b.nextMatch=k+i+tg.length+4,[c,tg];if((tg=tagfound(i,endtags,!0))&&(l--,0>l))return null}c+=a.charAt(i)}return null}function revisionSpanHandler(g,e,f,b){function mkspan(vtype){return h=insertElement(m,"span",null,"revision-span "+vtype),h.setAttribute("data-enabled",!1),h.style.display="none",h.tweecode="",h}var becomes,c,cn,m,h,vsn,k=b.source.indexOf(">>",b.matchStart)+2,vsns=[],vtype=e,flen=f.length;if(this.shorthand&&flen)for(;f.length>0;)vsns.push([f.shift(),"insert"===this.flavour?"gains":"becomes"]);else("insert"===this.flavour||"continue"===this.flavour&&"time"===this.trigger)&&vsns.push(["","becomes"]);if("continue"===this.flavour&&flen)b.nextMatch=k+b.source.slice(k).length,vsns.push([b.source.slice(k),vtype]);else{if(becomes=["becomes","gains"],c=tagcontents(b,begintags,becomes.concat(endtags),endtags,k),c&&-1===endtags.indexOf(c[1])){for(;c;)vsns.push(c),c=tagcontents(b,begintags,becomes,endtags,b.nextMatch);c=tagcontents(b,begintags,["/"+e,"end"+e],endtags,b.nextMatch)}if(!c)return void throwError(g,"<<"+e+">>: cannot find a matching close tag");vsns.push(c),"continue"===this.flavour&&(k=b.nextMatch,b.nextMatch=k+b.source.slice(k).length,vsns.push([b.source.slice(k),""]))}for("remove"===this.flavour&&vsns.push(["","becomes"]),cn=0,m=insertElement(g,"span",null,e),m.setAttribute("data-flavour",this.flavour),h=mkspan("initial"),vsn=vsns.shift(),h.tweecode=vsn[0],showVer(h,!0);vsns.length>0;)vsn&&(vtype=vsn[1]),vsn=vsns.shift(),h=mkspan(vtype),h.tweecode=vsn[0];"function"==typeof this.setup&&this.setup(m,g,e,f)}function revisionSetup(m,g,e,f){m.className+=" "+f[0].replace(" ","_")}function keySetup(m,g,e,f){f[0];m.setEventListener("keydown",function l(){var done=!revise("revise",m);done&&m.removeEventListener("keydown",l)})}function timeSetup(m,g,e,f){function cssTimeUnit(s){if("string"==typeof s){if("ms"===s.slice(-2).toLowerCase())return Number(s.slice(0,-2))||0;if("s"===s.slice(-1).toLowerCase())return 1e3*Number(s.slice(0,-1))||0}return throwError(g,"<<"+e+'>>: "'+s+'" is not a valid CSS time unit'),0}var tm=cssTimeUnit(f[0]),s=passage();setTimeout(function timefn(){if(passage()===s){var done=!revise("revise",m);done||setTimeout(timefn,tm)}},tm)}function hoverSetup(m){var fn,noMouseEnter=null!==document.head.onmouseenter,m1=m.children[0],m2=m.children[1],gains=m2.className.indexOf("gains")>-1;m1&&m2&&(m1.onmouseenter=function(e){for(var efp=document.elementFromPoint(e.clientX,e.clientY);efp&&efp!==this;)efp=efp.parentNode;efp&&"false"!==this.getAttribute("data-enabled")&&revise("revise",this.parentNode)},m2.onmouseleave=function(e){for(var efp=document.elementFromPoint(e.clientX,e.clientY);efp&&efp!==this;)efp=efp.parentNode;efp||"false"!==this.getAttribute("data-enabled")&&revise("revert",this.parentNode)},gains&&(m1.onmouseleave=m2.onmouseleave),noMouseEnter&&(fn=function(n){return function(){event.relatedTarget&&(event.relatedTarget===this||this.compareDocumentPosition(event.relatedTarget)&Node.DOCUMENT_POSITION_CONTAINED_BY)||this[n]()}},m1.onmouseover=fn("onmouseenter"),m2.onmouseout=fn("onmouseleave"),gains&&(m1.onmouseout=m2.onmouseout)),m=null)}function mouseSetup(m){var evt=null===document.head.onmouseenter?"onmouseenter":"onmouseover";m[evt]=function(){var done=!revise("revise",this);done&&(this[evt]=null)},m=null}function linkSetup(m){var l=document.createElement("a"),p=m.parentNode;l.className="link-internal replaceLink",p.insertBefore(l,m),l.insertBefore(m,null),l.onclick=function(){var done=!1;m&&m.parentNode===this&&(done=!revise("revise",m),scrollWindowTo(m)),done&&(this.parentNode.insertBefore(m,this),this.parentNode.removeChild(this))},l=null}function visitedSetup(m){var done,sav=state.active.variables,os="once seen",d=m.firstChild&&("insert"===this.flavour?m.firstChild.nextSibling:m.firstChild).tweecode;if(sav[os]=sav[os]||{},d&&!sav[os].hasOwnProperty(d))sav[os][d]=1;else{for(var i=sav[os][d];i>0&&!done;i--)done=!revise("revise",m,!0);sav[os].hasOwnProperty(d)&&(sav[os][d]+=1)}}function insideDepartingSpan(elem){for(var r=elem.parentNode;!r.classList.contains("passage");){if(r.classList.contains("revision-span-out"))return!0;r=r.parentNode}}function reviseAll(rt,rname){for(var rall=document.querySelectorAll(".passage [data-flavour]."+rname),ret=!1,i=0;i<rall.length;i++)insideDepartingSpan(rall[i])||(ret=revise(rt,rall[i])||ret);return ret}function revise(rt,r,notrans){function doToGainerSpans(n,fn){for(var k=n-1;k>=0&&rc[k+1].classList.contains("gains");k--)fn(rc[k],notrans)}for(var ind2,curr,next,ind=-1,rev="revert"===rt,rnd=rt.indexOf("random")>-1,fl=r.getAttribute("data-flavour"),rc=r.childNodes,cyc="cycle"===fl,rcl=rc.length-1,k=0;rcl>=k;k++)"true"===rc[k].getAttribute("data-enabled")&&(ind=k);rev&&(ind-=1),curr=ind>=0?rc[ind]:cyc?rc[rcl]:null,ind2=ind,rnd&&(ind2=(ind+Math.floor(Math.random()*rcl))%rcl),next=rcl>ind2?rc[ind2+1]:cyc?rc[0]:null;var docurr=rev?showVer:hideVer,donext=rev?hideVer:showVer,currfn=function(){next&&next.classList.contains("gains")&&!rnd||(docurr(curr,notrans),doToGainerSpans(ind,docurr,notrans))},nextfn=function(){donext(next,notrans),rnd&&doToGainerSpans(ind2+1,donext,notrans)};return rev?(nextfn(),currfn()):(currfn(),nextfn()),cyc?!0:rev?ind>0:rcl-1>ind2}var requiredSugarCubeBuild=3805;if(!version||!version.build||version.build<requiredSugarCubeBuild)throw new Error("<<replacelink>> macro set requires SugarCube build "+requiredSugarCubeBuild+" or greater, aborting load");version.extensions.replacelinkMacroSet={major:1,minor:1,revision:7};var begintags=[],endtags=[];[{name:"insertlink",flavour:"insert",trigger:"link",setup:linkSetup},{name:"timedinsert",flavour:"insert",trigger:"time",setup:timeSetup},{name:"insertion",flavour:"insert",trigger:"revisemacro",setup:revisionSetup},{name:"later",flavour:"insert",trigger:"visited",setup:visitedSetup},{name:"keyinsert",flavour:"insert",trigger:"key",setup:keySetup},{name:"replacelink",flavour:"replace",trigger:"link",setup:linkSetup},{name:"timedreplace",flavour:"replace",trigger:"time",setup:timeSetup},{name:"mousereplace",flavour:"replace",trigger:"mouse",setup:mouseSetup},{name:"hoverreplace",flavour:"replace",trigger:"hover",setup:hoverSetup},{name:"revision",flavour:"replace",trigger:"revisemacro",setup:revisionSetup},{name:"keyreplace",flavour:"replace",trigger:"key",setup:keySetup},{name:"timedremove",flavour:"remove",trigger:"time",setup:timeSetup},{name:"mouseremove",flavour:"remove",trigger:"mouse",setup:mouseSetup},{name:"hoverremove",flavour:"remove",trigger:"hover",setup:hoverSetup},{name:"removal",flavour:"remove",trigger:"revisemacro",setup:revisionSetup},{name:"once",flavour:"remove",trigger:"visited",setup:visitedSetup},{name:"keyremove",flavour:"remove",trigger:"key",setup:keySetup},{name:"continuelink",flavour:"continue",trigger:"link",setup:linkSetup},{name:"timedcontinue",flavour:"continue",trigger:"time",setup:timeSetup},{name:"mousecontinue",flavour:"continue",trigger:"mouse",setup:mouseSetup},{name:"keycontinue",flavour:"continue",trigger:"key",setup:keySetup},{name:"cycle",flavour:"cycle",trigger:"revisemacro",setup:revisionSetup},{name:"mousecycle",flavour:"cycle",trigger:"mouse",setup:mouseSetup},{name:"timedcycle",flavour:"cycle",trigger:"time",setup:timeSetup},{name:"keycycle",flavour:"replace",trigger:"key",setup:keySetup}].forEach(function(e){e.handler=revisionSpanHandler,e.shorthand=["link","mouse","hover"].indexOf(e.trigger)>-1,macros[e.name]=e,macros.registerTags(e.name),begintags.push(e.name),endtags.push("/"+e.name,"end"+e.name)}),macros.revertlink=macros.reviselink=macros.randomiselink=macros.randomizelink={handler:function(a,b,c){function disableLink(l){l.style.display="none"}function enableLink(l){l.style.display="inline"}function updateLink(l){if(l.className.indexOf("random")>-1)return void enableLink(l);for(var cannext,canprev,r,fl,rall=document.querySelectorAll(".passage [data-flavour]."+rname),i=0;i<rall.length;i++)r=rall[i],fl=r.getAttribute("data-flavour"),insideDepartingSpan(r)||("cycle"===fl?cannext=canprev=!0:("false"===r.firstChild.getAttribute("data-enabled")&&(canprev=!0),"false"===r.lastChild.getAttribute("data-enabled")&&(cannext=!0)));var can=l.classList.contains("revert")?canprev:cannext;(can?enableLink:disableLink)(l)}function toggleText(w){w.classList.toggle(rl+"Enabled"),w.classList.toggle(rl+"Disabled"),w.style.display="none"===w.style.display?"inline":"none"}if(c.length<2)return void throwError(a,"<<"+b+">>: insufficient arguments (requires at least 2)");var l,rname,rl="reviseLink",v="",end=!1,out=!1;switch(rname=c.shift().replace(" ","_"),l=insertElement(a,"a"),l.className="link-internal "+rl+" "+rl+"_"+rname+" "+b,c.length>1&&"$"===c[0][0]&&(v=c[0].slice(1),c.shift()),c[c.length-1]){case"end":end=!0,c.pop();break;case"out":out=!0,c.pop()}for(var h=state.active.variables,i=0;i<c.length;i++){var on=i===Math.max(c.indexOf(h[v]),0),d=insertElement(null,"span",null,rl+(on?"En":"Dis")+"abled");on?(h[v]=c[i],l.setAttribute("data-cycle",i)):d.style.display="none",insertText(d,c[i]),l.appendChild(d)}l.onclick=function(){reviseAll(b,rname);var lall,t=this.childNodes,u=this.getAttribute("data-cycle")-0,m=t.length;if((end||out)&&u>=m-(end?2:1)){if(!end)return void this.parentNode.removeChild(this);var n=this.removeChild(t[u+1]||t[u]);n.className=rl+"End",n.style.display="inline",this.parentNode.replaceChild(n,this)}else toggleText(t[u]),u=(u+1)%m,v&&(h[v]=c[u]),toggleText(t[u]),this.setAttribute("data-cycle",u);lall=document.getElementsByClassName(rl+"_"+rname);for(var i=0;i<lall.length;i++)updateLink(lall[i])},disableLink(l),setTimeout(function(l){return function(){updateLink(l)}}(l),1),l=null}},macros.mouserevise=macros.hoverrevise={handler:function(a,b,c,d){var endtags=["/"+b,"end"+b],evt=null===window.onmouseenter?"onmouseenter":"onmouseover",t=tagcontents(d,[b],endtags,endtags,d.source.indexOf(">>",d.matchStart)+2);if(t){var rname=c[0].replace(" ","_"),h=insertElement(a,"span",null,"hoverrevise hoverrevise_"+rname),f=function(){var done=!reviseAll("revise",rname);"hoverrevise"!=b&&done&&(this[evt]=null)};new Wikifier(h,t[0]),"hoverrevise"===b?(h.onmouseover=f,h.onmouseout=function(){reviseAll("revert",rname)}):h[evt]=f,h=null}}},macros.registerTags("mouserevise"),macros.registerTags("hoverrevise"),macros.instantrevise={handler:function(a,b,c){reviseAll("revise",c[0].replace(" ","_"))}}}();\n
[[Poem|1]]\n[[Commentary]]\n<div style="padding-top: 30px;">\n<span style="font-size: 0.8em; font-weight: normal;">Sidekick Play-Poems use the Twine engine and Sugarcube story format.</span></div>
How will I pay notice to their arrival\nat the primary body – the primary interval?\n\n\n<a data-passage="7"><div id="circle"></div></a>
Although it's a short poem, the division into five separate parts with subtitles gives 'Bestiary' the feel of a mini-epic, starting on land, moving to the port, out onto the ocean, then to some long beach where the sea has hawked up the body of the kraken.\n\nDo you need to have seen the <i>Pirates of the Caribbean</i> trilogy to follow the poem? I don't think so – but it <i>is</i> probably a different experience for those who haven't. I recognise all the scenes from the films that are being played with, so I know, for instance, that the first part takes place in prison, and the dog with the keys in his mouth is being beckoned by Jack Sparrow. But without that scene in mind, the dog can stand for many things. It's a symbol of what's desired, and gettable, but teasingly just out of reach, which in turn makes one think of maps and buried treasure. No wonder the dog 'may well become a god', 'god' being one letter away from 'gold'.\n\nConversely, the last part gives us a goddess who turns out to be nothing more than 'a tottering pile of crabs'. I told a lie; if this is a scene from the movies, I can't remember it. But it seems to me to work in neat opposition to the opening stanzas, with the desired object becoming insubstantial once it is reached – the treasure dissolving into dust – just as we find that greedily taking what we want leads to only more longing.\n\n<span class="brightlink">[[Return to poem|previous()]]</span>\n<a class="set2" data-passage="Start">Return to front page</a>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Vollkorn">\s\n<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Nunito"><div style="display: inline-block; width: 80%; height: 115px; line-height: 17px;">\s\n<span class="fade"><a href="http://www.sidekickbooks.com" target="_top"><img src="http://www.sidekickbooks.com/sidekicklogocolour.png" width="100px" align="left"></a></span>\s\n<span style="font-weight: normal;"><span style="font-size: 0.8em;">the</span> sidekick<br/><span style="font-size: 0.9em;">PLAY-POEM</span><br/><span style="font-size: 0.9em;">A R C H I V E</span></span></div>
<i>i. his Highness' dog</i>\n\n<<timedinsert 2s>>Kids can be hanged so nobody needs a puppy\nas an introductory memento mori.\n<<replacelink "<div id=\s"circle\s"></div>">>\nThis mutt has keys in his mouth and can only\nwithhold them. <<replacelink "<div id=\s"circle\s"></div>">>Later he may well become a god.\n\n\n<a data-passage="2"><div id="circle"></div></a><<endreplacelink>><<endreplacelink>><<endtimedinsert>>\n
<img src="http://www.sidekickbooks.com/images/monkey.png" width="100px">\n<span style="color:#ff0066;">A <i>PIRATES OF THE CARIBBEAN</i> BESTIARY</span>\n<span style="font-size: 0.8em;">by ANTHONY ADLER</span>\n\nClick the pink circle to advance. Use backspace to retread.\n<a data-passage="1"><div id="circle"></div></a>\n<span style="font-size: 0.9em;">\nThis poem is published in hard copy format in <a class="set2" href="http://www.sidekickbooks.com/livesbeyondus.php" target="_top"><i>Lives Beyond Us</i>.</a></span>\n\n<span class="fade" style="width:auto;"><a href="http://www.sidekickbooks.com/livesbeyondus.php" target="_top"><img class="shadowed" style="margin-left: 30px;" src="http://www.sidekickbooks.com/images/livesbeyondus.jpg"></a></span>
<i>iii. 'We named the monkey Jack'</i>\n\n<<timedinsert 2s>>Every captain needs an animal homunculus.\n<<replacelink "<div id=\s"circle\s"></div>">>It must be named for his departed nemesis,\n<<timedinsert 3s>>a rum libation raised for mutineers and debts.\n\n\n<a data-passage="4"><div id="circle"></div></a><<endtimedinsert>><<endreplacelink>><<endtimedinsert>>
<i>ii. 'Dead men tell no tales'</i>\n\n<<timedinsert 2s>>She speaks for the old tongueless sailor\nin rebuses and hieroglyphs.\n<<replacelink "<div id=\s"circle\s"></div>">><i>Wind in your sails!</i> mostly means yes <<timedinsert 3s>>and the rest\nis punctuation for the weather.\n\n\n<a data-passage="3"><div id="circle"></div></a><<endtimedinsert>><<endreplacelink>><<endtimedinsert>>
<i>v. the ocean unbound</i>\n\n<<timedinsert 2s>>The goddess turns into a tottering pile of crabs.\n\n\n<<timedinsert 5s>><a class="set2" data-passage="Start">Return to front page</a><<endtimedinsert>><<endtimedinsert>>
<i>iv. flotsam</i>\n\n<<timedinsert 2s>>How we mourned the kraken\n<<replacelink "<div id=\s"circle\s"></div>">>washed up on the beach\n<<timedinsert 2s>>like an archeteuthic hairball.\n\n\n<a data-passage="5"><div id="circle"></div></a><<endtimedinsert>><<endreplacelink>><<endtimedinsert>>
I will take nothing from them, this moment,\nshow it to no one. <<relace "<div id=\s"circle\s"></div>">>Be nothing more than this.\n\n\n\n\n\n\n\n<a class="set2" data-passage="Start">Return to front page</a><<endrelace>>
A <i>Pirates of the Caribbean</i> Bestiary
Anthony Adler
.revision-span-in {\n\topacity: 0;\n}\n.revision-span:not(.revision-span-out) {\n\ttransition: 1s; -webkit-transition: 1s;\n}\n.revision-span-out {\n\tposition:absolute;\n\topacity: 0;\n}\n\n\n/*! <<replacelink>> macro set for SugarCube */\n.revision-span-in{opacity:0}.revision-span:not(.revision-span-out){-webkit-transition:1s;transition:1s}.revision-span-out{position:absolute;opacity:0}\n