RunasSudo
/
virtual-metro
1
Fork 0
Code Issues Pull Requests Activity

Add bottom info bar

This commit is contained in:
RunasSudo 2019-01-11 13:25:25 +11:00
parent 66058888ba
commit 6804506e84
Signed by: RunasSudo
GPG Key ID: 7234E476BF21C61A
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
virtual_metro/templates/index.html
View File

@ -10,13 +10,20 @@
max-width: 100vw;
max-height: 100vh;
}
#topbar {
#topbar, #botbar {
position: absolute;
left: 0;
top: 0;
z-index: 999;
font-size: small;
}
#topbar {
left: 0;
top: 0;
}
#botbar {
right: 0;
bottom: 0;
text-align: right;
}
body, html {
color: #ccc;
background-color: black;
@ -31,6 +38,7 @@
</head>
<body>
<div id="topbar">Stop <span id="stopinfo">?</span> [<a href="stations">change</a>] Platform <span id="platinfo">?</span> [<a href="#" onclick="return changePlatform();">change</a>] Style <span id="styleinfo">?</span> [change: <a href="#" onclick="return changeStyle(1);">1</a>, <a href="#" onclick="return changeStyle(2);">2</a>]</div>
<div id="botbar">AGPLv3 · <a href="https://gitlab.com/RunasSudo/virtual-metro">Source Code</a></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/nunjucks/3.0.1/nunjucks.min.js"></script>
<script>
function getQueryVariable(variable, def) {
@ -115,7 +123,7 @@
svg_object.setAttribute("data", "static/template" + template_id + ".svg");
svg_object.setAttribute("type", "image/svg+xml");
svg_object.setAttribute("onload", "start();");
document.querySelector("body").appendChild(svg_object);
document.querySelector("body").insertBefore(svg_object, document.querySelector("#botbar"));
</script>
</body>
</html>