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

@@ -4,4 +4,7 @@ subtitle: Anirudh Oppiliappan
 template: index.html
 ---
 
-анирудх
+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 static/style.css → static/style.css

@@ -30,18 +30,10 @@ font-family: "Charter", "Georgia", "Noto Serif", serif;
   font-size: 18px;
   padding: 0;
   line-height: 160%;
-
-
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  grid-column-gap: 1.9rem;
-  row-gap: 2rem;
 }
 
 main article, table {
   min-width: 0;
-  flex-basis: 80%;
 }
 
 main h1 {
@@ -80,8 +72,9 @@ table a {
   text-decoration: none;
 }
 
-table a:hover {
+a:hover {
   text-decoration: underline;
+  background: var(--light-gray);
 }
 
 body {
@@ -92,7 +85,7 @@ }
 
 main article img {
   max-width: 100%;
-  width: 100%;
+  width: 70%;
   display: block;
   margin: 0 0 15px 0;
 }
@@ -130,10 +123,7 @@ color: var(--dark);
 }
 
 .tagline {
-  font-size: 40px;
-  font-style: normal;
-  padding: 150px 0 150px 0;
-  text-align: center;
+  padding: 50px 0 50px 0;
 }
 
 pre {
@@ -205,15 +195,18 @@ /* side nav */
 nav ul {
   padding: 0;
   margin: 0;
-  list-style-type: none;
+  list-style: none;
+  padding-bottom: 20px;
+}
+
+nav ul li {
+  padding-right: 7px;
+  display: inline-block;
 }
 
-nav img {
+nav a img {
+  text-decoration: none;
+  background: none;
   height: 40px;
   width: 40px;
 }
-
-.sidenav {
-  flex-basis: 5%;
-  text-align: right;
-}

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

@@ -1,10 +1,8 @@ 
 <nav>
+  <a href="/" id="motif">
+    <img src="/static/white.svg">
+  </a>
   <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>