planet-wars/mapbuilder/index.html
2019-10-29 18:30:17 +01:00

48 lines
No EOL
1.2 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Planetwars Mapbuilder</title>
<!-- <link rel="stylesheet" type="text/css" href="./static/res/style.css"> -->
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
</head>
<body>
<div id="mySidepanel" class="sidepanel">
<a href="javascript:void(0)" class="closebtn" onclick="toggleNav()">&times;</a>
<div class="section">
<span class="title">Grid</span>
<div id="gridConfig">
</div>
<button class="btn" id="addbtn">&#43;</button>
</div>
</div>
<div id="canvasWrapper" class="wrapper">
<canvas id="canvas" class="canvas"></canvas>
</div>
<button id="openbtn" class="openbtn" onclick="toggleNav()">&#9776;</button>
</body>
<script>
var nav_open = false;
/* Set the width of the sidebar to 250px (show it) */
function toggleNav() {
if (nav_open) {
document.getElementById("mySidepanel").style.width = "0";
} else {
document.getElementById("mySidepanel").style.width = "350px";
}
nav_open = !nav_open;
}
</script>
<script src="dist/bundle.js"></script>
</html>