Lucas Kent e39465ad2f Changes to be committed:
new file:   Files/flashplayer_32_sa.exe
	new file:   favicon.ico
	new file:   globe.gif
	new file:   imgs/download.png
	new file:   imgs/zuck.jpg
	new file:   index.html
	new file:   other.ico
	new file:   script.js
	new file:   site.webmanifest
	new file:   sitemap.html
	new file:   styles/backround.css
	new file:   styles/border.css
	new file:   styles/fonts/Titillium_Web/OFL.txt
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Black.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Bold.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-BoldItalic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-ExtraLight.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-ExtraLightItalic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Italic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Light.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-LightItalic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Regular.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-SemiBoldItalic.ttf
	new file:   styles/fonts/webfontkit-20221027-163353/generator_config.txt
	new file:   styles/fonts/webfontkit-20221027-163353/specimen_files/grid_12-825-55-15.css
	new file:   styles/fonts/webfontkit-20221027-163353/specimen_files/specimen_stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-163353/stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-demo.html
	new file:   styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff
	new file:   styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff2
	new file:   styles/fonts/webfontkit-20221027-165950/generator_config.txt
	new file:   styles/fonts/webfontkit-20221027-165950/specimen_files/grid_12-825-55-15.css
	new file:   styles/fonts/webfontkit-20221027-165950/specimen_files/specimen_stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-165950/stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-demo.html
	new file:   styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff
	new file:   styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff2
	new file:   styles/style.css
	new file:   tools/2048/.gitignore
	new file:   tools/2048/.jshintrc
	new file:   tools/2048/CONTRIBUTING.md
	new file:   tools/2048/LICENSE.txt
	new file:   tools/2048/README.md
	new file:   tools/2048/Rakefile
	new file:   tools/2048/favicon.ico
	new file:   tools/2048/index.html
	new file:   tools/2048/js/animframe_polyfill.js
	new file:   tools/2048/js/application.js
	new file:   tools/2048/js/bind_polyfill.js
	new file:   tools/2048/js/classlist_polyfill.js
	new file:   tools/2048/js/game_manager.js
	new file:   tools/2048/js/grid.js
	new file:   tools/2048/js/html_actuator.js
	new file:   tools/2048/js/keyboard_input_manager.js
	new file:   tools/2048/js/local_storage_manager.js
	new file:   tools/2048/js/tile.js
    new file:   tools/2048/meta/apple-touch-icon.png
	new file:   tools/webretro/cores/neocd_libretro.js
	new file:   tools/webretro/cores/neocd_libretro.wasm
	new file:   tools/webretro/cores/nestopia_libretro.js
	new file:   tools/webretro/cores/nestopia_libretro.wasm
	new file:   tools/webretro/cores/o2em_libretro.js
	new file:   tools/webretro/cores/o2em_libretro.wasm
	new file:   tools/webretro/cores/opera_libretro.js
	new file:   tools/webretro/cores/opera_libretro.wasm
2022-11-02 08:40:01 -04:00

146 lines
20 KiB
HTML

