M layouts/partials/head.html → layouts/partials/head.html

@@ -26,7 +26,6 @@ {{ end }}
   <meta name="author" content="Prithu Goswami">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,700" rel="stylesheet">
-  <link href="https://fonts.googleapis.com/css?family=Inter:400,700,900" rel="stylesheet">
   <link rel="stylesheet" href="/css/main.css">
   <link rel="stylesheet" href="/css/blog.css">
   <link rel="icon" type="img/png" href="/img/favicon.png">

M static/css/blog.css → static/css/blog.css

@@ -1,3 +1,5 @@ 
+@import url('https://rsms.me/inter/inter.css');
+
 .bcontainer{
     margin-top: 2rem;
     display: flex;
@@ -76,32 +78,33 @@ .posts{
     font-family: Inter, sans-serif;
     list-style: none;
     margin-top: 1.5rem;
+    font-size: 1.18rem;
 }
 
 .posts > div:nth-child(odd){
-    background-color: #e6e6e6;
 }
 
 .post-item{
     display: flex;
+    flex-direction: row;
     justify-content: space-between;
-    padding: 0.5rem 1rem;
+    padding: 0.7rem 0rem;
 }
 
 .post-item > a {
     margin-right: 4rem;
     overflow: hidden;
+    font-weight: 500;
 }
 
 .post-item > .post-date{
     font-size: 1rem;
     line-height: 1.4;
     white-space: nowrap;
-    text-align: right;
+    color: rgba(0,0,0,0.7);
 }
 
 .post-text{
-    /* font-family: Roboto, Sans-serif; */
     font-family: Inter, sans-serif;
     font-size: 16px;
 }
@@ -178,8 +181,8 @@ max-width: 100%;
     background: #e6e6e6;
     padding: 1rem;
     margin: 0.5rem 0;
-    border: 1px solid rgba(0,0,0,0.1);
-    border-radius: 4px;
+    border: 1px solid rgba(0,0,0,0.15);
+    border-radius: 6px;
     font-size: 0.9rem;
     overflow-x: scroll;
 }
@@ -240,5 +243,21 @@ 
     .bcontainer {
         margin-top: 1rem;
     }
+
+    .post-item{
+        flex-direction: column-reverse;
+        padding: 0.7rem 1rem;
+    }
+
+    .post-item > a {
+        margin-right: 0rem;
+        overflow: hidden;
+        font-weight: 500;
+    }
+
+    .post-item > .post-date{
+        margin-bottom: 0.2rem;
+    }
+
 
 }

M static/css/main.css → static/css/main.css

@@ -1,3 +1,5 @@ 
+@import url('https://rsms.me/inter/inter.css');
+
 *,
 *::before,
 *::after {