<!--

<title>JavaScript Snake</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="manifest" href="manifest.json">

<link rel="icon" type="image/png" href="favicon-48-48.png">

<meta name="theme-color" content="#0000A8"/>

<link rel="stylesheet" id="style" type="text/css" href="css/main-snake.css" />

<button onclick=getTheme()>Click to use this theme.</button>

<select id="select">

<option>Dark Theme</option>

<option>Revert To Original</option>

</select>

<div id="mode-wrapper">Select which mode you would like to play in.

<br />

<button id="Easy">Easy</button>

<br />

<button id="Medium">Medium</button>

<br />

<button id="Difficult">Difficult</button>

</div>

<button id="high-score">Get your current high score for this game.</button>

<div id="game-area" tabindex="0">

</div>

<script>

function getTheme() {

function changeTheme(Theme) {

document.getElementById('style').setAttribute('href', Theme);

}

var index = document.getElementById("select").selectedIndex;

switch (index) {

case 0:

changeTheme('css/dark-snake.css');

break;

case 1: changeTheme('css/main-snake.css');

}

}

</script>

<script type="text/javascript" src="js/snake.js"></script>

<script type="text/javascript">

var mySnakeBoard = new SNAKE.Board({

boardContainer: "game-area",

fullScreen: true

});

if ('serviceWorker' in navigator) {

navigator.serviceWorker.register('/sw.js').then(function (registration) {

// Registration was successful

console.log('ServiceWorker registration successful with scope: ', registration.scope);

}).catch(function (err) {

// registration failed :(

console.log('ServiceWorker registration failed: ', err);

});

}

</script>

</html>