diff options
| author | Matthias Andreas Benkard <code@mail.matthias.benkard.de> | 2020-12-16 13:26:38 +0100 |
|---|---|---|
| committer | Matthias Andreas Benkard <code@mail.matthias.benkard.de> | 2020-12-16 13:26:38 +0100 |
| commit | 533e6d4ca0764c3d74329cbe8c470957a51a278b (patch) | |
| tree | 5caa35dc684bcd932a3880e0d151940dbf304391 /src/main/resources/templates/tags | |
| parent | 8f4c40796afa355af17130f4813be337916d0d6f (diff) | |
Make navigation in portrait mode more compact.
- Moves secondary navigation items to the footer.
- Reduces primary navigation items to two lines.
Change-Id: Id104bb051c48bcd1f8ff97b0ecd3e198a7531cd1
Diffstat (limited to 'src/main/resources/templates/tags')
| -rw-r--r-- | src/main/resources/templates/tags/footer.html | 5 | ||||
| -rw-r--r-- | src/main/resources/templates/tags/navbar.html | 16 |
2 files changed, 15 insertions, 6 deletions
diff --git a/src/main/resources/templates/tags/footer.html b/src/main/resources/templates/tags/footer.html new file mode 100644 index 0000000..f185f1b --- /dev/null +++ b/src/main/resources/templates/tags/footer.html @@ -0,0 +1,5 @@ +<ul class="footer-nav"> + <li><a href="/newsletter">Newsletter</a></li> + <li><a href="/privacy">Privacy</a></li> + <li><a href="/about">Contact</a></li> +</ul> diff --git a/src/main/resources/templates/tags/navbar.html b/src/main/resources/templates/tags/navbar.html index d79a952..565675e 100644 --- a/src/main/resources/templates/tags/navbar.html +++ b/src/main/resources/templates/tags/navbar.html @@ -1,18 +1,22 @@ {@java.lang.String siteSection} <ol> - <li class='{#if siteSection == "All Posts"}this-page{/}' data-site-section="All Posts"><a href="/posts">All Posts</a></li> - <li class='{#if siteSection == "Bookmarks"}this-page{/} indented' data-site-section="Bookmarks"><a href="/bookmarks">Bookmarks</a></li> - <li class='{#if siteSection == "Lazy Chat"}this-page{/} indented' data-site-section="Lazy Chat"><a href="/lazychat">Lazy Chat</a></li> + <li class='{#if siteSection == "All Posts"}this-page{/} submenu' data-site-section="All Posts"> + <a href="/posts">Posts</a> + <ol class="submenu"> + <li class='{#if siteSection == "Bookmarks"}this-page{/}' data-site-section="Bookmarks"><a href="/bookmarks">Bookmarks</a></li> + <li class='{#if siteSection == "Lazy Chat"}this-page{/}' data-site-section="Lazy Chat"><a href="/lazychat">Lazy Chat</a></li> + </ol> + </li> {#if inject:LoginStatus.loggedIn} <li class='{#if siteSection == "Wiki"}this-page{/}' data-site-section="Wiki"><a href="/wiki/Home">Wiki</a></li> {/if} - <li class='{#if siteSection == "Newsletter"}this-page{/}' data-site-section="Newsletter"><a href="/newsletter">Newsletter</a></li> + <li class='{#if siteSection == "Newsletter"}this-page{/} landscape-only' data-site-section="Newsletter"><a href="/newsletter">Newsletter</a></li> - <li class='{#if siteSection == "About"}this-page{/}' data-site-section="About"><a href="/about">Contact Info</a></li> - <li class='{#if siteSection == "Privacy"}this-page{/}' data-site-section="Privacy"><a href="/privacy">Privacy Policy</a></li> + <li class='{#if siteSection == "About"}this-page{/} landscape-only' data-site-section="About"><a href="/about">Contact Info</a></li> + <li class='{#if siteSection == "Privacy"}this-page{/} landscape-only' data-site-section="Privacy"><a href="/privacy">Privacy Policy</a></li> {#if inject:LoginStatus.loggedIn} <li class='{#if siteSection == "Login"}this-page{/} login-box logged-in' data-site-section="Login"> |