<!DOCTYPE html>
<html>
<!-- Mirrored from www.mathsisfun.com/games/a/plumber2/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 01:09:17 GMT -->
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Piper</title>
<!-- <link href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet"> -->
<!-- <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css"> -->
<link rel="shortcut icon" href="http://www.derekshiller.com/piper/assets/favicon.ico" type="image/x-icon">
<link href="files/css.css" rel="stylesheet">
<script src="files/jquery.js"></script>
<link rel="stylesheet" href="files/main.css" media="screen" title="no title" charset="utf-8">
<script src="files/bundle.js"> </script>
</head>
<body>
<h3 id="gameTitle">
<span id="menuIndicator"> (menu) </span>
</h3>
<div id="canvasFrame">
<h3 id="countdown"> </h3>
<canvas id="boardCanvas" width="800px" height="400px"> </canvas>
<h2> Score: <span id="score">-</span> </h2>
<canvas id="1474.3055331817866" class="spaceCanvas" width="50px" height="50px" style="left: 0px; top: 0px;"></canvas><canvas id="266.0602127989686" class="spaceCanvas" width="50px" height="50px" style="left: 0px; top: 50px;"></canvas><canvas id="4588.714704306574" class="spaceCanvas" width="50px" height="50px" style="left: 0px; top: 100px;"></canvas><canvas id="4750.688291272539" class="spaceCanvas" width="50px" height="50px" style="left: 0px; top: 150px;"></canvas><canvas id="4024.1248927340857" class="spaceCanvas" width="50px" height="50px" style="left: 0px; top: 200px;"></canvas><canvas id="1263.002024793175" class="spaceCanvas" width="50px" height="50px" style="left: 0px; top: 250px;"></canvas><canvas id="9426.119957833265" class="spaceCanvas" width="50px" height="50px" style="left: 0px; top: 300px;"></canvas><canvas id="7830.833173158988" class="spaceCanvas" width="50px" height="50px" style="left: 0px; top: 350px;"></canvas><canvas id="6950.8459656172" class="spaceCanvas" width="50px" height="50px" style="left: 50px; top: 0px;"></canvas><canvas id="8422.555678049228" class="spaceCanvas" width="50px" height="50px" style="left: 50px; top: 50px;"></canvas><canvas id="2938.981525442359" class="spaceCanvas" width="50px" height="50px" style="left: 50px; top: 100px;"></canvas><canvas id="234.55026678710578" class="spaceCanvas" width="50px" height="50px" style="left: 50px; top: 150px;"></canvas><canvas id="9192.451716500047" class="spaceCanvas" width="50px" height="50px" style="left: 50px; top: 200px;"></canvas><canvas id="6198.276244697973" class="spaceCanvas" width="50px" height="50px" style="left: 50px; top: 250px;"></canvas><canvas id="183.71102698038322" class="spaceCanvas" width="50px" height="50px" style="left: 50px; top: 300px;"></canvas><canvas id="7822.751998321977" class="spaceCanvas" width="50px" height="50px" style="left: 50px; top: 350px;"></canvas><canvas id="4494.677125003127" class="spaceCanvas" width="50px" height="50px" style="left: 100px; top: 0px;"></canvas><canvas id="3879.24677683793" class="spaceCanvas" width="50px" height="50px" style="left: 100px; top: 50px;"></canvas><canvas id="7762.264890238209" class="spaceCanvas" width="50px" height="50px" style="left: 100px; top: 100px;"></canvas><canvas id="2057.543795157072" class="spaceCanvas" width="50px" height="50px" style="left: 100px; top: 150px;"></canvas><canvas id="6052.336590668521" class="spaceCanvas" width="50px" height="50px" style="left: 100px; top: 200px;"></canvas><canvas id="8808.619118621516" class="spaceCanvas" width="50px" height="50px" style="left: 100px; top: 250px;"></canvas><canvas id="972.5712694044907" class="spaceCanvas" width="50px" height="50px" style="left: 100px; top: 300px;"></canvas><canvas id="2508.3224317444597" class="spaceCanvas" width="50px" height="50px" style="left: 100px; top: 350px;"></canvas><canvas id="1159.9767148465212" class="spaceCanvas" width="50px" height="50px" style="left: 150px; top: 0px;"></canvas><canvas id="4131.025045669192" class="spaceCanvas" width="50px" height="50px" style="left: 150px; top: 50px;"></canvas><canvas id="4704.768017679342" class="spaceCanvas" width="50px" height="50px" style="left: 150px; top: 100px;"></canvas><canvas id="5171.089409247761" class="spaceCanvas" width="50px" height="50px" style="left: 150px; top: 150px;"></canvas><canvas id="7173.439889508676" class="spaceCanvas" width="50px" height="50px" style="left: 150px; top: 200px;"></canvas><canvas id="1418.3020322978957" class="spaceCanvas" width="50px" height="50px" style="left: 150px; top: 250px;"></canvas><canvas id="7142.286269971195" class="spaceCanvas" width="50px" height="50px" style="left: 150px; top: 300px;"></canvas><canvas id="5319.899181884008" class="spaceCanvas" width="50px" height="50px" style="left: 150px; top: 350px;"></canvas><canvas id="4408.485866638061" class="spaceCanvas" width="50px" height="50px" style="left: 200px; top: 0px;"></canvas><canvas id="7107.713495057569" class="spaceCanvas" width="50px" height="50px" style="left: 200px; top: 50px;"></canvas><canvas id="3457.6398775509597" class="spaceCanvas" width="50px" height="50px" style="left: 200px; top: 100px;"></canvas><canvas id="197.52185068860894" class="spaceCanvas" width="50px" height="50px" style="left: 200px; top: 150px;"></canvas><canvas id="7561.628365941709" class="spaceCanvas" width="50px" height="50px" style="left: 200px; top: 200px;"></canvas><canvas id="643.4281610451353" class="spaceCanvas" width="50px" height="50px" style="left: 200px; top: 250px;"></canvas><canvas id="8570.332497185313" class="spaceCanvas" width="50px" height="50px" style="left: 200px; top: 300px;"></canvas><canvas id="1751.9803029733828" class="spaceCanvas" width="50px" height="50px" style="left: 200px; top: 350px;"></canvas><canvas id="4943.454982064957" class="spaceCanvas" width="50px" height="50px" style="left: 250px; top: 0px;"></canvas><canvas id="9774.96857881561" class="spaceCanvas" width="50px" height="50px" style="left: 250px; top: 50px;"></canvas><canvas id="2830.3193941155614" class="spaceCanvas" width="50px" height="50px" style="left: 250px; top: 100px;"></canvas><canvas id="6655.939005950877" class="spaceCanvas" width="50px" height="50px" style="left: 250px; top: 150px;"></canvas><canvas id="2395.92594250994" class="spaceCanvas" width="50px" height="50px" style="left: 250px; top: 200px;"></canvas><canvas id="5427.1851722991" class="spaceCanvas" width="50px" height="50px" style="left: 250px; top: 250px;"></canvas><canvas id="4277.898397629441" class="spaceCanvas" width="50px" height="50px" style="left: 250px; top: 300px;"></canvas><canvas id="2321.9052206641522" class="spaceCanvas" width="50px" height="50px" style="left: 250px; top: 350px;"></canvas><canvas id="2104.429540303192" class="spaceCanvas" width="50px" height="50px" style="left: 300px; top: 0px;"></canvas><canvas id="5411.15009579993" class="spaceCanvas" width="50px" height="50px" style="left: 300px; top: 50px;"></canvas><canvas id="7661.625688255324" class="spaceCanvas" width="50px" height="50px" style="left: 300px; top: 100px;"></canvas><canvas id="452.3922069528241" class="spaceCanvas" width="50px" height="50px" style="left: 300px; top: 150px;"></canvas><canvas id="7168.765854284094" class="spaceCanvas" width="50px" height="50px" style="left: 300px; top: 200px;"></canvas><canvas id="61.71260337605511" class="spaceCanvas" width="50px" height="50px" style="left: 300px; top: 250px;"></canvas><canvas id="3644.6062143972413" class="spaceCanvas" width="50px" height="50px" style="left: 300px; top: 300px;"></canvas><canvas id="6242.015938603087" class="spaceCanvas" width="50px" height="50px" style="left: 300px; top: 350px;"></canvas><canvas id="1665.1099455697326" class="spaceCanvas" width="50px" height="50px" style="left: 350px; top: 0px;"></canvas><canvas id="2332.5143312933515" class="spaceCanvas" width="50px" height="50px" style="left: 350px; top: 50px;"></canvas><canvas id="5676.855992583194" class="spaceCanvas" width="50px" height="50px" style="left: 350px; top: 100px;"></canvas><canvas id="8648.733751107542" class="spaceCanvas" width="50px" height="50px" style="left: 350px; top: 150px;"></canvas><canvas id="2052.8437542039856" class="spaceCanvas" width="50px" height="50px" style="z-index: -1; left: 350px; top: 200px;"></canvas><canvas id="9304.165622866904" class="spaceCanvas" width="50px" height="50px" style="left: 350px; top: 250px;"></canvas><canvas id="7069.734013540986" class="spaceCanvas" width="50px" height="50px" style="left: 350px; top: 300px;"></canvas><canvas id="6523.3841817933235" class="spaceCanvas" width="50px" height="50px" style="left: 350px; top: 350px;"></canvas><canvas id="4262.439630086573" class="spaceCanvas" width="50px" height="50px" style="left: 400px; top: 0px;"></canvas><canvas id="6738.685533490074" class="spaceCanvas" width="50px" height="50px" style="left: 400px; top: 50px;"></canvas><canvas id="8669.141075041027" class="spaceCanvas" width="50px" height="50px" style="left: 400px; top: 100px;"></canvas><canvas id="984.0315813395872" class="spaceCanvas" width="50px" height="50px" style="left: 400px; top: 150px;"></canvas><canvas id="8725.3944682288" class="spaceCanvas" width="50px" height="50px" style="left: 400px; top: 200px;"></canvas><canvas id="4992.2176525645145" class="spaceCanvas" width="50px" height="50px" style="left: 400px; top: 250px;"></canvas><canvas id="9624.227901669854" class="spaceCanvas" width="50px" height="50px" style="left: 400px; top: 300px;"></canvas><canvas id="5767.047229065963" class="spaceCanvas" width="50px" height="50px" style="left: 400px; top: 350px;"></canvas><canvas id="8168.819887526997" class="spaceCanvas" width="50px" height="50px" style="left: 450px; top: 0px;"></canvas><canvas id="4730.655440637988" class="spaceCanvas" width="50px" height="50px" style="left: 450px; top: 50px;"></canvas><canvas id="1795.50350956166" class="spaceCanvas" width="50px" height="50px" style="left: 450px; top: 100px;"></canvas><canvas id="5707.238865820254" class="spaceCanvas" width="50px" height="50px" style="left: 450px; top: 150px;"></canvas><canvas id="7393.20609071921" class="spaceCanvas" width="50px" height="50px" style="left: 450px; top: 200px;"></canvas><canvas id="605.8061956655347" class="spaceCanvas" width="50px" height="50px" style="left: 450px; top: 250px;"></canvas><canvas id="8728.82538641071" class="spaceCanvas" width="50px" height="50px" style="left: 450px; top: 300px;"></canvas><canvas id="8040.67521963334" class="spaceCanvas" width="50px" height="50px" style="left: 450px; top: 350px;"></canvas><canvas id="9284.85244831187" class="spaceCanvas" width="50px" height="50px" style="left: 500px; top: 0px;"></canvas><canvas id="3725.984522819109" class="spaceCanvas" width="50px" height="50px" style="left: 500px; top: 50px;"></canvas><canvas id="9310.882718009823" class="spaceCanvas" width="50px" height="50px" style="left: 500px; top: 100px;"></canvas><canvas id="2729.2288354620196" class="spaceCanvas" width="50px" height="50px" style="left: 500px; top: 150px;"></canvas><canvas id="3179.3691767175023" class="spaceCanvas" width="50px" height="50px" style="left: 500px; top: 200px;"></canvas><canvas id="9473.183490014653" class="spaceCanvas" width="50px" height="50px" style="left: 500px; top: 250px;"></canvas><canvas id="4552.580038345724" class="spaceCanvas" width="50px" height="50px" style="left: 500px; top: 300px;"></canvas><canvas id="4680.598088940734" class="spaceCanvas" width="50px" height="50px" style="left: 500px; top: 350px;"></canvas><canvas id="794.582926381906" class="spaceCanvas" width="50px" height="50px" style="left: 550px; top: 0px;"></canvas><canvas id="8272.668881171645" class="spaceCanvas" width="50px" height="50px" style="left: 550px; top: 50px;"></canvas><canvas id="4287.990073176724" class="spaceCanvas" width="50px" height="50px" style="left: 550px; top: 100px;"></canvas><canvas id="7716.979799224818" class="spaceCanvas" width="50px" height="50px" style="left: 550px; top: 150px;"></canvas><canvas id="5771.754062072666" class="spaceCanvas" width="50px" height="50px" style="left: 550px; top: 200px;"></canvas><canvas id="251.68881209850835" class="spaceCanvas" width="50px" height="50px" style="left: 550px; top: 250px;"></canvas><canvas id="7261.861505396384" class="spaceCanvas" width="50px" height="50px" style="left: 550px; top: 300px;"></canvas><canvas id="7514.116950187266" class="spaceCanvas" width="50px" height="50px" style="left: 550px; top: 350px;"></canvas><canvas id="9509.909075667008" class="spaceCanvas" width="50px" height="50px" style="left: 600px; top: 0px;"></canvas><canvas id="5295.075697094878" class="spaceCanvas" width="50px" height="50px" style="left: 600px; top: 50px;"></canvas><canvas id="9218.155291320538" class="spaceCanvas" width="50px" height="50px" style="left: 600px; top: 100px;"></canvas><canvas id="635.6430615393039" class="spaceCanvas" width="50px" height="50px" style="left: 600px; top: 150px;"></canvas><canvas id="7342.096748091502" class="spaceCanvas" width="50px" height="50px" style="left: 600px; top: 200px;"></canvas><canvas id="3826.6757457888243" class="spaceCanvas" width="50px" height="50px" style="left: 600px; top: 250px;"></canvas><canvas id="9455.331813426259" class="spaceCanvas" width="50px" height="50px" style="left: 600px; top: 300px;"></canvas><canvas id="2645.2287761340863" class="spaceCanvas" width="50px" height="50px" style="left: 600px; top: 350px;"></canvas><canvas id="5426.9142190424545" class="spaceCanvas" width="50px" height="50px" style="left: 650px; top: 0px;"></canvas><canvas id="8409.427030488572" class="spaceCanvas" width="50px" height="50px" style="left: 650px; top: 50px;"></canvas><canvas id="6192.750838343135" class="spaceCanvas" width="50px" height="50px" style="left: 650px; top: 100px;"></canvas><canvas id="457.7787171614922" class="spaceCanvas" width="50px" height="50px" style="left: 650px; top: 150px;"></canvas><canvas id="9352.207180190679" class="spaceCanvas" width="50px" height="50px" style="left: 650px; top: 200px;"></canvas><canvas id="8849.309336405373" class="spaceCanvas" width="50px" height="50px" style="left: 650px; top: 250px;"></canvas><canvas id="2367.372853676385" class="spaceCanvas" width="50px" height="50px" style="left: 650px; top: 300px;"></canvas><canvas id="5582.569406070705" class="spaceCanvas" width="50px" height="50px" style="left: 650px; top: 350px;"></canvas><canvas id="3027.3334233893434" class="spaceCanvas" width="50px" height="50px" style="left: 700px; top: 0px;"></canvas><canvas id="6156.002905708097" class="spaceCanvas" width="50px" height="50px" style="left: 700px; top: 50px;"></canvas><canvas id="3144.7442847586826" class="spaceCanvas" width="50px" height="50px" style="left: 700px; top: 100px;"></canvas><canvas id="603.6976066812027" class="spaceCanvas" width="50px" height="50px" style="left: 700px; top: 150px;"></canvas><canvas id="1672.5884413924864" class="spaceCanvas" width="50px" height="50px" style="left: 700px; top: 200px;"></canvas><canvas id="4926.504869434855" class="spaceCanvas" width="50px" height="50px" style="left: 700px; top: 250px;"></canvas><canvas id="7769.609470435499" class="spaceCanvas" width="50px" height="50px" style="left: 700px; top: 300px;"></canvas><canvas id="6549.388841541407" class="spaceCanvas" width="50px" height="50px" style="left: 700px; top: 350px;"></canvas><canvas id="1740.5072507138964" class="spaceCanvas" width="50px" height="50px" style="left: 750px; top: 0px;"></canvas><canvas id="1406.6518659126525" class="spaceCanvas" width="50px" height="50px" style="left: 750px; top: 50px;"></canvas><canvas id="3891.3185876605603" class="spaceCanvas" width="50px" height="50px" style="left: 750px; top: 100px;"></canvas><canvas id="9100.216265966907" class="spaceCanvas" width="50px" height="50px" style="left: 750px; top: 150px;"></canvas><canvas id="9005.921333543632" class="spaceCanvas" width="50px" height="50px" style="left: 750px; top: 200px;"></canvas><canvas id="9385.50405204732" class="spaceCanvas" width="50px" height="50px" style="left: 750px; top: 250px;"></canvas><canvas id="7182.940648520019" class="spaceCanvas" width="50px" height="50px" style="left: 750px; top: 300px;"></canvas><canvas id="2829.465168555606" class="spaceCanvas" width="50px" height="50px" style="left: 750px; top: 350px;"></canvas></div>
<nav id="menu" class="modalPanel">
<h2 class="clickable"> Menu </h2>
<hr>
<ul>
<li class="newGame">New Game</li>
<li id="gameMode">
<span id="arcadeMode" class="selected">Arcade Mode</span> <br>
<span id="puzzleMode">Puzzle Mode</span> <br>
<span id="challengeMode">Challenge Mode</span>
</li>
<li id="instructions">Instructions</li>
<li id="highScores">High Scores</li>
</ul>
</nav>
<div id="instructionsPanel" class="modalPanel hidden">
<h2> Guide to Play </h2>
<hr>
<p> Piper is a puzzle game inspired by Pipe Dream.
The goal of the game is to connect the lefthand entry pipe to the righthand exit pipe by rotating and moving
the intermediary pipes.</p>
<img src="files/goals.png" class="right" alt="entryAndExitPipes">
<p> There is a time limit. After a set amount of time
(depending upon the game mode) green sludge will begin to be pumped
through the entry pipe.
If at any point there is no pipe in front of it, you lose! </p>
<p>
Any pipe may be rotated by clicking on it and dragging the
mouse. Clicking and dragging right or down will swing the pipe
clockwise.
Left or up will swing it counter-clockwise. </p>
<img src="files/mousemove.png" class="fullWidth" alt="mouseDemonstration">
<p>
Alternatively, any piece may be rotated clockwise 90 degrees with a single left or right. </p>
<p>
Additionally, any pipe adjacent to the empty space may be
swapped for the empty space with a left click.
This takes precedence over rotations on the left click.
Rotations next to the empty space require clicking and dragging.
</p>
<img src="files/emptyclick.png" class="fullWidth" alt="">
<p>
Note well, proper use of the empty space is integral to
getting a high score in this game.
You cannot cross over any pipe that has already been filled
with sludge. If your empty space gets stuck somewhere, your game may
become impossible to win.
</p><p> <img src="files/barriers.png" class="right" alt="" ;="">
When in puzzle mode, the sludge will move slower, so you will have more
time to plan your moves. However, you will also have to contend with
barriers.
Barriers cannot be moved, and if the sludge ever meets a
barrier, you will lose.</p>
<p> When in challenge mode, the sludge will move slightly
slower, but you will have two entry and exit pipes to connect. If two
streams meet each other, you will lose.
</p>
</div>
<div id="highScoresPanel" class="modalPanel hidden">
<h2> High Scores </h2>
<hr>
<li class="highscore">135 COB
</li><li class="highscore">127 COB
</li><li class="highscore">127 COB
</li><li class="highscore">125 COB
</li><li class="highscore">125 COB
</li><script type="text/javascript"> window.highScores = ["135 COB " , "127 COB " , "127 COB " , "125 COB " , "125 COB " ] </script> </div>
<div id="winPanel" class="modalPanel winloss hidden">
<h2>You won!</h2>
<br><br>
<p>
Nice Job.
</p>
<p>
Your score was: <span id="scoreReport"> </span> <br>
<br>
<span class="newGame clickable"> Play Again </span>
</p>
</div>
<div id="lossPanel" class="modalPanel winloss hidden">
<h2>You Lost!</h2>
<hr>
<br>
<p>
You were <span id="distanceReport"> </span> spaces away from the end. <br> <br>
</p>
<p>
<span class="newGame clickable"> Try Again </span>
</p>
</div>
<div id="newHighScorePanel" class="modalPanel hidden">
<h2> You got a high score! </h2>
<hr>
<form>
<label> Your Initials:
<input id="initials" name="initials" maxlength="3" placeholder="XYZ" type="text">
</label>
<br>
<input id="initialsSubmit" type="submit">
</form>
</div>
</body>
<!-- Mirrored from www.mathsisfun.com/games/a/plumber2/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 01:09:18 GMT -->
</html>