.circuitbg\n{\n\tbackground-image:url("http://i.imgur.com/aAaJFXE.jpg");\n\t/*border: 1px solid #0f0;*/\n\theight: 600px;\n\twidth: 800px;\n\tposition: relative;\n}\n\n.passage a\n{color: #fff;}\n.passage a:hover\n{color: rgba(93,212,252,0.9);}\n\n.talkbox\n{\nposition: absolute;\nbackground-color:rgba(55,55,55,0.5);\nheight:80px;\nwidth:740px;\nborder: 1px solid rgba(55,55,55,0.9);\n\tfont-family: "Courier New";\n\tfont-size: 20px;\n\tfont-weight: bold;\npadding:5px;\nbottom:10px;\nleft:15px;\nvertical-align: middle;\ndisplay: inline-block;\n}\n\n.talkwords\n{\nposition: absolute;\nheight: 80px;\nwidth: 650px;\nright:0px;\ntop:0px;\npadding:10px;\n}\n\n.yourskill\n{\nposition: absolute;\nheight: 160px;\nwidth: 750px;\ntop:10px;\nleft: 15px;\nbackground-color:rgba(55,55,55,0.5);\nborder: 1px solid rgba(55,55,55,0.9);\n\tfont-family: "Courier New";\n\tfont-size: 20px;\n\tfont-weight: bold;\n}\n\n.notcurrentskillpick\n{\nbackground-color:rgba(200,200,200,0.5);\nborder: 1px solid rgba(200,200,200,0.9);\n}\n.currentskillpick\n{\nbackground-color:rgba(200,200,200,0.5);\nborder: 3px solid rgba(93,212,252,0.9);\n}\n\n.alreadypicked\n{\nbackground-color:rgba(93,212,252,0.35);\nborder: 1px solid rgba(93,212,252,0.9);\n}\n.sk1\n{\nposition: absolute;\nheight: 40px;\nwidth: 350px;\ntop:50px;\nleft: 15px;\n\tfont-family: "Courier New";\n\tfont-size: 20px;\n\tfont-weight: bold;\n}\n\n.sk2\n{\nposition: absolute;\nheight: 40px;\nwidth: 350px;\ntop:50px;\nright: 15px;\n\tfont-family: "Courier New";\n\tfont-size: 20px;\n\tfont-weight: bold;\n}\n.sk3\n{\nposition: absolute;\nheight: 40px;\nwidth: 350px;\nbottom:15px;\nleft: 15px;\n\tfont-family: "Courier New";\n\tfont-size: 20px;\n\tfont-weight: bold;\n}\n.sk4\n{\nposition: absolute;\nheight: 40px;\nwidth: 350px;\nbottom:15px;\nright: 15px;\n\tfont-family: "Courier New";\n\tfont-size: 20px;\n\tfont-weight: bold;\n}\n\n.skchoose\n{\nposition: absolute;\nheight: 300px;\nwidth: 750px;\ntop:180px;\nleft: 15px;\nbackground-color:rgba(55,55,55,0.5);\nborder: 1px solid rgba(55,55,55,0.9);\n\tfont-family: "Courier New";\n\tfont-size: 20px;\n\tfont-weight: bold;\n}\n\n.skillknown\n{\nbackground-color:rgba(200,200,200,0.5);\nborder: 1px solid rgba(200,200,200,0.9);\n}\n\n.skillknown:hover\n{\nborder: 2px solid rgba(93,212,252,0.9);\n}\n.skillpicked\n{\nbackground-color:rgba(100,100,100,0.5);\nborder: 1px solid rgba(100,100,100,0.9);\n}\n.skillunknown\n{\nbackground-color:rgba(55,55,55,0.5);\nborder: 1px solid rgba(55,55,55,0.9);\n}\n\n.sk1choose\n{\nposition: absolute;\nheight: 40px;\nwidth: 350px;\ntop:50px;\nleft: 15px;\n\tfont-family: "Courier New";\n\tfont-size: 20px;\n\tfont-weight: bold;\n}\n\n.sk2choose\n{\nposition: absolute;\nheight: 40px;\nwidth: 350px;\ntop:50px;\nright: 15px;\n\tfont-family: "Courier New";\n\tfont-size: 20px;\n\tfont-weight: bold;\n}\n\n.sk3choose\n{\nposition: absolute;\nheight: 40px;\nwidth: 350px;\ntop:100px;\nleft: 15px;\n\tfont-family: "Courier New";\n\tfont-size: 20px;\n\tfont-weight: bold;\n}\n\n.sk4choose\n{\nposition: absolute;\nheight: 40px;\nwidth: 350px;\ntop:100px;\nright: 15px;\n\tfont-family: "Courier New";\n\tfont-size: 20px;\n\tfont-weight: bold;\n}\n\n.sk5choose\n{\nposition: absolute;\nheight: 40px;\nwidth: 350px;\ntop:150px;\nleft: 15px;\n\tfont-family: "Courier New";\n\tfont-size: 20px;\n\tfont-weight: bold;\n}\n\n.sk6choose\n{\nposition: absolute;\nheight: 40px;\nwidth: 350px;\ntop:150px;\nright: 15px;\n\tfont-family: "Courier New";\n\tfont-size: 20px;\n\tfont-weight: bold;\n}\n\n.sk7choose\n{\nposition: absolute;\nheight: 40px;\nwidth: 350px;\ntop:200px;\nleft: 15px;\n\tfont-family: "Courier New";\n\tfont-size: 20px;\n\tfont-weight: bold;\n}\n\n.sk8choose\n{\nposition: absolute;\nheight: 40px;\nwidth: 350px;\ntop:200px;\nright: 15px;\n\tfont-family: "Courier New";\n\tfont-size: 20px;\n\tfont-weight: bold;\n}
.transition-in {\n\topacity: 0;\n\tposition: absolute;\n}\n.passage {\n\ttransition: 0s;\n\t-webkit-transition: 0s;\n}\n.transition-out {\n\topacity: 0 !important;\n\tposition: absolute;\n}
<<nobr>>\n/%%%%%set bg%%%%%%/\n<div class="circuitbg">\n\n/%%%%%dialog%%%%%%%/\n<div class="talkbox">\n<img src="http://i.imgur.com/1GnQsKT.png">\n<div class="talkwords">\nNot a bad set-up if I say so myself. Good job, Spencer! Alright, I've set up a dummy cipher for our pretend run. It's time we go over the Encounter Phase...<br>\n</div>\n</div>\n/%%%%%already chosen skills%%%%%/\n<div class="yourskill">\n<center> Your Loadout </center>\n<div class="sk1 alreadypicked">\n<center><<print $skill1>></center>\n</div>\n<div class="sk2 alreadypicked">\n<center><<print $skill2>></center>\n</div>\n<div class="sk3 alreadypicked">\n<center><<print $skill3>></center>\n</div>\n<div class="sk4 alreadypicked">\n<center><<print $skill4>></center>\n</div>\n</div>\n/%%%%choice of skills%%%%%/\n<div class="skchoose">\n<center> /tutorial </center>\n<br>\nUnfortunately, the rest of the tutorial is under construction! Please return back to the main intro.\n<br>\n<br>\n<center>[[Return|Init Pick Sprint]]</center>\n</div>\n\n\n</div>\n<<endnobr>>
<<nobr>>\n/%%%%%% background %%%%%%/\n<div class="circuitbg">\n/%%%%% character box %%%%/\n<div class="charbox">\n<img class="picleft" src="http://i.imgur.com/BIcxfEM.png">\n<img class="picright" src="http://i.imgur.com/7wN0UTS.png">\n</div>\n/%%%%%dialog box%%%%%%%%%/\n<img class="diagimg" src="http://i.imgur.com/mMt1vDF.png">\n/%%%% talk icon box %%%%%/\n<div class="iconbox">\n<<if $talknum eq 3>>\n<img class="talkicon" src="http://i.imgur.com/lCFvqRJ.png">\n<<else>>\n<img class="talkicon" src="http://i.imgur.com/1GnQsKT.png">\n<<endif>>\n</div>\n/%%%%%dialog box%%%%%%%%%/\n<div class="diagbox">\n<<if $talknum eq 2>>\nYes well, //'almost'// isn't the same as 'did,' now is it?<br>\nWhich reminds me, after that last screw up, I think we should go over the basics of a netsprint.\n<<endif>>\n<<if $talknum eq 3>>\n*whine*<br>\n<<endif>>\n<<if $talknum eq 4>>\n...<br>\n<img src="http://i.imgur.com/rKzEzTn.png">[[Ohhh, no, you're not getting out of this. After that last sprint you //definitely// need a refresher.|Run Tut 1]]<br>\n<img src="http://i.imgur.com/rKzEzTn.png">[[Fine, but don't say I didn't warn you if and when you screw up.|Init Pick Sprint]]<br>\n<<endif>>\n</div>\n/%%%% next button %%%%%%%/\n<<if $talknum neq 4>>\n[[<img class="nextbutton" src="http://i.imgur.com/EfN9szg.png" alt="Next" width="50" height="50" onmouseover="this.src='http://i.imgur.com/HjkoGvT.png'" onmouseout="this.src='http://i.imgur.com/EfN9szg.png'"/>|Entry 3o1b][$talknum = $talknum + 1]]\n<<endif>>\n<<endnobr>>
<<nobr>>\n/%%%%%set bg%%%%%%/\n<div class="circuitbg">\n/%%%%%talking section%%%%/\n<div class="talkingsec">\n<img src="http://i.imgur.com/1GnQsKT.png" height="50px" width=50px"> So, which hypercorp should we pay our 'respects' to?<br>\n</div>\n<div class="leftsec">\n[[<a class="pickhov">\n<img src="http://i.imgur.com/Z7ld6cn.png">\n<img src="http://i.imgur.com/qnbuDaw.png">\n</a>|demo synopsis][$chooseedene=1]]<br>\nAn unholy merger between big agriculture, big pharma and the beauty industry.<br>\nÊdene taps into the world's insecurities over hunger, beauty, and health.<br>\n<div class="logo">\n//"The apple of your eye."//\n</div>\n</div>\n<div class="midsec">\n[[<a class="pickhov">\n<img src="http://i.imgur.com/GstpGVU.png">\n<img src="http://i.imgur.com/IyJdiQZ.png">\n</a>|demo synopsis]]<br>\nteehee<br>\nlelelelele<br>\n</div>\n<div class="rightsec">\n[[<a class="pickhov">\n<img src="http://i.imgur.com/GstpGVU.png">\n<img src="http://i.imgur.com/IyJdiQZ.png">\n</a>|demo synopsis]]<br>\nteehee<br>\nlelelelele<br>\n</div>\n</div>\n<<endnobr>>
<<nobr>>\n/%%%% initialize variables%%%%/\n<<set $didtutorial = 0>>\n<<set $spencernotlove = 0>>\n<<set $spencercookies = 0>>\n<<set $allprog = ["stealth.exe","teehee.exe","smash.exe","dagger.exe","peep()"]>>\n<<set $allprogtooltip = ["Sneak past your enemy.","Cause a mischievous distraction.","Hulk...","Right in the back.","Just a quick..."]>>\n<<set $proglearn = ["stealth.exe","teehee.exe","smash.exe","dagger.exe"]>>\n/%%%starting page %%%%/\n<div class="staticstack">\n<img class="staticbg" src="http://i.imgur.com/CuNBDOc.gif" width="800" height="600"/>\n[[<img class="startbutton" src="http://i.imgur.com/EfN9szg.png" width="200" height="200" alt="Jack in." onmouseover="this.src='http://i.imgur.com/HjkoGvT.png'" onmouseout="this.src='http://i.imgur.com/EfN9szg.png'"/>|Entry 1a]]\n<div class="hovtextoverbutton">\nJack In\n</div>\n</div>\n<<endnobr>>
<<nobr>>\n/%%%%%% background %%%%%%/\n<div class="circuitbg">\n/%%%%% character box %%%%/\n<div class="charbox">\n<img class="picleft" src="http://i.imgur.com/BIcxfEM.png">\n<img class="picright" src="http://i.imgur.com/7wN0UTS.png">\n</div>\n/%%%%%dialog box%%%%%%%%%/\n<img class="diagimg" src="http://i.imgur.com/mMt1vDF.png">\n/%%%% talk icon box %%%%%/\n<div class="iconbox">\n<<if $talknum eq 3>>\n<img class="talkicon" src="http://i.imgur.com/lCFvqRJ.png">\n<<else>>\n<img class="talkicon" src="http://i.imgur.com/1GnQsKT.png">\n<<endif>>\n</div>\n/%%%% dialog words %%%%%%/\n<div class="diagbox">\n<<if $talknum eq 2>>\nI... I'm sorry, that just came out.<br>\nYou know I love you. It's just... sometimes you get on my nerves. Especially with all that bravado.<br>\n<<endif>>\n<<if $talknum eq 3>>\n*grumble*<br>\nGot it. I'll shut up from now on.<br>\n<<endif>>\n<<if $talknum eq 4>>\nLook, I'm sorry, okay, Spence? I didn't mean it.<br>\nAnd you're right, I //do// worry about you, especially when you're netsprinting. You can be kinda reckless.<br>\n<<endif>>\n<<if $talknum eq 5>>\nWhich reminds me:<br>\n<img src="http://i.imgur.com/rKzEzTn.png">[[I better go over the basics.|Run Tut 1]]<br>\n<img src="http://i.imgur.com/rKzEzTn.png">[[We better get ready for our netcast.|Init Pick Sprint]]<br>\n<<endif>>\n</div>\n/%%%% next button %%%%%%%/\n<<if $talknum neq 5>>\n[[<img class="nextbutton" src="http://i.imgur.com/EfN9szg.png" alt="Next" width="50" height="50" onmouseover="this.src='http://i.imgur.com/HjkoGvT.png'" onmouseout="this.src='http://i.imgur.com/EfN9szg.png'"/>|Entry 3o2b][$talknum = $talknum + 1]]\n<<endif>>\n<<endnobr>>
\nfunction screenShake(time) {\n console.log(document);\n var el = document.getElementsByClassName('content');\n baz = el;\n console.log(baz[0]);\n el[0].className = el[0].className + ' shake';\n if (time > 0) {\n setTimeout(function () {\n el[0].className = 'content';\n }, time);\n }\n};\n\ntry {\n version.extensions['screenShakeMacro'] = {\n major: 1,\n minor: 0,\n revision: 0\n };\n macros['screenShake'] = {\n handler: function (place, macroName, params, parser) {\n var time = parseInt(params[0]);\n if (typeof time !== 'number') {\n time = 1000;\n }\n \n // we're overriding the fade function. It behaves as usual except it runs screenShake() if time >= 0.\n fade = function (el, options) {\n var current;\n var proxy = el.cloneNode(true);\n var direction = (options.fade == 'in') ? 1 : -1;\n\n el.parentNode.replaceChild(proxy, el);\n\n if (options.fade == 'in') {\n current = 0;\n proxy.style.visibility = 'visible';\n } else current = 1;\n\n setOpacity(proxy, current);\n var interval = window.setInterval(tick, 25);\n\n function tick() {\n current += 0.05 * direction;\n\n setOpacity(proxy, Math.easeInOut(current));\n\n if (((direction == 1) && (current >= 1)) || ((direction == -1) && (current <= 0))) {\n console.log('swapping fader proxy out');\n el.style.visibility = (options.fade == 'in') ? 'visible' : 'hidden';\n proxy.parentNode.replaceChild(el, proxy);\n delete proxy;\n window.clearInterval(interval);\n\n if (options.onComplete) options.onComplete();\n\n if (time >= 0) {\n screenShake(time);\n time = -1;\n }\n\n }\n };\n\n function setOpacity(el, opacity) {\n var percent = Math.floor(opacity * 100);\n\n // IE\n el.style.zoom = 1;\n el.style.filter = 'alpha(opacity=' + percent + ')';\n\n // CSS 3\n el.style.opacity = opacity;\n };\n };\n },\n init: function () {},\n };\n} catch (e) {\n throwError(place, "screenShake Setup Error: " + e.message);\n}
<<nobr>>\n/%%%%%set bg%%%%%%/\n<div class="circuitbg">\n\n/%%%%%dialog%%%%%%%/\n<div class="talkbox">\n<img src="http://i.imgur.com/1GnQsKT.png">\n<div class="talkwords">\nThanks for playing!\n</div>\n</div>\n\n/%%%%choice of skills%%%%%/\n<div class="skchoose">\n<center> You have reached the end of the demo </center>\n<br>\nI know this demo was short and uneventful, but thank you for testing it out! I really appreciate it.<br>\n<br>\nHere's a short synopsis of your playthrough:<br>\n<br>\n<<if $spencernotlove eq 1>>\n-You told Spencer he was replaceable, poor guy.<br>\n<<endif>>\n<<if $spencercookies eq 1>>\n-You told Spencer he was a bit chunky.<br>\n<<endif>>\n<<if $didtutorial eq 1>>\n-You went over the basics of netsprinting.<br>\n<<endif>>\n<<if $chooseedene eq 1>>\n-You chose to run against the only identified hypercorp!<br>\n<<else>>\n-You chose to run against an unidentified threat! I wonder what it could be? Or if you'd have any ideas!<br>\n<<endif>>\n<<if $learnpeep eq 1>>\n-You found the secret program!<br>\n<<endif>>\n-You made it to the end! Yay!<br>\n<br>\n<center>[[The End|the end]]</center>\n</div>\n\n</div>\n<<endnobr>>
<<nobr>>\n<<set $nextentry = 0>>\n/%%%%%% background %%%%%%/\n<div class="circuitbg">\n/%%%%% character box %%%%/\n<div class="charbox">\n<img class="picright" src="http://i.imgur.com/7wN0UTS.png">\n</div>\n/%%%%%dialog box%%%%%%%%%/\n<img class="diagimg" src="http://i.imgur.com/mMt1vDF.png">\n/%%%% talk icon box %%%%%/\n<div class="iconbox">\n<img class="talkicon" src="http://i.imgur.com/1GnQsKT.png">\n</div>\n/%%%% dialog words %%%%%%/\n<div class="diagbox">\n<<if $talknum eq 2>>\nHmm...<br>\nEndorphin levels: Check.<br>\nCortical brain activity: Stable.<br>\nWell, looks like I'm good to go.<br>\n<<endif>>\n<<if $talknum eq 3>>\n*crick crack*<br>\nOof, I always do feel a little stiff after jacking in, though.<br>\nHopefully, I'll be able to sort that out in the next build of the immersion algorithm. Huh...<br>\n</div>\n<<endif>>\n<<if $talknum eq 4>>\n*crack*<br>\nAhhh... That's better. Can't go on a netsprint with a bad back. Strange, when I think about it, sensations shouldn't manifest without an external stimulus within the simulation-<br>\n<<set $nextentry = 1>>\n<<endif>>\n</div>\n/%%%% next button %%%%%%%/\n<<if $nextentry eq 0>>\n[[<img class="nextbutton" src="http://i.imgur.com/EfN9szg.png" alt="Next" width="50" height="50" onmouseover="this.src='http://i.imgur.com/HjkoGvT.png'" onmouseout="this.src='http://i.imgur.com/EfN9szg.png'"/>|Entry 1b][$talknum = $talknum + 1]]\n<<else>>\n[[<img class="nextbutton" src="http://i.imgur.com/EfN9szg.png" alt="Next" width="50" height="50" onmouseover="this.src='http://i.imgur.com/HjkoGvT.png'" onmouseout="this.src='http://i.imgur.com/EfN9szg.png'"/>|Entry 2a]]\n<<endif>>\n<<endnobr>>
<<nobr>>\n<<silently>>\n<<set $talknum = 1>>\n<<screenShake 1000>>\n<<endsilently>>\n/%%%%%% background %%%%%%/\n<div class="circuitbg">\n/%%%%% character box %%%%/\n<div class="charbox">\n<img class="picright" src="http://i.imgur.com/7wN0UTS.png">\n</div>\n/%%%%%dialog box%%%%%%%%%/\n<img class="diagimg" src="http://i.imgur.com/mMt1vDF.png">\n/%%%% talk icon box %%%%%/\n<div class="iconbox">\n<img class="talkicon" src="http://i.imgur.com/1GnQsKT.png">\n</div>\n/%%%% dialog words %%%%%%/\n<div class="diagbox">\nWhew, what a rush!<br>\nI'm never going to get used to digital consciouness transference. Heh, or as Spencer likes to call it, 'jacking in.' What a dork.<br>\nOops, almost forgot, better do a systems check.\n</div>\n/%%%% next button %%%%%%%/\n[[<img class="nextbutton" src="http://i.imgur.com/EfN9szg.png" alt="Next" width="50" height="50" onmouseover="this.src='http://i.imgur.com/HjkoGvT.png'" onmouseout="this.src='http://i.imgur.com/EfN9szg.png'"/>|Entry 1b][$talknum = $talknum + 1]]\n</div>\n<<endnobr>>
<<nobr>>\n<<set $allprog = ["stealth.exe","teehee.exe","smash.exe","dagger.exe","peep()"]>>\n<<set $allprogtooltip = ["Sneak past your enemy.","Cause a mischievous distraction.","Hulk...","Right in the back.","Just a quick..."]>>\n<<set $proglearn = ["stealth.exe","teehee.exe","smash.exe","dagger.exe"]>>\nTime to pick your skills...<br>\n[[Pick Skill 1|Tut Skill 1]]<br>\n[[Learn Peep()?|testpeep]]\n<<endnobr>>
.circuitbg\n{\n\tbackground-image:url("http://i.imgur.com/aAaJFXE.jpg");\n\t/*border: 1px solid #0f0;*/\n\theight: 600px;\n\twidth: 800px;\n\tposition: relative;\n}\n\n.diagimg\n{\nposition:absolute;\ntop:0;\nleft:0;\nz-margin:30;\n}\n\n.charbox\n{\nposition:absolute;\nheight:350px;\nwidth:800px;\ntop:0;\nleft:0;\n}\n\n.picright\n{\n\tposition: absolute;\n\tbottom:0;\n\tright: 80px;\n\tz-margin:1;\n}\n\n.picleft\n{\n\tposition: absolute;\n\tbottom:0;\n\tleft: 80px;\n\tz-margin:1;\n}\n.iconbox\n{\nposition:absolute;\n/*border: 1px solid #ff0;*/\nheight:230px;\nwidth:100px;\ntop:350px;\nleft:0;\nz-margin:4;\n}\n\n.talkicon\n{\nposition:absolute;\ntop:10px;\nright:8px;\n}\n\n.diagbox\n{\n\t/*border: 1px solid #f00;*/\n\theight: 215px;\n\twidth: 600px;\n\tposition: absolute;\n\tbottom: 0px;\n\tleft: 100px;\n\tfont-family: "Courier New";\n\tfont-size: 25px;\n\tfont-weight: bold;\n\tpadding: 10px;\n\tpadding-left: 30px;\n\tline-height: 110%;\n\tz-margin:5;\n}\n\nbr {\ndisplay: block;\nmargin: 5px 0;\n}\n\n.nextbutton\n{\n\tposition: absolute;\n\tbottom:15px;\n\tright:15px;\n}\n\n.passage a\n{\ncolor:#5dd4fc\n}\n\n.irempic\n{\nposition: absolute;\nright:0;\ntop: 30px;\nopacity: .75;\n}\n\n.iremtext\n{\nposition: absolute;\nright:0;\ntop:50px;\n\tfont-size: 20px;\n\tfont-weight: bold;\nfont-family: "Courier New";\npadding-right:20px;\n}
Jacked
<<nobr>>\n/%%%% initialize variables%%%%/\n\n/%%%starting page %%%%/\n<div class="staticstack">\n<img class="staticbg" src="http://i.imgur.com/CuNBDOc.gif" width="800" height="600"/>\n<div class="starttext">\nFin. For Now!\n</div>\n</div>\n<<endnobr>>
.staticstack\n{\n\tposition: relative;\n\t/*border: 1px solid #0f0;*/\n\theight: 600px;\n\twidth: 800px;\n}\n\n.staticbg\n{\n\tposition: absolute;\n\ttop:0;\n\tleft:0;\n\tdisplay: block;\n\tz-index:1;\n}\n\n.startbutton\n{\n\tposition: absolute;\n\ttop:200px;\n\tleft:300px;\n\tz-index:2;\n\tdisplay: block;\n}\n\n\n.hovtextoverbutton\n{\ndisplay:block;\nposition: absolute;\nheight: 50px;\nwidth: 800px;\nfont-family: "Courier New";\n\tfont-size: 40px;\n\tfont-weight: bold;\n\ttext-align: center;\n\tz-index:4;\n\tcolor:#fff;\n\ttop:150px;\n}\n\n.starttext\n{\n\tposition: absolute;\n\theight: 600px;\n\twidth: 800px;\n\tline-height: 600px;\n\tfont-family: "Courier New";\n\tfont-size: 40px;\n\tfont-weight: bold;\n\ttext-align: center;\n\tz-index:3;\n}\n\n.passage a\n{\ncolor:#5dd4fc\n}
.circuitbg\n{\n\tbackground-image:url("http://i.imgur.com/aAaJFXE.jpg");\n\t/*border: 1px solid #0f0;*/\n\theight: 600px;\n\twidth: 800px;\n\tposition: relative;\n}\n\nbr{\ndisplay:block;\nmargin: 5px 0;\n}\n\n.talkingsec\n{\nheight:50px;\nwidth:750px;\nposition: absolute;\ntop:10px;\nleft: 25px;\nborder:1px solid rgba(55,55,55,0.9);\n\tfont-family: "Courier New";\n\tfont-size: 20px;\n\tfont-weight: bold;\nline-height: 50px;\nbackground-color: rgba(55,55,55,0.5);\nvertical-align: top;\n}\n\n.leftsec\n{\nheight: 510px;\nwidth: 240px;\nposition: absolute;\ntop:70px;\nleft:15px;\n\tfont-family: "Courier New";\n\tfont-size: 20px;\n\tfont-weight: bold;\nbackground-color: rgba(55,55,55,0.5);\ncolor: rgba(150,150,150,0.5);\npadding: 5px;\n}\n\n.pickhov img:last-child{display:none}\n\n.leftsec:hover\n{\nborder:3px solid #5dd4fc;\ncolor:rgba(255,255,255,1)\n}\n.leftsec:hover .pickhov img:first-child{display:none}\n.leftsec:hover .pickhov img:last-child{display:inline-block}\n\n.midsec\n{\nheight: 510px;\nwidth: 240px;\nposition: absolute;\ntop:70px;\nleft:270px;\n\tfont-family: "Courier New";\n\tfont-size: 20px;\n\tfont-weight: bold;\nbackground-color: rgba(55,55,55,0.5);\ncolor: rgba(150,150,150,0.5);\npadding: 5px;\n}\n\n.midsec:hover\n{\nborder:3px solid #5dd4fc;\ncolor:rgba(255,255,255,1)\n}\n\n.midsec:hover .pickhov img:first-child{display:none}\n.midsec:hover .pickhov img:last-child{display:inline-block}\n\n.rightsec\n{\nheight: 510px;\nwidth: 240px;\nposition: absolute;\ntop:70px;\nright:25px;\n\tfont-family: "Courier New";\n\tfont-size: 20px;\n\tfont-weight: bold;\npadding: 5px;\nbackground-color: rgba(55,55,55,0.5);\ncolor: rgba(150,150,150,0.5);\n}\n\n.rightsec:hover\n{\nborder:3px solid #5dd4fc;\ncolor:rgba(255,255,255,1)\n}\n.rightsec:hover .pickhov img:first-child{display:none}\n.rightsec:hover .pickhov img:last-child{display:inline-block}\n\n.logo\n{\nposition: absolute;\nbottom:0;
<<nobr>>\n<<silently>>\n<<set $proglearn.push("peep()")>>\n<<set $peeplearn = 1>>\n<<set $talknum = $talknum + 1>>\n<<endsilently>>\n<<display "Run Tut 2">>\n<<endnobr>>
<<nobr>>\n<<silently>>\n<<set $talknum = 1>>\n<<set $spencernotlove = 1>>\n<<endsilently>>\n/%%%%%% background %%%%%%/\n<div class="circuitbg">\n/%%%%% character box %%%%/\n<div class="charbox">\n<img class="picright" src="http://i.imgur.com/7wN0UTS.png">\n<img class="picleft" src="http://i.imgur.com/BIcxfEM.png">\n</div>\n/%%%%%dialog box%%%%%%%%%/\n<img class="diagimg" src="http://i.imgur.com/mMt1vDF.png">\n/%%%% talk icon box %%%%%/\n<div class="iconbox">\n<img class="talkicon" src="http://i.imgur.com/lCFvqRJ.png">\n</div>\n/%%%% dialog words %%%%%%/\n<div class="diagbox">\nOh... Ouch, Will...<br>\nI... didn't realize... you thought so little of me.<br>\n*whine*<br>\n</div>\n/%%%% next button %%%%%%%/\n[[<img class="nextbutton" src="http://i.imgur.com/EfN9szg.png" alt="Next" width="50" height="50" onmouseover="this.src='http://i.imgur.com/HjkoGvT.png'" onmouseout="this.src='http://i.imgur.com/EfN9szg.png'"/>|Entry 3o2b][$talknum = $talknum + 1]]\n\n/%%%%remembers%%%%%/\n<img class="irempic" src="http://i.imgur.com/VHUH95V.png">\n<div class="iremtext">\nSpencer will remember that.\n</div>\n</div>\n<<endnobr>>
<<nobr>>\n<<silently>>\n<<set $talknum = 1>>\n<<endsilently>>\n/%%%%%% background %%%%%%/\n<div class="circuitbg">\n/%%%%% character box %%%%/\n<div class="charbox">\n<img class="picright" src="http://i.imgur.com/7wN0UTS.png">\n<img class="picleft" src="http://i.imgur.com/BIcxfEM.png">\n</div>\n/%%%%%dialog box%%%%%%%%%/\n<img class="diagimg" src="http://i.imgur.com/mMt1vDF.png">\n/%%%% talk icon box %%%%%/\n<div class="iconbox">\n<img class="talkicon" src="http://i.imgur.com/lCFvqRJ.png">\n</div>\n/%%%% dialog words %%%%%%/\n<div class="diagbox">\nPssh.<br>\nYeah, yeah, way to rub it in, Will. It was a mistake! If I had managed to evade that last layer of ICE, I would've gotten off scott-free.<br>\n</div>\n/%%%% next button %%%%%%%/\n[[<img class="nextbutton" src="http://i.imgur.com/EfN9szg.png" alt="Next" width="50" height="50" onmouseover="this.src='http://i.imgur.com/HjkoGvT.png'" onmouseout="this.src='http://i.imgur.com/EfN9szg.png'"/>|Entry 3o1b][$talknum = $talknum + 1]]\n</div>\n<<endnobr>>
<<nobr>>\n<<set $nextentry = 0>>\n/%%%%%% background %%%%%%/\n<div class="circuitbg">\n/%%%%% character box %%%%/\n<div class="charbox">\n<img class="picright" src="http://i.imgur.com/7wN0UTS.png">\n<img class="picleft" src="http://i.imgur.com/BIcxfEM.png">\n</div>\n/%%%%%dialog box%%%%%%%%%/\n<img class="diagimg" src="http://i.imgur.com/mMt1vDF.png">\n/%%%% talk icon box %%%%%/\n<div class="iconbox">\n<<if $talknum eq 2 or $talknum eq 4 or $talknum eq 6 or $talknum eq 8 or $talknum eq 10>>\n<img class="talkicon" src="http://i.imgur.com/lCFvqRJ.png">\n<<else>>\n<img class="talkicon" src="http://i.imgur.com/1GnQsKT.png">\n<<endif>>\n</div>\n/%%%% dialog words %%%%%%/\n<div class="diagbox">\n<<if $talknum eq 2>>\n<<if $spencernotlove eq 0>>\n<<if $didtutorial eq 0>>\nDude, I was born ready!<br>\nOkay, okay, I see that eye-roll, Will! I promise, I'll be careful this time.<br>\n<<else>>\nHeh, well after that refresher on netsprinting earlier, how can I not be prepared?<br>\nI'm ready to smash into a server!<br>\n<<endif>>\n<<else>>\n<<if $didtutorial eq 0>>\nHey, don't worry about. After chewing me out like that, I'm ready to prove you wrong.<br>\nI //AM// a good netsprinter. You can count on me, Will.<br>\n<<else>>\nYeah, I'm good.<br>\nThanks for going over the basics again. I'm ready to sprint, and I'm going to be careful this time!<br>\n<<endif>>\n<<endif>>\n<<endif>>\n<<if $talknum eq 3>>\n'Kay, good.<br>\nI know I give you a lot of shit, but it's always nice to see that fire in you. Even if you're kind of a scrub at times, hehe.<br>\n<<endif>>\n<<if $talknum eq 4>>\n<<if $spencernotlove eq 0>>\nHeh, whatever! I still get the job done, don't I?<br>\n<<else>>\nHeh, at least I can put on quite the show right?<br>\n<<endif>>\nLooks like we've got quite an audience coming up for this netcast.<br>\n<<endif>>\n<<if $talknum eq 5>>\nYeah, ever since we started casting our sprints, I can't remember ever having as many viewers as we do now. We're almost up to 50,000 subscribers on DeepCast, can you believe it?<br>\n<<endif>>\n<<if $talknum eq 6>>\nWhat can I say, people really hate the hyper-corporations. And the more they see us netsprinters fucking with the big guys, the more popular we get.<br>\nHeh, and the more money we make.<br>\n<<endif>>\n<<if $talknum eq 7>>\nYeah, never thought I'd be a cyber-criminal, though.<br>\nWho knew I'd go from protecting servers to stealing documents and then leaking them or worse... selling them on the blackmarket.<br>\n<<endif>>\n<<if $talknum eq 8>>\nHey, you're not on that side of the law anymore, kitty. Those white-collars wouldn't know what to do with your bleeding-edge tech innovations.<br>\nYou're on the //fun// side now anyways... with me! We got cookies~<br>\n<<endif>>\n<<if $talknum eq 9>>\n...<br>\n<img src="http://i.imgur.com/rKzEzTn.png">[[Gosh, I hope those cookies don't make us easier to trace.|PSprint 1b][$talknum = $talknum + 1 , $spencercookies = 0]]<br>\n<img src="http://i.imgur.com/rKzEzTn.png">[[Well, you could use a little less cookies in you, babe.|PSprint 1b][$talknum = $talknum + 1 , $spencercookies = 1]]\n<<endif>>\n<<if $talknum eq 10>>\n<<if $spencercookies eq 0>>\nOh, har har. Nice joke, Will.<br>\nAnyways, \n<<else>>\n*whine* You know I'm sensitive about my weight...<br>\nHmmph, whatever, \n<<endif>>\nit's about time we address our fans<<if $spencercookies eq 1>>, anyways.<<else>>.<<endif>>\n<<endif>>\n<<if $talknum eq 11>>\nYeah, but first, we kinda need to figure out which hypercorp we're going to target...\n<<set $nextentry = 1>>\n<<endif>>\n</div>\n/%%%% next button %%%%%%%/\n<<if $nextentry eq 0>>\n<<if $talknum neq 9>>\n[[<img class="nextbutton" src="http://i.imgur.com/EfN9szg.png" alt="Next" width="50" height="50" onmouseover="this.src='http://i.imgur.com/HjkoGvT.png'" onmouseout="this.src='http://i.imgur.com/EfN9szg.png'"/>|PSprint 1b][$talknum = $talknum + 1]]\n<<endif>>\n<<else>>\n[[<img class="nextbutton" src="http://i.imgur.com/EfN9szg.png" alt="Next" width="50" height="50" onmouseover="this.src='http://i.imgur.com/HjkoGvT.png'" onmouseout="this.src='http://i.imgur.com/EfN9szg.png'"/>|PSelect 1]]\n<<endif>>\n/%%%%remembers%%%%%/\n<<if $talknum eq 10 and $spencercookies eq 1>>\n<img class="irempic" src="http://i.imgur.com/VHUH95V.png">\n<div class="iremtext">\nSpencer will remember that.\n</div>\n<<endif>>\n</div>\n<<endnobr>>
<<nobr>>\n<<set $nextentry = 0>>\n/%%%%%% background %%%%%%/\n<div class="circuitbg">\n/%%%%% character box %%%%/\n<div class="charbox">\n<img class="picright" src="http://i.imgur.com/7wN0UTS.png">\n<img class="picleft" src="http://i.imgur.com/BIcxfEM.png">\n</div>\n/%%%%%dialog box%%%%%%%%%/\n<img class="diagimg" src="http://i.imgur.com/mMt1vDF.png">\n/%%%% talk icon box %%%%%/\n<div class="iconbox">\n<<if $talknum eq 2 or $talknum eq 4>>\n<img class="talkicon" src="http://i.imgur.com/lCFvqRJ.png">\n<<else>>\n<img class="talkicon" src="http://i.imgur.com/1GnQsKT.png">\n<<endif>>\n</div>\n/%%%% dialog words %%%%%%/\n<div class="diagbox">\n<<if $talknum eq 2>>\nTook you long enough to get here, eh?<br>\nSheesh, you were hooked up to your rig before I was! What took you?<br>\n<<endif>>\n<<if $talknum eq 3>>\nWell, hi to you too, Spencer...<br>\nSome of us have the insight to not jack in without running a diagnostic test beforehand.<br>\nI swear, one of these days, you're going to run into trouble with your rig and no one's going to be able to help you. <br>\n<<endif>>\n<<if $talknum eq 4>>\nWow, it's nice knowing you put //so// much faith in me. I'm feeling that primo, grade-A love coming //right// off you.<br>\nI know you worry about losing the love of your life, your //raison-d'être//. Hmmph, lucky for you, I happen to be an experienced netsprinter.<br>\n<<endif>>\n<<if $talknum eq 5>>\n...<br>\n<<endif>>\n<<if $talknum eq 6>>\nYou're joking, right?<br>\n<img src="http://i.imgur.com/rKzEzTn.png">[[Remember that last solo sprint you did? You nearly killed yourself and fried your whole rig.|Entry 3o1]]<br>\n<img src="http://i.imgur.com/rKzEzTn.png">[[You do realize I could do //so// much better?|Entry 3o2]]\n<<endif>>\n</div>\n/%%%% next button %%%%%%%/\n<<if $nextentry eq 0>>\n<<if $talknum neq 6>>\n[[<img class="nextbutton" src="http://i.imgur.com/EfN9szg.png" alt="Next" width="50" height="50" onmouseover="this.src='http://i.imgur.com/HjkoGvT.png'" onmouseout="this.src='http://i.imgur.com/EfN9szg.png'"/>|Entry 2b][$talknum = $talknum + 1]]\n<<endif>>\n<<else>>\n[[<img class="nextbutton" src="http://i.imgur.com/EfN9szg.png" alt="Next" width="50" height="50" onmouseover="this.src='http://i.imgur.com/HjkoGvT.png'" onmouseout="this.src='http://i.imgur.com/EfN9szg.png'"/>|Entry 2a]]\n<<endif>>\n<<endnobr>>
<<nobr>>\n<<silently>>\n<<set $proglearn.push("peep()")>>\n<<endsilently>>\n<<display "Tut Skill 1">>\n<<endnobr>>
<<nobr>>\n<<silently>>\n<<set $talknum = 1>>\n<<endsilently>>\n/%%%%%% background %%%%%%/\n<div class="circuitbg">\n/%%%%% character box %%%%/\n<div class="charbox">\n<img class="picleft" src="http://i.imgur.com/BIcxfEM.png">\n<img class="picright" src="http://i.imgur.com/7wN0UTS.png">\n</div>\n/%%%%%dialog box%%%%%%%%%/\n<img class="diagimg" src="http://i.imgur.com/mMt1vDF.png">\n/%%%% talk icon box %%%%%/\n<div class="iconbox">\n<img class="talkicon" src="http://i.imgur.com/lCFvqRJ.png">\n</div>\n/%%%% dialog words %%%%%%/\n<div class="diagbox">\nWill!~<br>\n</div>\n/%%%% next button %%%%%%%/\n[[<img class="nextbutton" src="http://i.imgur.com/EfN9szg.png" alt="Next" width="50" height="50" onmouseover="this.src='http://i.imgur.com/HjkoGvT.png'" onmouseout="this.src='http://i.imgur.com/EfN9szg.png'"/>|Entry 2b][$talknum = $talknum + 1]]\n<<endnobr>>
<<nobr>>\n/%%%%%set bg%%%%%%/\n<div class="circuitbg">\n\n/%%%%%dialog%%%%%%%/\n<div class="talkbox">\n<img src="http://i.imgur.com/1GnQsKT.png">\n<div class="talkwords">\nLast one. Make it count!<br>\n</div>\n</div>\n/%%%%%already chosen skills%%%%%/\n<div class="yourskill">\n<center> Your Loadout </center>\n<div class="sk1 alreadypicked">\n<center><<print $skill1>></center>\n</div>\n<div class="sk2 alreadypicked">\n<center><<print $skill2>></center>\n</div>\n<div class="sk3 alreadypicked">\n<center><<print $skill3>></center>\n</div>\n<div class="sk4 currentskillpick">\n<center>Loading...</center>\n</div>\n</div>\n/%%%%choice of skills%%%%%/\n<div class="skchoose">\n<center> Available Programs </center>\n<<if $skill1 neq $allprog[0] and $skill2 neq $allprog[0] and $skill3 neq $allprog[0]>>\n<div class="sk1choose skillknown">\n<center>[[<<print $allprog[0]>>|Tut Skill Summ][$skill4="stealth.exe"]]</center>\n</div>\n<<else>>\n<div class="sk1choose skillpicked">\n<center><<print $allprog[0]>></center>\n</div>\n<<endif>>\n<<if $skill1 neq $allprog[1] and $skill2 neq $allprog[1] and $skill3 neq $allprog[1]>>\n<div class="sk2choose skillknown">\n<center>[[<<print $allprog[1]>>|Tut Skill Summ][$skill4="teehee.exe"]]</center>\n</div>\n<<else>>\n<div class="sk2choose skillpicked">\n<center><<print $allprog[1]>></center>\n</div>\n<<endif>>\n<<if $skill1 neq $allprog[2] and $skill2 neq $allprog[2] and $skill3 neq $allprog[2]>>\n<div class="sk3choose skillknown">\n<center>[[<<print $allprog[2]>>|Tut Skill Summ][$skill4="smash.exe"]]</center>\n</div>\n<<else>>\n<div class="sk3choose skillpicked">\n<center><<print $allprog[2]>></center>\n</div>\n<<endif>>\n<<if $skill1 neq $allprog[3] and $skill2 neq $allprog[3] and $skill3 neq $allprog[3]>>\n<div class="sk4choose skillknown">\n<center>[[<<print $allprog[3]>>|Tut Skill Summ][$skill4="dagger.exe"]]</center>\n</div>\n<<else>>\n<div class="sk4choose skillpicked">\n<center><<print $allprog[3]>></center>\n</div>\n<<endif>>\n<<if $proglearn.indexOf("peep()") >= 0>>\n<<if $skill1 neq $allprog[4] and $skill2 neq $allpog[4] and $skill3 neq $allprog[4]>>\n<div class="sk5choose skillknown">\n<center>[[<<print $allprog[4]>>|Tut Skill Summ][$skill4="peep()"]]</center>\n</div>\n<<else>>\n<div class="sk5choose skillpicked">\n<center><<print $allprog[4]>></center>\n</div>\n<<endif>>\n<<else>>\n<div class="sk5choose skillunknown">\n<center>???</center>\n</div>\n<<endif>>\n\n<div class="sk6choose skillunknown">\n<center>???</center>\n</div>\n<div class="sk7choose skillunknown">\n<center>???</center>\n</div>\n<div class="sk8choose skillunknown">\n<center>???</center>\n</div>\n\n\n</div>\n\n\n</div>\n<<endnobr>>
<<nobr>>\n/%%%%%set bg%%%%%%/\n<div class="circuitbg">\n\n/%%%%%dialog%%%%%%%/\n<div class="talkbox">\n<img src="http://i.imgur.com/1GnQsKT.png">\n<div class="talkwords">\nHalfway there! Hehe, the program suite is starting to come together! Pick another one to round this bad boy out.<br>\n</div>\n</div>\n/%%%%%already chosen skills%%%%%/\n<div class="yourskill">\n<center> Your Loadout </center>\n<div class="sk1 alreadypicked">\n<center><<print $skill1>></center>\n</div>\n<div class="sk2 alreadypicked">\n<center><<print $skill2>></center>\n</div>\n<div class="sk3 currentskillpick">\n<center>Loading...</center>\n</div>\n<div class="sk4 notcurrentskillpick">\n<center>Loading...</center>\n</div>\n</div>\n/%%%%choice of skills%%%%%/\n<div class="skchoose">\n<center> Available Programs </center>\n<<if $skill1 neq $allprog[0] and $skill2 neq $allprog[0]>>\n<div class="sk1choose skillknown">\n<center>[[<<print $allprog[0]>>|Tut Skill 4][$skill3="stealth.exe"]]</center>\n</div>\n<<else>>\n<div class="sk1choose skillpicked">\n<center><<print $allprog[0]>></center>\n</div>\n<<endif>>\n<<if $skill1 neq $allprog[1] and $skill2 neq $allprog[1]>>\n<div class="sk2choose skillknown">\n<center>[[<<print $allprog[1]>>|Tut Skill 4][$skill3="teehee.exe"]]</center>\n</div>\n<<else>>\n<div class="sk2choose skillpicked">\n<center><<print $allprog[1]>></center>\n</div>\n<<endif>>\n<<if $skill1 neq $allprog[2] and $skill2 neq $allprog[2]>>\n<div class="sk3choose skillknown">\n<center>[[<<print $allprog[2]>>|Tut Skill 4][$skill3="smash.exe"]]</center>\n</div>\n<<else>>\n<div class="sk3choose skillpicked">\n<center><<print $allprog[2]>></center>\n</div>\n<<endif>>\n<<if $skill1 neq $allprog[3] and $skill2 neq $allprog[3]>>\n<div class="sk4choose skillknown">\n<center>[[<<print $allprog[3]>>|Tut Skill 4][$skill3="dagger.exe"]]</center>\n</div>\n<<else>>\n<div class="sk4choose skillpicked">\n<center><<print $allprog[3]>></center>\n</div>\n<<endif>>\n<<if $proglearn.indexOf("peep()") >= 0>>\n<<if $skill1 neq $allprog[4] and $skill2 neq $allpog[4]>>\n<div class="sk5choose skillknown">\n<center>[[<<print $allprog[4]>>|Tut Skill 4][$skill3="peep()"]]</center>\n</div>\n<<else>>\n<div class="sk5choose skillpicked">\n<center><<print $allprog[4]>></center>\n</div>\n<<endif>>\n<<else>>\n<div class="sk5choose skillunknown">\n<center>???</center>\n</div>\n<<endif>>\n\n<div class="sk6choose skillunknown">\n<center>???</center>\n</div>\n<div class="sk7choose skillunknown">\n<center>???</center>\n</div>\n<div class="sk8choose skillunknown">\n<center>???</center>\n</div>\n\n\n</div>\n\n\n</div>\n<<endnobr>>
<<nobr>>\n/%%%%%set bg%%%%%%/\n<div class="circuitbg">\n\n/%%%%%dialog%%%%%%%/\n<div class="talkbox">\n<img src="http://i.imgur.com/1GnQsKT.png">\n<div class="talkwords">\n<<if $skill1 eq $allprog[0]>>\nWow, Spencer... I... I never thought you'd pick a program like that first. It's probably a cold day in hell! //Brrr.// Okay, that's one down, choose another!\n<<endif>>\n<<if $skill1 eq $allprog[1]>>\nMichief? That has your name //all// over it. Alright, you've got three more programs to load up. Get choosing!\n<<endif>>\n<<if $skill1 eq $allprog[2]>>\n... How did I know... Ugh, pick another one, Spence.\n<<endif>>\n<<if $skill1 eq $allprog[3]>>\nHuh, dagger's are a little subtle for you, aren't they, hon? Ah well, you've got three more to load. I bet one of them will have something to do with punching.\n<<endif>>\n<<if $skill1 eq $allprog[4]>>\nC-careful with that thing, Spence. I've never seen that one before.\n<<endif>>\n</div>\n</div>\n/%%%%%already chosen skills%%%%%/\n<div class="yourskill">\n<center> Your Loadout </center>\n<div class="sk1 alreadypicked">\n<center><<print $skill1>></center>\n</div>\n<div class="sk2 currentskillpick">\n<center>Loading...</center>\n</div>\n<div class="sk3 notcurrentskillpick">\n<center>Loading...</center>\n</div>\n<div class="sk4 notcurrentskillpick">\n<center>Loading...</center>\n</div>\n</div>\n/%%%%choice of skills%%%%%/\n<div class="skchoose">\n<center> Available Programs </center>\n<<if $skill1 neq "stealth.exe">>\n<div class="sk1choose skillknown">\n<center>[[<<print $allprog[0]>>|Tut Skill 3][$skill2="stealth.exe"]]</center>\n</div>\n<<else>>\n<div class="sk1choose skillpicked">\n<center><<print $allprog[0]>></center>\n</div>\n<<endif>>\n<<if $skill1 neq "teehee.exe">>\n<div class="sk2choose skillknown">\n<center>[[<<print $allprog[1]>>|Tut Skill 3][$skill2="teehee.exe"]]</center>\n</div>\n<<else>>\n<div class="sk2choose skillpicked">\n<center><<print $allprog[1]>></center>\n</div>\n<<endif>>\n<<if $skill1 neq "smash.exe">>\n<div class="sk3choose skillknown">\n<center>[[<<print $allprog[2]>>|Tut Skill 3][$skill2="smash.exe"]]</center>\n</div>\n<<else>>\n<div class="sk3choose skillpicked">\n<center><<print $allprog[2]>></center>\n</div>\n<<endif>>\n<<if $skill1 neq "dagger.exe">>\n<div class="sk4choose skillknown">\n<center>[[<<print $allprog[3]>>|Tut Skill 3][$skill2="dagger.exe"]]</center>\n</div>\n<<else>>\n<div class="sk4choose skillpicked">\n<center><<print $allprog[3]>></center>\n</div>\n<<endif>>\n<<if $proglearn.indexOf("peep()") >= 0>>\n<<if $skill1 neq "peep()">>\n<div class="sk5choose skillknown">\n<center>[[<<print $allprog[4]>>|Tut Skill 3][$skill2="peep()"]]</center>\n</div>\n<<else>>\n<div class="sk5choose skillpicked">\n<center><<print $allprog[4]>></center>\n</div>\n<<endif>>\n<<else>>\n<div class="sk5choose skillunknown">\n<center>???</center>\n</div>\n<<endif>>\n\n<div class="sk6choose skillunknown">\n<center>???</center>\n</div>\n<div class="sk7choose skillunknown">\n<center>???</center>\n</div>\n<div class="sk8choose skillunknown">\n<center>???</center>\n</div>\n\n\n</div>\n\n\n</div>\n<<endnobr>>
<<nobr>>\n/%%%%%set bg%%%%%%/\n<div class="circuitbg">\n\n/%%%%%dialog%%%%%%%/\n<div class="talkbox">\n<img src="http://i.imgur.com/1GnQsKT.png">\n<div class="talkwords">\nOkay, let's choose one of the programs above as the first to add to the loadout we're bringing on our test run.<br>\n</div>\n</div>\n/%%%%%already chosen skills%%%%%/\n<div class="yourskill">\n<center> Your Loadout </center>\n<div class="sk1 currentskillpick">\n<center>Loading...</center>\n</div>\n<div class="sk2 notcurrentskillpick">\n<center>Loading...</center>\n</div>\n<div class="sk3 notcurrentskillpick">\n<center>Loading...</center>\n</div>\n<div class="sk4 notcurrentskillpick">\n<center>Loading...</center>\n</div>\n</div>\n/%%%%choice of skills%%%%%/\n<div class="skchoose">\n<center> Available Programs </center>\n<div class="sk1choose skillknown">\n<center>[[<<print $allprog[0]>>|Tut Skill 2][$skill1="stealth.exe"]]</center>\n</div>\n<div class="sk2choose skillknown">\n<center>[[<<print $allprog[1]>>|Tut Skill 2][$skill1="teehee.exe"]]</center>\n</div>\n<div class="sk3choose skillknown">\n<center>[[<<print $allprog[2]>>|Tut Skill 2][$skill1="smash.exe"]]</center>\n</div>\n<div class="sk4choose skillknown">\n<center>[[<<print $allprog[3]>>|Tut Skill 2][$skill1="dagger.exe"]]</center>\n</div>\n<<if $proglearn.indexOf("peep()") >= 0>>\n<div class="sk5choose skillknown">\n<center>[[<<print $allprog[4]>>|Tut Skill 2][$skill1="peep()"]]</center>\n</div>\n<<else>>\n<div class="sk5choose skillunknown">\n<center>???</center>\n</div>\n<<endif>>\n<div class="sk6choose skillunknown">\n<center>???</center>\n</div>\n<div class="sk7choose skillunknown">\n<center>???</center>\n</div>\n<div class="sk8choose skillunknown">\n<center>???</center>\n</div>\n\n\n</div>\n\n\n</div>\n<<endnobr>>
<<nobr>>\n<<silently>>\n<<set $talknum = 1>>\n<<set $didtutorial = 1>>\n<<endsilently>>\n/%%%%%% background %%%%%%/\n<div class="circuitbg">\n/%%%%% character box %%%%/\n<div class="charbox">\n<img class="picleft" src="http://i.imgur.com/BIcxfEM.png">\n<img class="picright" src="http://i.imgur.com/7wN0UTS.png">\n</div>\n/%%%%%dialog box%%%%%%%%%/\n<img class="diagimg" src="http://i.imgur.com/mMt1vDF.png">\n/%%%% talk icon box %%%%%/\n<div class="iconbox">\n<img class="talkicon" src="http://i.imgur.com/1GnQsKT.png">\n</div>\n/%%%% dialog words %%%%%%/\n<div class="diagbox">\nAlright, I know we've gone through this more times than you can count, Spence, but I think we should start from the top.<br>\nWhen we make a netsprint against a hypercorp we first-<br>\n</div>\n/%%%% next button %%%%%%%/\n[[<img class="nextbutton" src="http://i.imgur.com/EfN9szg.png" alt="Next" width="50" height="50" onmouseover="this.src='http://i.imgur.com/HjkoGvT.png'" onmouseout="this.src='http://i.imgur.com/EfN9szg.png'"/>|Run Tut 2][$talknum = $talknum + 1]]\n<<endnobr>>
try { \n\nversion.extensions.whileMacros = {\n major: 1, minor: 0, revision: 0\n};\n\nmacros['while'] = { \n handler: function(place, macroName, params, parser) {\n var srcOffset = parser.source.indexOf(">>", parser.matchStart) + 2,\n src = parser.source.slice(srcOffset),\n endPos = -1,\n condition = parser.fullArgs().trim(),\n body = "",\n nestlevel = 0,\n i = 0;\n \n for (; i < src.length; i++) {\n if (src.substr(i, 8) == "<<while ") {\n nestlevel++;\n }\n if (src.substr(i, 12) == "<<endwhile>>") {\n nestlevel--;\n if (nestlevel < 0) {\n endPos = srcOffset + i + 12;\n break;\n }\n }\n body += src.charAt(i);\n }\n body = body.trim();\n\n if (endPos != -1) {\n parser.nextMatch = endPos;\n try {\n while (internalEval(condition)) {\n new Wikifier(place, body);\n }\n } catch (e) {\n throwError(place, "<<while>> bad condition: " + condition, parser.fullMatch());\n }\n } else {\n throwError(place, "I can't find a matching <<endwhile>>", parser.fullMatch());\n }\n },\n init: function() { }\n};\n\nmacros["endwhile"] = {\n handler: function () {}\n};\n\n} catch(e) { \n throwError(place,"Macro while Error: "+e.message); \n}
<<nobr>>\n/%%%%%% background %%%%%%/\n<div class="circuitbg">\n/%%%%% character box %%%%/\n<div class="charbox">\n<img class="picleft" src="http://i.imgur.com/BIcxfEM.png">\n<img class="picright" src="http://i.imgur.com/7wN0UTS.png">\n</div>\n/%%%%%dialog box%%%%%%%%%/\n<img class="diagimg" src="http://i.imgur.com/mMt1vDF.png">\n/%%%% talk icon box %%%%%/\n<div class="iconbox">\n<<if $talknum eq 2 or $talknum eq 5>>\n<img class="talkicon" src="http://i.imgur.com/lCFvqRJ.png">\n<<else>>\n<img class="talkicon" src="http://i.imgur.com/1GnQsKT.png">\n<<endif>>\n</div>\n/%%%%%dialog box%%%%%%%%%/\n<div class="diagbox">\n<<if $talknum eq 2>>\nFirst, we gotta prep our programs. <br>\n<<endif>>\n<<if $talknum eq 3>>\nRight! When we approach a server, sometimes it's guarded. We'll need to arm ourselves with executables and various macros to get around ciphers. Or //through// them if you're so inclined.<br>\nThis is the Prep Phase of a sprint.<br>\n<<endif>>\n<<if $talknum eq 4>>\nAfter arming ourselves to the teeth, we approach the hypercorp's server and prepare to encounter the cipher or whatever might be barring our entrance into the server. We may have to sneak past or punch our way through, hopefully wihout drawing too much attention.<br>\n<<endif>>\n<<if $talknum eq 5>>\nThat's the Encounter Phase.<br>\nAnd in the last step, we gain entrance to the company's servers and get to smash stuff up!<br>\n<<endif>>\n<<if $talknum eq 6>>\nWell, we don't //have// to smash stuff up. Once we're in, we can sift through the data, or access even deeper parts of the server. Heh, the Access Phase isn't just about burning the company to the ground, Spence.\n<<endif>>\n<<if $talknum eq 7>>\nI think that sums a run up...<br>\n[[<img src="http://i.imgur.com/rKzEzTn.png">|Learnpeep]][[Wanna give it a practice run? (Unfinished tutorial!)|Run Tut 2][$talknum = $talknum + 1]]<br>\n<img src="http://i.imgur.com/rKzEzTn.png">[[You seem to know the drill, we can get prepped for our run tonight.|Init Pick Sprint]]<br>\n<<endif>>\n<<if $talknum eq 8>>\n<<if $peeplearn eq 1>>\nWhoa... weird... *shakes head...<br> A-\n<<endif>>\nAlright, let's set up a mock-run. While I get the dummy cipher and server set up, let's get you started with setting up our programs.\n<<endif>>\n</div>\n/%%%% next button %%%%%%%/\n<<if $talknum neq 7 or $talknum neq 7>>\n[[<img class="nextbutton" src="http://i.imgur.com/EfN9szg.png" alt="Next" width="50" height="50" onmouseover="this.src='http://i.imgur.com/HjkoGvT.png'" onmouseout="this.src='http://i.imgur.com/EfN9szg.png'"/>|Run Tut 2][$talknum = $talknum + 1]]\n<<endif>>\n<<if $talknum eq 8>>\n[[<img class="nextbutton" src="http://i.imgur.com/EfN9szg.png" alt="Next" width="50" height="50" onmouseover="this.src='http://i.imgur.com/HjkoGvT.png'" onmouseout="this.src='http://i.imgur.com/EfN9szg.png'"/>|Tut Skill 1]]\n<<endif>>\n<<endnobr>>
<<nobr>>\n<<silently>>\n<<set $talknum = 1>>\n<<endsilently>>\n/%%%%%% background %%%%%%/\n<div class="circuitbg">\n/%%%%% character box %%%%/\n<div class="charbox">\n<img class="picleft" src="http://i.imgur.com/BIcxfEM.png">\n<img class="picright" src="http://i.imgur.com/7wN0UTS.png">\n</div>\n/%%%%%dialog box%%%%%%%%%/\n<img class="diagimg" src="http://i.imgur.com/mMt1vDF.png">\n/%%%% talk icon box %%%%%/\n<div class="iconbox">\n<img class="talkicon" src="http://i.imgur.com/1GnQsKT.png">\n</div>\n/%%%% dialog words %%%%%%/\n<div class="diagbox">\n<<if $spencernotlove eq 1>>\nI know I was a little harsh on you earlier, but...<br>\n<<endif>>\nAre you sure you're ready for this sprint?<br>\n</div>\n/%%%% next button %%%%%%%/\n[[<img class="nextbutton" src="http://i.imgur.com/EfN9szg.png" alt="Next" width="50" height="50" onmouseover="this.src='http://i.imgur.com/HjkoGvT.png'" onmouseout="this.src='http://i.imgur.com/EfN9szg.png'"/>|PSprint 1b][$talknum = $talknum + 1]]\n<<endnobr>>
@keyframes shakeit {\n 0% { transform: translate(2px, 1px) rotate(0deg); }\n\t10% { transform: translate(-1px, -2px) rotate(-1deg); }\n\t20% { transform: translate(-3px, 0px) rotate(1deg); }\n\t30% { transform: translate(0px, 2px) rotate(0deg); }\n\t40% { transform: translate(1px, -1px) rotate(1deg); }\n\t50% { transform: translate(-1px, 2px) rotate(-1deg); }\n\t60% { transform: translate(-3px, 1px) rotate(0deg); }\n\t70% { transform: translate(2px, 1px) rotate(-1deg); }\n\t80% { transform: translate(-1px, -1px) rotate(1deg); }\n\t90% { transform: translate(2px, 2px) rotate(0deg); }\n\t100% { transform: translate(1px, -2px) rotate(-1deg); }\n}\n\n@-o-keyframes shakeit {\n\t0% { -o-transform: translate(2px, 1px) rotate(0deg); }\n\t10% { -o-transform: translate(-1px, -2px) rotate(-1deg); }\n\t20% { -o-transform: translate(-3px, 0px) rotate(1deg); }\n\t30% { -o-transform: translate(0px, 2px) rotate(0deg); }\n\t40% { -o-transform: translate(1px, -1px) rotate(1deg); }\n\t50% { -o-transform: translate(-1px, 2px) rotate(-1deg); }\n\t60% { -o-transform: translate(-3px, 1px) rotate(0deg); }\n\t70% { -o-transform: translate(2px, 1px) rotate(-1deg); }\n\t80% { -o-transform: translate(-1px, -1px) rotate(1deg); }\n\t90% { -o-transform: translate(2px, 2px) rotate(0deg); }\n\t100% { -o-transform: translate(1px, -2px) rotate(-1deg); }\n}\n\n@-webkit-keyframes shakeit {\n\t0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }\n\t10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }\n\t20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }\n\t30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }\n\t40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }\n\t50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }\n\t60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }\n\t70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }\n\t80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }\n\t90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }\n\t100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }\n}\n\n@-moz-keyframes shakeit {\n\t0% { -moz-transform: translate(2px, 1px) rotate(0deg); }\n\t10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); }\n\t20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }\n\t30% { -moz-transform: translate(0px, 2px) rotate(0deg); }\n\t40% { -moz-transform: translate(1px, -1px) rotate(1deg); }\n\t50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); }\n\t60% { -moz-transform: translate(-3px, 1px) rotate(0deg); }\n\t70% { -moz-transform: translate(2px, 1px) rotate(-1deg); }\n\t80% { -moz-transform: translate(-1px, -1px) rotate(1deg); }\n\t90% { -moz-transform: translate(2px, 2px) rotate(0deg); }\n\t100% { -moz-transform: translate(1px, -2px) rotate(-1deg); }\n}\n\n.shake {\n\t-webkit-animation-name: shakeit;\n\t-webkit-animation-duration: 0.8s;\n\t-webkit-transform-origin:50% 50%;\n\t-webkit-animation-iteration-count: infinite;\n\t-webkit-animation-timing-function: linear;\n -moz-animation-name: shakeit;\n\t-moz-animation-duration: 0.8s;\n\t-moz-transform-origin:50% 50%;\n\t-moz-animation-iteration-count: infinite;\n\t-moz-animation-timing-function: linear;\n -o-animation-name: shakeit;\n\t-o-animation-duration: 0.8s;\n\t-o-transform-origin:50% 50%;\n\t-o-animation-iteration-count: infinite;\n\t-o-animation-timing-function: linear;\n animation-name: shakeit;\n\tanimation-duration: 0.8s;\n\ttransform-origin:50% 50%;\n\tanimation-iteration-count: infinite;\n\tanimation-timing-function: linear;\n}\n.shake{\n\tdisplay:inline-block\n}
<<nobr>>\n/%%%% initialize variables%%%%/\n\n/%%%starting page %%%%/\n<div class="staticstack">\n<img class="staticbg" src="http://i.imgur.com/CuNBDOc.gif" width="800" height="600"/>\n<div class="starttext">\n[[Chapter 1: Walk Before You Run|PSprint 1]]\n</div>\n</div>\n<<endnobr>>
Oldshep