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

Add bottom info bar

Browse Source
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-width: 100vw;
max-height: 100vh; max-height: 100vh;
} }
#topbar { #topbar, #botbar {
position: absolute; position: absolute;
left: 0;
top: 0;
z-index: 999; z-index: 999;
font-size: small; font-size: small;
} }
#topbar {
left: 0;
top: 0;
}
#botbar {
right: 0;
bottom: 0;
text-align: right;
}
body, html { body, html {
color: #ccc; color: #ccc;
background-color: black; background-color: black;
@ -31,6 +38,7 @@
</head> </head>
<body> <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="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 src="https://cdnjs.cloudflare.com/ajax/libs/nunjucks/3.0.1/nunjucks.min.js"></script>
<script> <script>
function getQueryVariable(variable, def) { function getQueryVariable(variable, def) {
@ -115,7 +123,7 @@
svg_object.setAttribute("data", "static/template" + template_id + ".svg"); svg_object.setAttribute("data", "static/template" + template_id + ".svg");
svg_object.setAttribute("type", "image/svg+xml"); svg_object.setAttribute("type", "image/svg+xml");
svg_object.setAttribute("onload", "start();"); svg_object.setAttribute("onload", "start();");
document.querySelector("body").appendChild(svg_object); document.querySelector("body").insertBefore(svg_object, document.querySelector("#botbar"));
</script> </script>
</body> </body>
</html> </html>