|
| 1 | +<!DOCTYPE html> |
| 2 | +<!--<html manifest="snake.appcache">--> |
| 3 | +<head> |
| 4 | +<!-- |
| 5 | +
|
| 6 | +JavaScript Snake |
| 7 | +By Patrick Gillespie |
| 8 | +http://patorjk.com/games/snake |
| 9 | +
|
| 10 | +Source code is available here: https://github.com/patorjk/JavaScript-Snake |
| 11 | +
|
| 12 | +--> |
| 13 | + <title>JavaScript Snake</title> |
| 14 | + <link rel=stylesheet id=style type=text/css href=./css/main-snake.css /> |
| 15 | + <button onclick=getTheme()>Click to use this theme.</button> |
| 16 | + <select id="select"> |
| 17 | + <option>Dark Theme</option> |
| 18 | + <option id="option">Revert To Original</option> |
| 19 | + </select> |
| 20 | +<script> |
| 21 | +function getTheme () { |
| 22 | + function changeTheme (Theme) { |
| 23 | + document.getElementById('style').setAttribute('href', Theme); |
| 24 | + } |
| 25 | + var index = document.getElementById("select").selectedIndex; |
| 26 | + switch (index) { |
| 27 | + case 0: |
| 28 | + changeTheme('css/dark-snake.css'); |
| 29 | + break; |
| 30 | + case 1: changeTheme('css/main-snake.css'); |
| 31 | + } |
| 32 | +} |
| 33 | +if (navigator.onLine && window.location.hostname === 'patorjk.com') { |
| 34 | + var _gaq = _gaq || []; |
| 35 | + _gaq.push(['_setAccount', 'UA-3312460-1']); |
| 36 | + _gaq.push(['_trackPageview']); |
| 37 | + |
| 38 | + (function() { |
| 39 | + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; |
| 40 | + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; |
| 41 | + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); |
| 42 | + })(); |
| 43 | +} |
| 44 | +</script> |
| 45 | +</head> |
| 46 | +<body> |
| 47 | + <div id="game-area" tabindex="0"> |
| 48 | + </div> |
| 49 | + <script type="text/javascript" src="./js/snake.js"></script> |
| 50 | + <script type="text/javascript"> |
| 51 | + var mySnakeBoard = new SNAKE.Board( { |
| 52 | + boardContainer: "game-area", |
| 53 | + fullScreen: true |
| 54 | + }); |
| 55 | + </script> |
| 56 | + <p class="high-score">High Score:</p><div id="score"></div> |
| 57 | + <div id="high-score-dialog"></div> |
| 58 | +</body> |
| 59 | +</html> |
0 commit comments