diff options
| author | Samuel Johnson <[email protected]> | 2025-12-10 20:07:31 -0500 |
|---|---|---|
| committer | Samuel Johnson <[email protected]> | 2025-12-10 20:07:31 -0500 |
| commit | bc008f5a9c5a3b1e2967b8733a02781a681b65da (patch) | |
| tree | ea1662712a57247659153d9105cfe83f4696a523 /ui/html/base.tmpl.html | |
| parent | c9433d03e2f6c7779a1b3eacb2b8e45fc7be99b4 (diff) | |
Improve mobile UI styling
Diffstat (limited to 'ui/html/base.tmpl.html')
| -rw-r--r-- | ui/html/base.tmpl.html | 27 |
1 files changed, 20 insertions, 7 deletions
diff --git a/ui/html/base.tmpl.html b/ui/html/base.tmpl.html index 5d69616..5d9fd4a 100644 --- a/ui/html/base.tmpl.html +++ b/ui/html/base.tmpl.html @@ -12,18 +12,31 @@ <title>{{template "title" .}} - Paterissa</title> <link rel="icon" href="/static/get?file=favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="/static/get?file=app.css"> + <script> + function toggleDropdown() { + var nav = document.getElementById("nav") + if (nav.className === "") { + nav.className += "responsive"; + } else { + nav.className = ""; + } + } + </script> </head> <body> <img src="/static/get?file=images/bg.png" id="bg-image"> <div class="pane"> <header> - <h1><a href="https://paterissa.net">Paterissa</a></h1> - <nav> - <a href="https://git.paterissa.net" class="nav_tag">Git</a> - <a href="https://starless.paterissa.net" class="nav_tag">Starless</a> - <a href="https://charts.paterissa.net" class="nav_tag">Parliament Builder</a> - <a href="/feeds" class="nav_tag">Feeds</a> - </nav> + <div class="lead"> + <h1><a href="https://paterissa.net">Paterissa</a></h1> + <nav id="nav"> + <a href="https://git.paterissa.net" class="nav_tag">Git</a> + <a href="https://starless.paterissa.net" class="nav_tag">Starless</a> + <a href="https://charts.paterissa.net" class="nav_tag">Parliament Builder</a> + <a href="/feeds" class="nav_tag">Feeds</a> + </nav> + </div> + <a href="javascript:void(0);" class="icon" onclick="toggleDropdown()">☰</a> </header> <hr> <main class="inner_pane"> |