@import url(http://fonts.googleapis.com/css?family=Tauri);\n\nbody { \n color: white !important; \n background-color: #009966 !important;\n text-align: center; \n width: 95% !important;\n font-size: 0.95em !important;\n font-family: 'Tauri', sans-serif;\n}\n\nem {color: grey;}\n\n.passage .title { display: none } \n\n.passage {\n font-size: 3.8em;\n line-height: 110%;\n padding: 1em;\n text-align: center;\n background: #cc6600;\n color: white;\n border: 12px solid;\n border-radius: 55px;\n -moz-border-radius: 55px; /* Old Firefox */\n}\n\n#sidebar { display: none; }\n\n#storyAuthor{font-size:90%;}\n\n#footer {display:none;}\n\nh1,h3 {\n text-align: center;\n}\n\na.internalLink,a.externalLink,a.back,a.return {\n color:#deecef;\n font-weight: bold;\n line-height: 140%;\n text-decoration: none;\n text-align: left;\n font-size: 130%\n}\n\na.internalLink:hover,a.externalLink:hover,a.back:hover,a.return:hover {\n color: #999;\n text-decoration: underline;\n text-align:left;\n}\n\na.brokenLink {\n background-color:red;\n text-decoration:none;\n color:#000;\n}\n\n.marked {\n background-color:red;\n color:#000;\n margin-right:12px;\n padding:3px;\n}\n\n.highlight {\n color:red;\n font-size:120%;\n font-weight:bold;\n}\n\n\n#floater { display: none; }
<html><p style="text-align: left;">Growth requires patience and attention.</p></html><<timedreplace 5>>Patience.<<replacewith>><<timedreplace 65>><<addLink>><<replacewith>><html><p style="text-align: left;">Often, without reviewing our own past, life can become nothing but rituals without purpose.</p></html><<endtimedreplace>><<endtimedreplace>>
Dan Cox
Tree
function mouseEvent(type, sx, sy, cx, cy) {\n var evt;\n var e = {\n bubbles: true, cancelable: (type != "mousemove"), view: window, detail: 0,\n screenX: sx, screenY: sy, clientX: cx, clientY: cy,\n ctrlKey: false, altKey: false, shiftKey: false, metaKey: false,\n button: 0, relatedTarget: undefined\n };\n\n if (typeof( document.createEvent ) == "function") {\n evt = document.createEvent("MouseEvents");\n evt.initMouseEvent(type, e.bubbles, e.cancelable, e.view, e.detail,\n e.screenX, e.screenY, e.clientX, e.clientY,\n e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,\n e.button, document.body.parentNode);\n } else if (document.createEventObject) {\n evt = document.createEventObject();\n for (prop in e) {\n evt[prop] = e[prop];\n }\n evt.button = { 0:1, 1:4, 2:2 }[evt.button] || evt.button;\n }\n return evt;\n}\n\nfunction dispatchEvent (el, evt) {\n if (el.dispatchEvent) {\n el.dispatchEvent(evt);\n } else if (el.fireEvent) {\n el.fireEvent("on" + type, evt);\n }\n return evt;\n}\n\nvar oldCreateInternalLink = Wikifier.createInternalLink;\nWikifier.createInternalLink = function(place, title) {\n \n link = oldCreateInternalLink(place, title);\n \n if (link.addEventListener) \n {\n link.addEventListener('mouseover', function () {\n var evt = mouseEvent("click", 0,0,0,0);\n dispatchEvent(this, evt);\n this.removeAttribute("href");\n this.style.display = "none";\n this.removeEventListener("mouseover", function(){});\n }, false); \n } \n else if (link.attachEvent) \n {\n link.attachEvent('mouseover', function () {\n var evt = mouseEvent("click", 0,0,0,0);\n dispatchEvent(this, evt);\n this.removeAttribute("href");\n this.style.display = "none";\n this.detachEvent("mouseover", function(){});\n }, false);\n }\n \n return link;\n}\n\nTale.prototype.addPassage = function(title,tags,content) {\n var newPassage = document.createElement("div");\n newPassage.id = title;\n newPassage.setAttribute("tiddler",title);\n newPassage.setAttribute("tags",tags);\n newPassage.setAttribute("modifer","twee");\n if(newPassage.innerText) {newPassage.innerText = content;}\n else {newPassage.textContent = content;}\n $("storeArea").appendChild(newPassage);\n this.passages[title] = new Passage(title,$(title));\n};\n\nmacros['addLink'] = \n{\n handler: function(place, object, parameters)\n {\n var newID = Math.floor(Math.random()*65456);\n tale.addPassage("n"+newID,"","<<timedreplace " + Math.floor(Math.random()*20) + ">>Patience.<<replacewith>><<addLink>><<endtimedreplace>>");\n new Wikifier(place, "[[Growth|n"+newID+"]]");\n }\n}\n\nversion.extensions['timedreplaceMacro'] = {major:1, minor:0, revision:0};\n macros['timedreplace'] = {\n handler: function (g, e, f, b) {\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="<<timedreplace";\n var rw="<<replacewith>>";\n var k = b.source.indexOf('>>', b.matchStart) + 2;\n var c = tagcontents(tr, rw, k);\n var d = tagcontents((c ? rw : tr), "<<endtimedreplace>>", c ? b.nextMatch : k);\n var h = null;\n if(c) {\n h = insertElement(g, "span", null, "timedreplacement1");\n new Wikifier(h,c);\n }\n if(d) {\n var m = insertElement(g, "span", null, "timedreplacement2", d);\n m.style.display = "none";\n setTimeout(function() {\n if (m) { \n if (h && h.parentNode) h.parentNode.removeChild(h);\n var t = m.firstChild ? m.firstChild.nodeValue : "";\n removeChildren(m);\n new Wikifier(m,t);\n m.style.display = "inline";\n fade(m, { fade: "in" });\n }\n },(parseInt(f[0]) || 0)*500);\n }\n else {\n throwError(g, "can't find matching endtimedreplace");\n return;\n }\n }\n }\n macros['endtimedreplace']={handler: function () {} }\n macros['replacewith']={handler: function () {} }