41 lines
1.1 KiB
HTML
41 lines
1.1 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()">×</a>
|
|
<a href="#">About</a>
|
|
<a href="#">Services</a>
|
|
<a href="#">Clients</a>
|
|
<a href="#">Contact</a>
|
|
</div>
|
|
|
|
<button class="openbtn" onclick="toggleNav()">☰</button>
|
|
<h2>Collapsed Sidepanel</h2>
|
|
<p>Content...</p>
|
|
</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 = "250px";
|
|
}
|
|
nav_open = !nav_open;
|
|
}
|
|
</script>
|
|
<script src="dist/bundle.js"></script>
|
|
|
|
</html> |