forward we go!

themes/basspistol2025/layouts/partials/body/navigation.html

@@ -1,18 +1,21 @@
 <style>
 nav {
+  padding: 20px;
   position: fixed;
-  bottom: 0;
-  left: 0;
+  bottom: 20px;
+  left: 20px;
+  right: 20px;
   z-index: 1000;
-  width: 100vw;
-  height: 100px;
-  background-color: rgba(128, 0, 128, .5);
+  color: orange;
+  background-color: rgba(0,0,0,0.5);
   -webkit-backdrop-filter: blur(20px);
   backdrop-filter: blur(20px);
-      color: orange;
+  transition: all unset;
+  border-radius: 5px;
   ul {
     display: flex;
     list-style-type: none;
+    height: 100px;
   }
   li > a {
         color: orange;
@@ -23,8 +26,17 @@ nav {
 
 <nav>
   <ul>
-    <li><a href="/2025/#peertube">Video</a></li>
-    <li><a href="/2025/#about">About</a></li>
+
+    <li>
+      <a href="/2025/#about">
+      {{ partial "svg/basspistol-logotype.svg" }}
+      </a>
+    </li>
+    <li>
+      <a href="/2025/#peertube">
+        {{ partial "svg/heart.svg" }}
+      </a>
+    </li>
     <li><a href="/2025/#radio">Radio</a></li>
     <li><a href="/2025/#discog">Discography</a></li>
   </ul>