<?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">
<!--
Tile game in Javascript v1.5, by Pegasus Epsilon <pegasus@pimpninjas.org>
(C)opyright 2007-2008 All rights reserved.
Version 1.0 finished and put online at 8am, Sep 17th 2007.
Version 1.2 3pm, Sep 17th 2007
Version 1.3 12pm, Sep 19th 2007
Fixed Firefox innerText bug.
Version 1.4 11:30pm, Sep 20th 200
Fixed status bar bug.
Version 1.5 4:30am, May 27th 2007
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>Tile 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: 2px inset; border-spacing: 0px; }
td { padding: 0; height: 133px; width: 133px; border: 2px outset; }
td.status { height: auto; padding: 0 4px; }
#moves { float: left; }
#timer { float: right; }
td#blank { padding: 0; border: 2px inset; }
h1 { font-size: 10px; }
</style>
</head>
<body>
<table>
<tr>
<td class="box" onclick="click(0)"></td>
<td class="box" onclick="click(1)"></td>
<td class="box" onclick="click(2)"></td>
</tr>
<tr>
<td class="box" onclick="click(3)"></td>
<td class="box" onclick="click(4)"></td>
<td class="box" onclick="click(5)"></td>
</tr>
<tr>
<td class="box" onclick="click(6)"></td>
<td class="box" onclick="click(7)"></td>
<td class="box" onclick="click(8)"></td>
</tr>
<tr>
<td class="status" colspan="3">
<span id="moves">0 moves</span>
<span id="timer">0.00 seconds</span>
</td>
</tr>
</table>
<h1>
Tile game in Javascript v1.5, by
<a href="mailto:pegasus@pimpninjas.org?Subject=Tile%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="tilegame.js"></script>
</body>
</html>