Update styling

1 files changed, 17 insertions, 9 deletions

diff --git a/index.njk b/index.njk
index 4f91eb2..de2d1d6 100644
--- a/index.njk
+++ b/index.njk
@@ -8,12 +8,12 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="stylesheet" href="css/main.css" />
-    <title>߸</title>
+    <title>߸ mccd</title>
 </head>
 
-<div  style="display: flex; flex-direction: column;" class="">
-  <h2 class="code side-margin" style="color: black; margin-bottom: 6px;font-weight: 700">mccd ߸</h2>
-  <div class="side-margin code" style="font-size: 12px; margin-bottom: 6px; line-height:1.3; ">
+<div style="display: flex; flex-direction: column;" class="intro">
+  <a href="/" class="code side-margin" style="color: black; margin-bottom: 0px;font-weight: 700; margin-top: 5px; font-size: 14px">mccd</a>
+  <div class="side-margin code" style="font-size: 12px; margin-bottom: 0px; line-height:1.3; ">
     <p style="margin:0">pub&ensp;&ensp;&ensp;rsa4096 2023-09-22 [SC]</p>
     <div style="display: flex; gap: 8px;">
       <a style="color:grey" href="/assets/public-key.asc" style="margin:0; ">2F30</a>
@@ -29,16 +29,24 @@
     </div>
     <p style="margin:0">uid &ensp; &ensp; &ensp; &ensp; &ensp; &ensp; &ensp;Marc &ensp;Coquand &ensp;&lt;<a style="color:grey" href="mailto:marc@mccd.space">marc@mccd.space</a>&gt;</p>
   </div>
-  <div class="front-text side-margin" style="display: flex; margin-bottom: 24px; align-items: center; font-size: 12px;">
+  <div class="front-text side-margin" style="display: flex; margin-bottom: 16px; align-items: center; font-size: 12px;">
     <a class="link" style="margin-right: 0.5rem;" href="https://fosstodon.org/@marcc">mastodon</a>
     <a class="link" style="margin-right: 0.5rem;" href="/feed.xml">rss</a>
     <a class="link" style="margin-right: 0.5rem;" href="https://git.mccd.space">git</a>
   </div>
+    <div class="posts code" style="display: flex; align-items: center; ">
+      <div style="margin-left: 1rem; display: inline-block; width: 4rem; margin-right: 0.8rem; align-items: center; font-weight: 700; color: black; font-size: 12px">
+        Date
+      </div>
+      <div style="display: flex; font-weight: 700; color: black; font-size: 12px">
+        Entry
+      </div>
+    </div>
     {% for post in collections.post | reverse %}
-    <div class="side-margin">
-      <div style="display: flex; align-items: center; ">
-        <p class="code date" style="margin-right: 0.8rem; font-size: 14px; margin-top: 6px; margin-bottom: 0px">{{post.date.toLocaleDateString("en-GB").replaceAll("/","-")}}</p>
-        <a style="display: flex; font-size: 14px" class="link front-text" href="{{ post.url | url }}">{{post.data.title}}</a>
+    <div class="posts">
+      <div style="margin-left: 1rem; display: flex; ">
+        <p class="code date" style="display: inline-block; width: 4rem; margin-right: 0.8rem; font-size: 12px; margin-top: 4px; align-items: center; margin-bottom: 0px">{{post.date.toLocaleDateString("en-GB").replaceAll("/","-")}}</p>
+        <a style="font-size: 12px; align-items: end; display:flex" class="link front-text" href="{{ post.url | url }}">{{post.data.title}}</a>
       </div>
     </div>
     {% endfor %}