\n<<nobr>>\n <div class="text-object player" >\n<div class="bubble-object player">\n<div class="talk-bubble round player decision">\n <div class="talktext">\n <p><<print parameter(0)>></p>\n </div>\n</div>\n</div>\n</div>\n</div>\n<<endnobr>>
<<nobr>>\n\n<<cleartexthistory>>\n\n<<timedreplace 3s>> \n<<me_char "Looking for Mercy">> \n<<endtimedreplace>>\n\n<<timedreplace 6s>> \n<<me_char "A short story in Twine by Patrick Miller">> \n<<endtimedreplace>>\n\n<<timedreplace 9s>> \n<<me_char "Built using the [[SMStwine template|https://shindigs.itch.io/twine-texting-project]] by Tim Young">> \n<<endtimedreplace>>\n\n<<timedreplace 11s>> \n<<me_char "Thanks for reading!">> \n<<endtimedreplace>>\n\n<<timedreplace 13s>> \n<<me_char "If you liked it, please do me a favor and share it with your friends!">> \n<<endtimedreplace>>\n\n<<endnobr>>\n
jquery:on\nhash:off\nbookmark:on\nmodernizr:off\nundo:off\nobfuscate:off\nexitprompt:off\nblankcss:off\n
<<nobr>>\n\n/%\nCHARACTER\nThis is a template for a character on the left hand side. Modify the elements below to customize the character. \n\nThe title for this passage is the name of the character macro you will call to create dialog in the story passages.\n%/\n\n\n<div class="text-object" >\n/%\nCHARACTER PORTRAIT:\nDIMENSIONS: 50x50\nChange the HTML element src below to modify character potrait.\nSet src="<filename of portrait>"\n%/\n<img class="portrait" src="smsportraits/pattheflip.png" > \n\n\n<div class="bubble-object" >\n\n/%\nCHANGE BUBBLE COLORS:\n1)Give the div below a unique id\nEX: id="ExampleCustomCharacter"\n2) Open the Stylesheet and add the following based on the ID name\n\n#ExampleCustomCharacter{\nbackground-color: red;\n}\n#ExampleCustomCharacter::after{\n border-color: red transparent transparent transparent;\n}\n\nExample provided below and in stylesheet\n%/\n\n<div id="ExampleCustomCharacter" class="talk-bubble round tri-right left-top">\n <div class="talktext">\n<p><<print parameter(0)>></p>\n<span class="timestamp">\n<<if parameter(1) != 0>>\n<<print parameter(1) + ",">> \n<<endif>>\n/%\nCHANGE CHARACTER NAME:\nSet the character's "full name" below if you want it to appear\n%/\n@pattheflip\n\n</span>\n </div>\n</div>\n</div>\n</div>\n\n\n/%\nSOUND NOTIFICATION\nSet this character's sound notification. \n%/\n<audio src="smssounds/beep.ogg" autoplay></audio>\n<<endnobr>>
(function () {\n version.extensions['timedreplaceMacro'] = {\n major: 2,\n minor: 3,\n revision: 0\n };\n macros['timedcontinue'] = macros['timedinsert'] = macros['timedreplace'] = {\n handler: function (g, e, f, b) {\n function cssTimeUnit(s) {\n if (typeof s == "string") {\n if (s.slice(-2).toLowerCase() == "ms") {\n return Number(s.slice(0, -2)) || 0;\n }\n else if (s.slice(-1).toLowerCase() == "s") {\n return Number(s.slice(0, -1)) * 1000 || 0;\n }\n }\n throwError(g, s + " isn't a CSS time unit");\n return 0;\n }\n\n function tagcontents(starttag, endtag, k) {\n var a = b.source.slice(k);\n var l = 0;\n var c = "";\n for (var i = 0; i < a.length; i++) {\n var w = endtag.length;\n if (a.substr(i, w) == endtag) {\n if (l == 0) {\n b.nextMatch = k + i + w;\n return c;\n }\n else {\n l--;\n c += a.charAt(i);\n }\n }\n else {\n if (a.substr(i, starttag.length) == starttag) {\n l++;\n }\n c += a.charAt(i);\n }\n }\n return "";\n }\n var tr = "<<" + e;\n var rw = "<<replacewith>>";\n var etr = "<<end" + e + ">>";\n var k = b.source.indexOf('>>', b.matchStart) + 2;\n var c, d;\n\t if (e == "timedcontinue") {\n\t d = b.source.slice(k);\n\t\tb.nextMatch = k + d.length;\n\t }\n else if (e == "timedreplace") {\n c = tagcontents(tr, rw, k);\n d = tagcontents((c ? rw : tr), etr, c ? b.nextMatch : k);\n }\n else if (e == "timedinsert") {\n d = tagcontents(tr, etr, k);\n }\n else if (e == "timedremove") {\n c = tagcontents(tr, etr, k);\n }\n var tm;\n tm = cssTimeUnit(f[0]);\n var h;\n if (c) {\n if (d) {\n g = insertElement(g, "span", null, "timedreplacements");\n }\n h = insertElement(g, "span", null, "timedreplacement timedremove");\n new Wikifier(h, c);\n if (d || e == "timedremove") {\n setTimeout(function () {\n h.classList.add("replacement-out");\n setTimeout(function () {\n h.parentNode.removeChild(h);\n }, 1000);\n }, tm);\n }\n }\n if (d) {\n var m = insertElement(g, "span", null, "timedreplacement timedinsert", d);\n m.style.display = "none";\n setTimeout(function () {\n if (m) {\n var t = m.firstChild ? m.firstChild.nodeValue : "";\n removeChildren(m);\n new Wikifier(m, t);\n m.style.display = "inline";\n m.classList.add("replacement-in");\n setTimeout(function () {\n m.classList.remove("replacement-in");\n }, 1);\n scrollWindowTo(m);\n }\n }, tm);\n }\n else if (!c && e != "timedremove") {\n throwError(g, "can't find matching end" + e);\n return;\n }\n }\n }\n macros['timedremove'] = macros['timedreplace'];\n macros['replacewith'] = macros['endtimedinsert'] = macros['endtimedremove'] = macros['endtimedreplace'] = {\n handler: function () {}\n }\n scrollWindowTo=function(E){var D=window.scrollY?window.scrollY:document.body.scrollTop;\n var G=J(E);if(!G){return;}var C=Math.abs(D-G);var B=0;var I=(D>G)?-1:1;var F=window.setInterval(H,25);\ndocument.getElementById('content1').scrollTop = \n document.getElementById('content1').scrollHeight;\ndocument.getElementById('content1').scrollTop = \n document.getElementById('content1').scrollHeight;\n\ndocument.body.scrollTop = document.getElementById('content1').scrollTop = \n document.getElementById('content1').scrollHeight;\n\n function H(){B+=0.1;window.scrollTo(0,D+I*(C*Math.easeInOut(B)));if(B>=1){window.clearInterval(F);document.getElementById('content1').scrollTop = \n document.getElementById('content1').scrollHeight;\n\ndocument.body.scrollTop = document.getElementById('content1').scrollTop = \n document.getElementById('content1').scrollHeight;\n\n }}function J(N){var O=A(N);var P=O+N.offsetHeight;var K=window.scrollY?window.scrollY:document.body.scrollTop;\n var L=window.innerHeight?window.innerHeight:document.body.clientHeight;var M=K+L;\n\ndocument.getElementById('content1').scrollTop = \n document.getElementById('content1').scrollHeight;\n\ndocument.body.scrollTop = document.getElementById('content1').scrollTop = \n document.getElementById('content1').scrollHeight;\n\n if(O>=K){if(P>M){if(N.offsetHeight<L){return(O-(L-N.offsetHeight)+20);}else{return O;\n }}}}function A(K){var L=0;while(K.offsetParent){L+=K.offsetTop;K=K.offsetParent;}return L;\n document.getElementById('content1').scrollTop = \n document.getElementById('content1').scrollHeight;\n\ndocument.body.scrollTop = document.getElementById('content1').scrollTop = \n document.getElementById('content1').scrollHeight; }};\n}());\n\n\n
<<nobr>>\n\n/%\nCHARACTER\nThis is a template for a character on the left hand side. Modify the elements below to customize the character. \n\nThe title for this passage is the name of the character macro you will call to create dialog in the story passages.\n%/\n\n\n<div class="text-object" >\n/%\nCHARACTER PORTRAIT:\nDIMENSIONS: 50x50\nChange the HTML element src below to modify character potrait.\nSet src="<filename of portrait>"\n%/\n<img class="portrait" src="smsportraits/tiff.png" > \n\n\n<div class="bubble-object" >\n\n/%\nCHANGE BUBBLE COLORS:\nAdd unique id to the div below, and then edit the corresponding colors in the stylesheet. \n%/\n<div id="SharkChar" class="talk-bubble round tri-right left-top">\n <div class="talktext">\n<p><<print parameter(0)>></p>\n<span class="timestamp">\n<<if parameter(1) != 0>>\n<<print parameter(1) + ",">> \n<<endif>>\n/%\nCHANGE CHARACTER NAME:\nSet the character's "full name" below if you want it to appear\n%/\ntiffbear31\n\n</span>\n </div>\n</div>\n</div>\n</div>\n\n\n/%\nSOUND NOTIFICATION\nSet this character's sound notification. \n%/\n<audio src="smssounds/beep.ogg" autoplay></audio>\n<<endnobr>>
/* INSERT CUSTOM COLORS FOR BUBBLES BELOW */\n\n#SharkChar{\nbackground-color: red; /* BUBBLE */\n}\n#SharkChar::after{\n border-color: red transparent transparent transparent; /* BUBBLE TRIANGLE */\n}\n\n/* 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\ndiv .title {\nvisibility: hidden;\nheight: 0px;\n}\n\nh1{\n position: absolute;\n top: 0px;\n padding-top: 30px;\n width: 438px;\n z-index: 2;\n padding-bottom: 30px;\n background-color: #f8f8f8;\n}\n@media (max-width: 375px){\nh1 {\n\n position: fixed;\n width: 100%;\n z-index: 1;\n margin: 0px;\n top: 0px;\n}\n}\n@media (max-width: 414px){\nh1 {\n\n position: fixed;\n width: 100%;\n z-index: 2;\n margin: 0px;\n top: 0px;\n}\n}\n\n\n\nh2{\nposition: absolute;\ntop: 80px;\nwidth: 438px;\nz-index: 2;\nbackground-color: #f8f8f8;\n}\n@media (max-width: 375px){\nh2 {\n position: fixed;\n width: 100%;\n z-index: 2;\n top: 70px;\n}\n}\n@media (max-width: 414px){\nh2 {\n position: fixed;\n width: 100%;\n z-index: 2;\n top: 70px;\n}\n}\n\n\nh3{\nposition: absolute;\ntop: 130px;\nwidth: 438px;\nmargin: 0px;\npadding-bottom:20px;\nborder-bottom: 1px solid;\nmargin-bottom: 20px;\nz-index: 2;\nbackground-color: #f8f8f8;\n\n}\n@media (max-width: 375px){\nh3 {\n position: fixed;\n width: 100%;\n z-index: 2;\n top: 80px;\n background-color: #f8f8f8;\n border-bottom: 1px solid;\n}\n}\n@media (max-width: 414px){\nh3 {\n position: fixed;\n width: 100%;\n z-index: 2;\n top: 80px;\n background-color: #f8f8f8;\n border-bottom: 1px solid;\n}\n}\n\n.toolbar {\nvisibility: hidden;\n}\n\n.passage:hover .toolbar {\n\tvisibility: hidden;\n}\n\nbody {\n\t/* This affects the entire page */\n position: relative;\n\n width: 477px;\n\nleft: 37%;\n\n background-color: #f8f8f8;\n font-family: 'Roboto', sans-serif;"\n\n\n\n}\n\n@media (max-width: 414px){\nbody {\nleft: 0px;\n width: 100%;\n\n}\n\n\n}\n\n\n/* no idea why its content2 lol */\n#content1 {\n\nbackground-color: #f8f8f8;\nborder: 1px solid;\n/*min-height: 1136px;*/\n background-color: #f8f8f8;\n border: 1px solid;\n border-radius: 25px;\n border-left-width: 20px;\n border-right-width: 20px;\n border-top-width: 45px;\n border-bottom-width: 55px;\nheight: 720px;\n overflow: scroll;\n overflow-x: hidden;\nmargin: 0px;\nmargin-top: 5%;\n\n\n}\n\n\n@media (max-width: 375px){\n#content1 {\n\nborder: 0px;\nborder-radius: 0px;\nheight: 100%;\nwidth: 100%;\nmargin: 0px;\noverflow-y: hidden;\n\n\n}\n}\n@media (max-width: 414px){\n#content1 {\n\nborder: 0px;\nborder-radius: 0px;\nheight: 100%;\nwidth: 100%;\nmargin: 0px;\noverflow-y: hidden;\n\n\n}\n}\n\n#content2 {\n\n\nheight: 720px;\npadding-bottom: 0px;\ndisplay: table-cell;\nvertical-align: bottom;\n\n}\n@media (max-width: 375px){\n#content2{\nheight: 100%\n}\n}\n\n\n\n#passages{\npadding-bottom: 0px;\npadding-top: 150px;\n\n}\n\n.passage {\nwidth: 640px\nbackground: none;\nmargin: 0px;\n\n\t/* This only affects passages */\n\t\n\t\n}\n\n.passage:not(:last-child):not(:hover) {\n opacity: 1;\n /* transition: 0.5s;*/\n /* -webkit-transition: 0.5s; */\n}\n.passage a {\n\t/* This affects passage links */\n\tcolor:white;\n\n}\n\n\t\n}\n\n.talk-bubble.player.decision{\nwidth: 400px;\n}\n\n.choice {\n font-size: 1.4em;\n padding: 10px;\n text-align: left;\n line-height: 1.2em;\n width: 300px;\n border: 5px #1ca0d5 solid;\n border-radius: 25px;\n background-color: #1ca0d5;\n margin-bottom: 10px;\n left: 40px;\n position: relative;\n top: 10px;\ndisplay: block;\n\n\n\nanimation-duration: 0.20s; animation-name: slidein_choice;}\n@keyframes slidein_choice\n{ \nfrom \n{ opacity: 0; top: 25px; } to \n{ opacity: 1; top: 10px; }\n}\n\n@media (max-width: 375px){\n.choice {\nz-index: 1;\nwidth: 200px;\n\n}\n}\n\n\n\n.disabled{\ndisplay: none;\n}\n\n.content a {\nfont-weight: normal;\ntext-decoration: underline;\n}\n.passage a:hover {\n\t/* This affects links while the cursor is over them */\n\tcolor: white;\n\t}\n\n.pos-right{\n float:right;\n}\n\n.pos-left{\n position: fixed;\n left: 50px;\n}\n\n\n/* General CSS Setup */\nbody{\n\n}\n\n\n\n/* portraits */\n\nimg.portrait {\n width: 50px;\n height: 50px;\n display: block;\n position: relative;\n float: left;\n /*left: -20;\n top: -40px;*/\n bottom: 25px;\n margin: 0;\n display: inline-block;\n padding: 0;\n}\n\nimg.player-portrait {\n width: 50px;\n height: 50px;\n display: block;\n position: relative;\n float: right;\n right: 10px;\n bottom: 20px;\n margin: 0;\n display: inline-block;\n padding: 0;\n}\n\n#char2b{\n background-image: url("smsportraits/2b.png");\n width: 50px;\n height: 50px;\n display: block;\n position: relative;\n float: left;\n /*left: -20;\n top: -40px;*/\n bottom: 25px;\n margin: 0;\n display: inline-block;\n padding: 0;\n}\n\n.text-object{\ndisplay: block;\nwidth: 425px;\nposition: relative;\n/*margin-bottom: 60px;*/\n/*margin-top: -100px;*/\n\n\n/*animation-duration: 3s; animation-name: slidein;}\n@keyframes slidein \n{ \nfrom \n{ margin-left: 100%; height: 300%; } to \n{ margin-left: 0%; height: 100%; }*/\n\nanimation-duration: 0.50s; animation-name: slidein;}\n@keyframes slidein \n{ \nfrom \n{ opacity: 0; top: 25px; } to \n{ opacity: 1; top: 0px; }\n}\n\n@media (max-width: 375px){\n.text-object {\n\n width: 320px;\n\n}\n\n\n}\n\n\n.text-object.player\n{\ntext-align: right;\n}\n\n@media (max-width: 375px){\n.text-object.player {\n\nwidth: 320px;\n\n\n}\n}\n\n.bubble-object{\ndisplay: inline-block;\n/*float: left; */\nposition: relative;\nleft: 25px;\n/*bottom: 20px;\nleft: 10px;*/\n}\n@media (max-width: 375px){\n.bubble-object {\n\nwidth: 200px;\n\n\n}\n}\n\n\n.bubble-object.player{\nleft: -25px;\n/*display: inline-block;\nfloat: right;\nposition: relative;\nbottom: 20px;\nright: 10px; trying to fix style today */\n}\n\n.talk-bubble.player > .talktext > p{\npadding-right: 1em\n}\n\n#char9s{\n background-image: url("smsportraits/9s.png");\n width: 50px;\n height: 50px;\n display: block;\n position: relative;\n float: right;\n right: 10px;\n bottom: 20px;\n margin: 0;\n display: inline-block;\n padding: 0;\n}\n\n.timestamp{\n padding: 1em;\n font-size: 0.8em;\n opacity: 0.75;\n display: block;\n margin-bottom: -55px;\n}\n\ndiv.player > .talktext > span.timestamp{\n\n font-weight: bold;\n opacity: 0.50\n}\n\n/* container */\n.container {\n padding: 5% 5%;\n}\n\n/* CSS talk bubble */\n.talk-bubble {\n display: inline-block;\n position: relative;\n\tmin-width: 150px;\n\theight: auto;\n\tbackground-color: orange;\ncolor: white;\nfont-size: 12pt;\n}\n\n.talk-bubble.player {\nbackground-color: #1ca0d5;\n/*color: black;*/\n}\n@media (max-width: 375px){\n.talk-bubble.player {\n\nwidth: 200px;\n\n\n}\n}\n\n\n.border{\n border: 8px solid #666;\n}\n.round{\n border-radius: 30px;\n\t-webkit-border-radius: 30px;\n\t-moz-border-radius: 30px;\n\n}\n\n\n\n/* Right triangle placed top left flush. */\n.tri-right.border.left-top:before {\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n left: -40px;\n\tright: auto;\n top: -8px;\n\tbottom: auto;\n\tborder: 32px solid;\n\tborder-color: orange transparent transparent transparent;\n}\n.tri-right.left-top:after{\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n left: -15px;\n\tright: auto;\n top: 0px;\n\tbottom: auto;\n\tborder: 22px solid;\n\tborder-color: orange transparent transparent transparent;\n}\n\n/* Right triangle, left side slightly down */\n.tri-right.border.left-in:before {\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n left: -40px;\n\tright: auto;\n top: 30px;\n\tbottom: auto;\n\tborder: 20px solid;\n\tborder-color: #666 #666 transparent transparent;\n}\n.tri-right.left-in:after{\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n left: -20px;\n\tright: auto;\n top: 38px;\n\tbottom: auto;\n\tborder: 12px solid;\n\tborder-color: lightyellow lightyellow transparent transparent;\n}\n\n/*Right triangle, placed bottom left side slightly in*/\n.tri-right.border.btm-left:before {\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n\tleft: -8px;\n right: auto;\n top: auto;\n\tbottom: -40px;\n\tborder: 32px solid;\n\tborder-color: transparent transparent transparent #666;\n}\n.tri-right.btm-left:after{\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n\tleft: 0px;\n right: auto;\n top: auto;\n\tbottom: -20px;\n\tborder: 22px solid;\n\tborder-color: transparent transparent transparent lightyellow;\n}\n\n/*Right triangle, placed bottom left side slightly in*/\n.tri-right.border.btm-left-in:before {\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n\tleft: 30px;\n right: auto;\n top: auto;\n\tbottom: -40px;\n\tborder: 20px solid;\n\tborder-color: #666 transparent transparent #666;\n}\n.tri-right.btm-left-in:after{\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n\tleft: 38px;\n right: auto;\n top: auto;\n\tbottom: -20px;\n\tborder: 12px solid;\n\tborder-color: lightyellow transparent transparent lightyellow;\n}\n\n/*Right triangle, placed bottom right side slightly in*/\n.tri-right.border.btm-right-in:before {\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n left: auto;\n\tright: 30px;\n\tbottom: -40px;\n\tborder: 20px solid;\n\tborder-color: #666 #666 transparent transparent;\n}\n.tri-right.btm-right-in:after{\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n left: auto;\n\tright: 38px;\n\tbottom: -20px;\n\tborder: 12px solid;\n\tborder-color: lightyellow lightyellow transparent transparent;\n}\n/*\n\tleft: -8px;\n right: auto;\n top: auto;\n\tbottom: -40px;\n\tborder: 32px solid;\n\tborder-color: transparent transparent transparent #666;\n\tleft: 0px;\n right: auto;\n top: auto;\n\tbottom: -20px;\n\tborder: 22px solid;\n\tborder-color: transparent transparent transparent lightyellow;\n\n/*Right triangle, placed bottom right side slightly in*/\n.tri-right.border.btm-right:before {\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n left: auto;\n\tright: -8px;\n\tbottom: -40px;\n\tborder: 20px solid;\n\tborder-color: #666 #666 transparent transparent;\n}\n.tri-right.btm-right:after{\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n left: auto;\n\tright: 0px;\n\tbottom: -20px;\n\tborder: 12px solid;\n\tborder-color: lightyellow lightyellow transparent transparent;\n}\n\n/* Right triangle, right side slightly down*/\n.tri-right.border.right-in:before {\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n left: auto;\n\tright: -40px;\n top: 30px;\n\tbottom: auto;\n\tborder: 20px solid;\n\tborder-color: #orange transparent transparent #666;\n}\n.tri-right.right-in:after{\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n left: auto;\n\tright: -20px;\n top: 38px;\n\tbottom: auto;\n\tborder: 12px solid;\n\tborder-color: lightyellow transparent transparent lightyellow;\n}\n\n/* Right triangle placed top right flush. */\n.tri-right.border.right-top:before {\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n left: auto;\n\tright: -40px;\n top: -8px;\n\tbottom: auto;\n\tborder: 32px solid;\n\tborder-color: #white transparent transparent transparent;\n}\n\n/*PLAYER TRIANGLE */\n.tri-right.right-top:after{\n\tcontent: ' ';\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n left: auto;\n\tright: -13px;\n top: 0px;\n\tbottom: auto;\n\tborder: 25px solid;\n\tborder-color: #1ca0d5 transparent transparent transparent;\n}\n\n/* talk bubble contents */\n.talktext{\n padding: 0.5em;\n\ttext-align: left;\n line-height: 1.2em;\nmargin-top: -0.5em\n}\n.talktext p{\n /* remove webkit p margins */\n -webkit-margin-before: -1.8em;\n -webkit-margin-after: -1.8em;\n margin-left: 15px;\n word-wrap: break-word;\n max-width: 250px\n\n}\n\n#footer{\nposition: absolute;\nbottom: 0px;\ncolor: white;\n\n}\n\n#footer a.externalLink {\ncolor: white;\n}\n@media (max-width: 414px){\n#footer {\n\n position: absolute;\n top: 70px;\n z-index: -1;\ncolor: black;\n}\n\n#footer a.externalLink {\ncolor: black;\n}\n}\n\n
version.extensions.timedgotoMacro={major:1,minor:2,revision:0};\nmacros["goto"]=macros.timedgoto={timer:null,handler:function(a,b,c,d){function cssTimeUnit(s){if(typeof s=="string"){if(s.slice(-2).toLowerCase()=="ms"){return +(s.slice(0,-2))||0\n}else{if(s.slice(-1).toLowerCase()=="s"){return +(s.slice(0,-1))*1000||0\n}}}throwError(a,s+" isn't a CSS time unit");return 0}var t,d,m,s;\nt=c[c.length-1];d=d.fullArgs();m=0;if(b!="goto"){d=d.slice(0,d.lastIndexOf(t));\nm=cssTimeUnit(t)}d=eval(Wikifier.parse(d));if(d+""&&state&&state.init){if(macros["goto"].timer){clearTimeout(macros["goto"].timer)\n}s=state.history[0].passage.title;macros["goto"].timer=setTimeout(function(){if(state.history[0].passage.title==s){state.display(d,a)\n}},m)}}};
<<nobr>>\n/%\nEVERY PASSAGE NEEDS TO OPEN AND CLOSE WITH <<nobr>> <<endnobr>>\n\nREMOVES ALL HTML <BR> ELEMENTS\n%/\n\n\n<link style ="height: 0px" href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">\n\n\n/%\nset src=<filename> of the music you want to loop.\nJust delete this part if you don't want music in the game.\n%/\n\n/%\naudio src="smssounds/music.mp3" loop autoplay></audio>--->\nmusic\n%/\n\n/%\nDialog begins here\nWrap your dialog macros around \n<<timedreplace [seconds]>>\n<<endtimedreplace>>\n\nNot wrapping will have the dialog appear instantly\n\nNot adding a timestamp will omit it from the text box. Time stamps are optional. \n%/\n\n<<timedreplace 5s>>\n<<friend_char "phew">>\n<<endtimedreplace>>\n\n<<timedreplace 8s>>\n<<friend_char "that was close">>\n<<endtimedreplace>>\n\n<<timedreplace 12s>>\n<<friend_char "nice ult">>\n<<endtimedreplace>>\n\n<<timedreplace 15s>>\n<<friend_char "ok this is a good one for me to end on">>\n<<endtimedreplace>>\n\n<<timedreplace 17s>>\n<<friend_char "i'm gonna crash">>\n<<endtimedreplace>>\n\n<<timedreplace 20s>>\n<<player_char "Kk ggs man">>\n<<endtimedreplace>>\n\n<<timedreplace 23s>>\n<<friend_char "real quick tho">>\n<<endtimedreplace>>\n\n<<timedreplace 25s>>\n<<friend_char "who's this mercy player you've been inviting lately">>\n<<endtimedreplace>>\n\n<<timedreplace 30s>>\n<<player_char "Oh tiffbear31? Yeah she's a mercy main">>\n<<endtimedreplace>>\n\n<<timedreplace 33s>>\n<<friend_char "you meet her through work or something">>\n<<endtimedreplace>>\n\n<<timedreplace 34s>>\n<<friend_char "?">>\n<<endtimedreplace>>\n\n<<timedreplace 42s>>\n<<player_char "Nah, we met online.">>\n<<endtimedreplace>>\n\n<<timedreplace 44s>>\n<<friend_char "you tryna holla?">>\n<<endtimedreplace>>\n\n<<timedreplace 49s>>\n<<player_char "Oh hahahaha no it's not like that">>\n<<endtimedreplace>>\n\n<<timedreplace 51s>>\n<<friend_char "is she cute?">>\n<<endtimedreplace>>\n\n<<timedreplace 52s>>\n<<friend_char "like">>\n<<endtimedreplace>>\n\n<<timedreplace 53s>>\n<<friend_char "she seems cool">>\n<<endtimedreplace>>\n\n<<timedreplace 54s>>\n<<friend_char "if you're not into her then hook me up lol">>\n<<endtimedreplace>>\n\n<<timedreplace 59s>>\n<<player_char "Lmao haha i doubt she'd be into you">>\n<<endtimedreplace>>\n\n<<timedreplace 61s>>\n<<friend_char "??? wait why">>\n<<endtimedreplace>>\n\n<<timedreplace 62s>>\n<<friend_char "im very charming!!!">>\n<<endtimedreplace>>\n\n<<timedreplace 63s>>\n<<friend_char "does she not like dudes or something">>\n<<endtimedreplace>>\n\n<<timedreplace 66s>>\n<<player_char "Oh lol idk about that.">>\n<<endtimedreplace>>\n\n<<timedreplace 69s>>\n<<friend_char "wtf why dont you think shed be into me then">>\n<<endtimedreplace>>\n\n<<timedreplace 70s>>\n<<friend_char "?">>\n<<endtimedreplace>>\n\n<<timedreplace 76s>>\n<<player_char "Mmm">>\n<<endtimedreplace>>\n\n<<timedreplace 78s>>\n<<player_char "That's not what I meant, sorry">>\n<<endtimedreplace>>\n\n<<timedreplace 80s>>\n<<player_char "I don't know her like that">>\n<<endtimedreplace>>\n\n<<timedreplace 82s>>\n<<friend_char "?">>\n<<endtimedreplace>>\n\n<<timedreplace 90s>>\n<<player_char "I pay her to play with me">>\n<<endtimedreplace>>\n\n<<timedreplace 102s>>\n<<friend_char "wat">>\n<<endtimedreplace>>\n\n<<timedreplace 108s>>\n<<player_char "Yeah lol she had a listing up on some gigs site.">>\n<<endtimedreplace>>\n\n<<timedreplace 112s>>\n<<friend_char "are you serious rn">>\n<<endtimedreplace>>\n\n<<timedreplace 117s>>\n<<player_char "It's not that much, just a couple bucks.">>\n<<endtimedreplace>>\n\n<<timedreplace 119s>>\n<<friend_char "...">>\n<<endtimedreplace>>\n\n<<timedreplace 120s>>\n<<friend_char "you know that actually makes it weirder right">>\n<<endtimedreplace>>\n\n<<timedreplace 123s>>\n<<friend_char "i mean i got student loans too but paying girls to play OW with you is weird, man">>\n<<endtimedreplace>>\n\n<<timedreplace 126s>>\n<<player_char "Wait what lol this isn't like, a sex thing">>\n<<endtimedreplace>>\n\n<<timedreplace 129s>>\n<<friend_char "yo. is this about whatsherface">>\n<<endtimedreplace>>\n\n<<timedreplace 130s>>\n<<friend_char "the girl who dumped you last year">>\n<<endtimedreplace>>\n\n<<timedreplace 133s>>\n<<player_char "That was 6 months ago, and no">>\n<<endtimedreplace>>\n\n<<timedreplace 134s>>\n<<player_char "Though I appreciate your concern">>\n<<endtimedreplace>>\n\n<<timedreplace 136s>>\n<<friend_char "you doing ok, dude?">>\n<<endtimedreplace>>\n\n<<timedreplace 139s>>\n<<player_char "Yeah I'm fine.">>\n<<endtimedreplace>>\n\n<<timedreplace 140s>>\n<<player_char "I just don't like playing support.">>\n<<endtimedreplace>>\n\n<<timedreplace 142s>>\n<<friend_char "ok ok i get it but like">>\n<<endtimedreplace>>\n\n<<timedreplace 144s>>\n<<friend_char "you dislike playing support so much">>\n<<endtimedreplace>>\n\n<<timedreplace 146s>>\n<<friend_char "that you pay a girl to play w you">>\n<<endtimedreplace>>\n\n<<timedreplace 148s>>\n<<friend_char "a plat mercy.">>\n<<endtimedreplace>>\n\n<<timedreplace 149s>>\n<<friend_char "not even like">>\n<<endtimedreplace>>\n\n<<timedreplace 150s>>\n<<friend_char "diamond">>\n<<endtimedreplace>>\n\n<<timedreplace 156s>>\n<<player_char "I only get to play for like, an hour after work.">>\n<<endtimedreplace>>\n\n<<timedreplace 158s>>\n<<friend_char "i feel ya">>\n<<endtimedreplace>>\n\n<<timedreplace 160s>>\n<<player_char "I've been watching lots of replays and guides and stuff cuz I'm trying to climb">>\n<<endtimedreplace>>\n\n<<timedreplace 163s>>\n<<player_char "But half the time I end up on some bullshit team with like, 5 dps and a roadhog">>\n<<endtimedreplace>>\n\n<<timedreplace 165s>>\n<<friend_char "i can play mercy if you want :D">>\n<<endtimedreplace>>\n\n<<timedreplace 167s>>\n<<player_char "Thanks, but you aren't usually on when I have time to play =/">>\n<<endtimedreplace>>\n\n<<timedreplace 170s>>\n<<friend_char "just play like, lucio/zen/ana">>\n<<endtimedreplace>>\n\n<<timedreplace 171s>>\n<<friend_char "ana's hella good">>\n<<endtimedreplace>>\n\n<<timedreplace 172s>>\n<<friend_char "way more fun than mercy imo">>\n<<endtimedreplace>>\n\n<<timedreplace 173s>>\n<<friend_char "like don't get me wrong">>\n<<endtimedreplace>>\n\n<<timedreplace 174s>>\n<<friend_char "im glad mercy/rein mains exist bc the world needs ppl who find that fun lol">>\n<<endtimedreplace>>\n\n<<timedreplace 175s>>\n<<friend_char "but like">>\n<<endtimedreplace>>\n\n<<timedreplace 178s>>\n<<player_char "I just really hate playing support, ok?">>\n<<endtimedreplace>>\n\n<<timedreplace 180s>>\n<<player_char "It's like work.">>\n<<endtimedreplace>>\n\n<<timedreplace 181s>>\n<<player_char "I play games to relax from work.">>\n<<endtimedreplace>>\n\n<<timedreplace 182s>>\n<<player_char "I hate using them, but we lose if we don't have them...">>\n<<endtimedreplace>>\n\n<<timedreplace 183s>>\n<<player_char "So I get her to play Mercy for a few games and I never have to worry about not having a support in comp games.">>\n<<endtimedreplace>>\n\n<<timedreplace 190s>>\n<<friend_char "ok so">>\n<<endtimedreplace>>\n\n<<timedreplace 192s>>\n<<friend_char "i am willing to believe you don't like playing support that much">>\n<<endtimedreplace>>\n\n<<timedreplace 194s>>\n<<player_char "That's really it lol. I just want to hit Diamond this year">>\n<<endtimedreplace>>\n\n<<timedreplace 198s>>\n<<friend_char "so uh">>\n<<endtimedreplace>>\n\n<<timedreplace 200s>>\n<<player_char "?">>\n<<endtimedreplace>>\n\n<<timedreplace 202s>>\n<<friend_char "why'd you hire a girl">>\n<<endtimedreplace>>\n\n<<timedreplace 205s>>\n<<player_char "What do you mean">>\n<<endtimedreplace>>\n\n<<timedreplace 208s>>\n<<friend_char "like">>\n<<endtimedreplace>>\n\n<<timedreplace 211s>>\n<<friend_char "aren't there pros and coaches etc you can pay to queue with you for lessons">>\n<<endtimedreplace>>\n\n<<timedreplace 213s>>\n<<player_char "Yeah but paying for someone better than you to boost you is kinda dumb imo">>\n<<endtimedreplace>>\n\n<<timedreplace 215s>>\n<<friend_char "lmao ok dude">>\n<<endtimedreplace>>\n\n<<timedreplace 217s>>\n<<friend_char "do you wish you had a gf who played OW">>\n<<endtimedreplace>>\n\n<<timedreplace 218s>>\n<<friend_char "?">>\n<<endtimedreplace>>\n\n<<timedreplace 220s>>\n<<player_char "I mean that sounds nice but it's not like, goals">>\n<<endtimedreplace>>\n\n<<timedreplace 222s>>\n<<friend_char "is dva your waifu">>\n<<endtimedreplace>>\n\n<<timedreplace 223s>>\n<<friend_char "she hella is huh">>\n<<endtimedreplace>>\n\n<<timedreplace 225s>>\n<<player_char "...">>\n<<endtimedreplace>>\n\n<<timedreplace 226s>>\n<<friend_char "ok whatever dude">>\n<<endtimedreplace>>\n\n<<timedreplace 227s>>\n<<friend_char "next time you see tiffbear31">>\n<<endtimedreplace>>\n\n<<timedreplace 228s>>\n<<friend_char "tell her your friend thinks her rezes are godlike">>\n<<endtimedreplace>>\n\n<<timedreplace 229s>>\n<<friend_char "i gtg ggs tho <3">>\n<<endtimedreplace>>\n\n<<timedreplace 232s>>\n<<player_char "Later, man.">>\n<<endtimedreplace>>\n\n<<timedreplace 236s>>\n<<timedgoto "SecondPassage" 0.01s >>\n<<endtimedreplace>>\n\n\n<<endnobr>>\n
<<nobr>>\n\n/%\nCHARACTER\nThis is a template for a character on the left hand side. Modify the elements below to customize the character. \n\nThe title for this passage is the name of the character macro you will call to create dialog in the story passages.\n%/\n\n\n<div class="text-object" >\n/%\nCHARACTER PORTRAIT:\nDIMENSIONS: 50x50\nChange the HTML element src below to modify character potrait.\nSet src="<filename of portrait>"\n%/\n<img class="portrait" src="smsportraits/wonk.png" > \n\n\n<div class="bubble-object" style="">\n\n/%\nCHANGE BUBBLE COLORS:\nAdd unique id to the div below, and then edit the corresponding colors in the stylesheet. \n%/\n<div class="talk-bubble round tri-right left-top">\n <div class="talktext">\n<p><<print parameter(0)>></p>\n<span class="timestamp">\n<<if parameter(1) != 0>>\n<<print parameter(1) + ",">> \n<<endif>>\n/%\nCHANGE CHARACTER NAME:\nSet the character's "full name" below if you want it to appear\n%/\nWonkdonkler\n\n</span>\n </div>\n</div>\n</div>\n</div>\n\n\n/%\nSOUND NOTIFICATION\nSet this character's sound notification. \n%/\n<audio src="smssounds/beep.ogg" autoplay></audio>\n<<endnobr>>
Looking for Mercy
<<nobr>>\n\n<<cleartexthistory>>\n\n<<timedreplace 5s>> \n<<friend_char "hey tiff this is wonkdonkler, im Ez-8's friend">> \n<<endtimedreplace>>\n\n<<timedreplace 8s>> \n<<friend_char "i was playing pharah with you guys a few days ago">> \n<<endtimedreplace>>\n\n<<timedreplace 12s>> \n<<shark_char "oh hey, sup">> \n<<endtimedreplace>>\n\n<<timedreplace 14s>> \n<<shark_char "looking for mercy??">> \n<<endtimedreplace>>\n\n<<timedreplace 20s>> \n<<timedgoto "ChoiceExample" 0.01s >>\n<<endtimedreplace>>\n\n<<endnobr>>\n
try {\n version.extensions['cleartexthistory'] = { \n major:1, minor:0, revision:0 \n };\n macros['cleartexthistory'] = {\n handler: function(place, macroName, params, parser) {\n $(".text-object").css("display", "none");\n },\n init: function() { },\n };\n} catch(e) {\n throwError(place,"macrodemo Setup Error: "+e.message); \n}
[[@pattheflip|http://www.twitter.com/pattheflip/]]
<<nobr>>\n/%\nPLAYER CHARACTER\nThis is a template for a character on the right side, typically the player character. Modify the elements below to customize the character. \n\nThe title for this passage is the name of the character macro you will call to create dialog in the story passages.\n%/\n\n<div class="text-object player" >\n\n/%\nCHARACTER PORTRAIT:\nDIMENSIONS: 50x50\nChange the HTML element src below to modify character potrait.\nSet src="<filename of portrait>"\n%/\n<img class="player-portrait" src="smsportraits/ez8.png">\n\n/%\nCHANGE BUBBLE COLORS:\nAdd unique id to the div below, and then edit the corresponding colors in the stylesheet. \n%/\n<div class="bubble-object player">\n<div class="talk-bubble round player tri-right right-top">\n <div class="talktext">\n <p><<print parameter(0)>></p>\n<span class="timestamp">\n<<if parameter(1) != 0>>\n<<print parameter(1) + ",">> \n<<endif>>\n/%\nCHANGE CHARACTER NAME:\nSet the character's "full name" below if you want it to appear\n%/\nEz-8\n\n</span>\n </div>\n</div>\n</div>\n</div>\n\n/%\nSOUND NOTIFICATION\nSet this character's sound notification. \n%/\n<audio src="smssounds/beep.ogg" autoplay></audio>\n<<endnobr>>