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

@@ -35,6 +35,7 @@
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
+  grid-column-gap: 1.9rem;
   row-gap: 2rem;
   width: 100%;
 }
@@ -44,10 +45,6 @@ flex-grow: 1;
   flex-basis: 85%;
 }
 
-.sidenav {
-  flex-basis: 15%;
-}
-
 main h1 {
   font-size: 25px;
   padding: 10px 0 10px 0;
@@ -55,13 +52,6 @@ }
 
 main h2, h3 {
   padding: 20px 0 15px 0;
-}
-
-.logo {
-  width: 75%;
-  margin: 50px auto 50px auto;
-  padding: 50px 0 20px 0;
-  display: block;
 }
 
 .footer img {
@@ -193,7 +183,6 @@ margin: 20px 0 20px 0;
 }
 
 footer {
-  margin: 20px 0 40px 10px;
   padding-top: 30px;
 }
 
@@ -219,3 +208,12 @@ margin: 0;
   list-style-type: none;
 }
 
+nav img {
+  height: 40px;
+  width: 40px;
+}
+
+.sidenav {
+  flex-basis: 10%;
+  text-align: right;
+}

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

@@ -1,8 +1,10 @@
-<a href=/>
-  <img src="/static/white.svg" alt="icyphox's avatar" height="40" width="40"/>
-</a>
 <nav>
   <ul>
+    <li>
+      <a href=/>
+        <img src="/static/white.svg" alt="icyphox's avatar">
+      </a>
+    </li>
     <li><a href="/blog">blog</a></li>
     <li><a href="/reading">reading</a></li>
     <li><a href="/about">about</a></li>