65 lines
1.3 KiB
HTML
65 lines
1.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
<html>
|
||
|
<head>
|
||
|
<meta charset="utf-8" >
|
||
|
<title>Game Board</title>
|
||
|
<link rel="stylesheet" href="style/gameboard.css">
|
||
|
</head>
|
||
|
|
||
|
<body>
|
||
|
<h1>Video Slide Puzzle v0.1</h1>
|
||
|
<div id="board">
|
||
|
<video id="video" src="video/plasmacropped.mp4" autoplay loop>
|
||
|
Video not working!
|
||
|
</video>
|
||
|
|
||
|
<table>
|
||
|
<tbody>
|
||
|
<tr>
|
||
|
<td></td>
|
||
|
<td></td>
|
||
|
<td></td>
|
||
|
<td></td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td></td>
|
||
|
<td></td>
|
||
|
<td></td>
|
||
|
<td></td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td></td>
|
||
|
<td></td>
|
||
|
<td></td>
|
||
|
<td></td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td></td>
|
||
|
<td></td>
|
||
|
<td></td>
|
||
|
<td class="empty"></td>
|
||
|
</tr>
|
||
|
|
||
|
</tbody>
|
||
|
</table>
|
||
|
</div>
|
||
|
|
||
|
<div id="controls">
|
||
|
04:56<br>
|
||
|
<button>Undo</button><br>
|
||
|
<button>New game</button><br>
|
||
|
<label for="videolist">Select background:</label>
|
||
|
<select name="videolist">
|
||
|
<option>Plasma lamp</option>
|
||
|
<option>Buffalo Dance</option>
|
||
|
<option>Viennese waltz</option>
|
||
|
<option>Bikini Atoll</option>
|
||
|
</select>
|
||
|
</div>
|
||
|
|
||
|
<p id="copyright">
|
||
|
Video cropped from <a href="https://commons.wikimedia.org/wiki/File:Plasmaballvid1.ogg">Plasmavid1.ogg</a> by <a href="https://commons.wikimedia.org/wiki/User:Geni">Geni</a> / <a href="http://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA</a>
|
||
|
</p>
|
||
|
</body>
|
||
|
</html>
|