<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<!--
Slide game in Javascript v1.3, by Pegasus Epsilon <pegasus@pimpninjas.org>
(C)opyright 2007-2008 All rights reserved.
Version 1.0 finished and put online at 6:45am, Sep 20th 2007.
Version 1.1 11:11am, Sep 20th 2007
Hacked solvability question.
Version 1.2 11:30am, Sep 20th 2007
Fixed status bar bug.
Version 1.3 4:30am, May 27th 2008
Moved Javascript to external file for MSIE happiness. Moved this
section below <html> because MSIE complained. Still won't work
in MSIE unless served as text/html, violating standards.
Email me to request using this somewhere else.
Or just hire me.
-->
<head>
<title>Slide Game</title>
<style type="text/css">
html,body {
font-family: helvetica, arial, sans-serif;
font-size: 10px;
color: #888;
background: #000;
text-align: center;
}
a { text-decoration: none; color: #434; }
a:hover { color: #868; }
table { margin: auto; border: none; border-spacing: 0px; }
td { padding: 0; height: 133px; width: 133px; border: 2px outset; }
td.status { height: auto; padding: 0 13px; border: none; }
#moves { float: left; }
#timer { float: right; }
td.right { border: none; width: 37px; background: url('arrow.png'); }
td.down { border: none; height: 37px; background: url('arrow-down.png'); }
h1 { font-size: 10px; }
</style>
</head>
<body>
<table>
<tr>
<td class="box"></td>
<td class="box"></td>
<td class="box"></td>
<td class="right" onmouseup="click(0)"></td>
</tr>
<tr>
<td class="box"></td>
<td class="box"></td>
<td class="box"></td>
<td class="right" onmouseup="click(1)"></td>
</tr>
<tr>
<td class="box"></td>
<td class="box"></td>
<td class="box"></td>
<td class="right" onmouseup="click(2)"></td>
</tr>
<tr>
<td class="down" onmouseup="click(3)"></td>
<td class="status" colspan="3">
<span id="moves">0 moves</span>
<span id="timer">0.00 seconds</span>
</td>
</tr>
</table>
<h1>
Slide game in Javascript v1.3, by
<a href="mailto:pegasus@pimpninjas.org?Subject=Slide%20Game%20in%20Javascript">
Pegasus Epsilon
</a>
</h1>
<div>
<a href="http://validator.w3.org/check?uri=referer">
<img src="/images/validxhtml11.jpg" alt="Valid XHTML1.1" />
</a>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img src="/images/validcss.jpg" alt="Valid CSS1" />
</a>
</div>
<script type="text/javascript" src="slide.js"></script>
</body>
</html>