Responsive menu

This commit is contained in:
2018-01-07 23:05:51 +01:00
parent 602eabdb63
commit d31cc4d7c1
3 changed files with 54 additions and 10 deletions

View File

@@ -1,7 +1,18 @@
{{define "menu"}}
<div class="highlight_light border-top border-bottom menu">
<a href="/">Home</a> ~
<a href="/history">My&nbsp;Files</a> ~
<div id="navigation" class="highlight_light border-top border-bottom navigation">
<a href="/">Home</a>
<a href="/history">My&nbsp;Files</a>
<a href="/api">API&nbsp;Documentation</a>
<a href="javascript:void(0);" class="icon" onclick="expandNavigation()">&#9776;</a>
<script>
function expandNavigation() {
var x = document.getElementById("navigation");
if (!x.className.includes("responsive")) {
x.className += " responsive";
} else {
x.className = x.className.replace(" responsive", "");
}
}
</script>
</div>
{{end}}

View File

@@ -8,7 +8,6 @@
<link rel="stylesheet" href="/global.css"/>
<link rel="stylesheet" href="/res/style/viewer.css"/>
<link rel="stylesheet" href="/res/style/layout.css"/>
<link rel="stylesheet" href="/res/style/season.css"/>
<link rel="stylesheet" href="/res/style/paste.css"/>
<link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'/>
<link rel="shortcut icon" href="/res/img/tray32.png"/>