diary-website

commit 2a27d655d5881b94a12c6ae136002465fb8c4d47
parent f4582b2eb638696dcf4f1481e89c80eb436729e8
Author: Andreas Gruhler <agruhl@gmx.ch>
Date:   Sat,  8 Jan 2022 21:49:12 +0100

feat(navbar): hide text on small screens

Diffstat:
M
_includes/nav.html
 | 
10
+++++-----
M
assets/scss/_layout.scss
 | 
11
+++++++++++

2 files changed, 16 insertions(+), 5 deletions(-)
diff --git a/_includes/nav.html b/_includes/nav.html
@@ -3,11 +3,11 @@
   <div class="container">
     <h1 class="logo"><a href="{{ '/' | relative_url }}">{{ site.title_left }}<span>{{ site.title_right }}</span></a></h1>
     <ul class="navbar">
-      <li><a href="{{ '/man' | relative_url }}">man {% octicon file %}</a></li>
-      <li><a href="https://software.opensuse.org/download.html?project=home%3Ain0rdr&package=diary">pkg {% octicon package %}</a></li>
-      <li><a href="https://codeberg.org/in0rdr/diary">src {% octicon repo %}</a></li>
-      <li><a href="https://web.libera.chat/gamja/#diary">irc {% octicon comment-discussion %}</a></li>
-      <li><a href="https://cv.in0rdr.ch">about {% octicon person %}</a></li>
+      <li><a href="{{ '/man' | relative_url }}"><span>man </span>{% octicon file %}</a></li>
+      <li><a href="https://software.opensuse.org/download.html?project=home%3Ain0rdr&package=diary"><span>pkg </span>{% octicon package %}</a></li>
+      <li><a href="https://codeberg.org/in0rdr/diary"><span>src </span>{% octicon repo %}</a></li>
+      <li><a href="https://web.libera.chat/gamja/#diary"><span>irc </span>{% octicon comment-discussion %}</a></li>
+      <li><a href="https://cv.in0rdr.ch"><span>about </span>{% octicon person %}</a></li>
     </ul>
   </div>
 </nav>
diff --git a/assets/scss/_layout.scss b/assets/scss/_layout.scss
@@ -292,4 +292,15 @@ hr {
       color: $blue-color;
     }
   }
+
+  .navbar {
+    a span {
+      /* hide text on small screens, display only octicon */
+      display: none;
+    }
+  }
+}
+
+.liberapay-btn {
+  float: right;
 }