45 lines
1.2 KiB
HTML
45 lines
1.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" >
|
||
|
|
<title>Game Board</title>
|
||
|
|
<link rel="stylesheet" href="style/slidepuzzle.css">
|
||
|
|
<script src="js/SlidePuzzleStopwatch.js"></script>
|
||
|
|
<script src="js/SlidePuzzleModel.js"></script>
|
||
|
|
<script src="js/SlidePuzzleView.js"></script>
|
||
|
|
<script src="js/SlidePuzzleController.js"></script>
|
||
|
|
<script>
|
||
|
|
document.addEventListener('DOMContentLoaded', function() {
|
||
|
|
window.puzzleController = new SLIDE_PUZZLE.VideoController(4,4);
|
||
|
|
window.puzzleController.initView();
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<h1>Video Slide Puzzle v1.0</h1>
|
||
|
|
|
||
|
|
<div id="slidepuzzle-container">
|
||
|
|
<video id="slidepuzzle-video" autoplay loop>
|
||
|
|
Video not working! Blame Microsoft!
|
||
|
|
</video>
|
||
|
|
|
||
|
|
<table id="slidepuzzle-board"></table>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="slidepuzzle-controls">
|
||
|
|
<p>Elapsed time: <span id="slidepuzzle-timer">0</span></p>
|
||
|
|
<p>
|
||
|
|
<button id="slidepuzzle-undo">Undo</button>
|
||
|
|
<button id="slidepuzzle-newgame">New game</button>
|
||
|
|
</p>
|
||
|
|
<label for="videolist">Select background:</label>
|
||
|
|
<select name="videolist" id='slidepuzzle-videolist'>
|
||
|
|
</select><br>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<p id="slidepuzzle-copyright"></p>
|
||
|
|
<p id="cell-coords"></p>
|
||
|
|
</body>
|
||
|
|
</html>
|