M pages/_index.md → pages/_index.md

@@ -8,3 +8,4 @@ I'm [@icyphox](/about), and I work as a Site Reliability Engineer at
 [DeepSource](https://deepsource.io). I like talking about security,
 fitness and motorsport. I'm currently building
 [forlater.email](https://forlater.email).
+

M pages/blog/_index.md → pages/blog/_index.md

@@ -1,5 +1,5 @@ 
 ---
 template: blog.html
-title: icyphox's blog
+title: blog
 subtitle: Computers, security & computer security.
 ---

M static/style.css → static/style.css

@@ -45,6 +45,21 @@ main h2, h3 {
   padding: 20px 0 15px 0;
 }
 
+.logo img {
+  height: 40px;
+  vertical-align: middle;
+  transform: translateY(-5%);
+}
+
+.logo  {
+  text-decoration: none;
+  background: unset !important;
+}
+
+.footer a {
+  all: unset !important;
+}
+
 .footer img {
   max-height: 2.5rem;
   max-width: 2.5rem;
@@ -191,7 +206,6 @@ padding-left: 20px;
   border-left: 3px solid var(--gray);
 }
 
-/* side nav */
 nav ul {
   padding: 0;
   margin: 0;
@@ -200,13 +214,12 @@ padding-bottom: 20px;
 }
 
 nav ul li {
-  padding-right: 7px;
+  padding-right: 10px;
   display: inline-block;
 }
 
-nav a img {
-  text-decoration: none;
-  background: none;
-  height: 40px;
-  width: 40px;
+@media (max-width: 385px) {
+  nav ul li {
+    display: block;
+  }
 }

M templates/nav.html → templates/nav.html

@@ -1,13 +1,10 @@ 
 <nav>
-  <a href="/" id="motif">
-    <img src="/static/white.svg">
-  </a>
   <ul>
+    <li><a href="/" class="logo"><img src=/static/white.svg></a><li>
     <li><a href="/blog">blog</a></li>
     <li><a href="/reading">reading</a></li>
-    <li><a href="/about">about</a></li>
     <li><a href="/uses">uses</a></li>
     <li><a href="/friends">friends</a></li>
+    <li><a href="/about">about</a></li>
   </ul>
 </nav>
-