From 0de8fe808ef8a714a4d1defed21944866068ff59 Mon Sep 17 00:00:00 2001
From: Ahmed Abdelhalim <pm@a14m.dev>
Date: Tue, 3 Sep 2024 15:35:51 +0200
Subject: Modification to blog style and date formats

---
 assets/scss/web/_base.scss       |  8 ++------
 assets/scss/web/_blog.scss       | 38 ++++++++++++++++++++++++++++++++++----
 content/blog/multi-distro-usb.md |  2 +-
 layouts/blog/list.html           |  5 ++++-
 4 files changed, 41 insertions(+), 12 deletions(-)

diff --git a/assets/scss/web/_base.scss b/assets/scss/web/_base.scss
index 7283ef4..c6149a4 100644
--- a/assets/scss/web/_base.scss
+++ b/assets/scss/web/_base.scss
@@ -45,12 +45,8 @@ body {
 }
 
 main {
-  margin-left: 2cm;
-  margin-right: 2cm;
-  @media (max-width: 812px) and (orientation: landscape), (max-width: 375px) {
-    margin-left: 1cm;
-    margin-right: 1cm;
-  }
+  margin-left: 1cm;
+  margin-right: 1cm;
 }
 
 a {
diff --git a/assets/scss/web/_blog.scss b/assets/scss/web/_blog.scss
index 89ff691..0b98d8f 100644
--- a/assets/scss/web/_blog.scss
+++ b/assets/scss/web/_blog.scss
@@ -3,24 +3,54 @@
   font-weight: 900;
   margin-top: 1cm;
 }
-.blog__date {
-}
 
 .posts {
-  font-size: 1.2rem;
+  font-size: 1.1rem;
   list-style: none;
+  @media (max-width: 780px) {
+    font-size: 1rem;
+    padding-left: 0%;
+    margin-left: 0%;
+  }
+}
+
+.post {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .post__link {
 }
 
+.post__date {
+  font-weight: bold;
+  .post__date_short {
+    display: none;
+  }
+  .post__date_long {
+    display: inline;
+  }
+  @media (max-width: 780px) {
+    .post__date_short {
+      display: inline;
+    }
+    .post__date_long {
+      display: none;
+    }
+  }
+}
+
 .post__content {
   margin-bottom: 2cm;
   h1, h2, h3, h4, h5, h6 {
     margin-bottom: 0px;
   }
   h1 {
-    font-size: 2rem;
+    font-size: 1.6rem;
+  }
+  h2 {
+    font-size: 1.35rem;
   }
   blockquote {
     margin-left: 0;
diff --git a/content/blog/multi-distro-usb.md b/content/blog/multi-distro-usb.md
index 7b25019..58eb23a 100644
--- a/content/blog/multi-distro-usb.md
+++ b/content/blog/multi-distro-usb.md
@@ -20,7 +20,7 @@ Unless you are into [GRUB][8], and want to learn more about it and feel more com
 After spending days, looking into the grub configurations for running Rocky Linux and Proxmox (to no avail).
 I'm going to save you some deep rabbit hole dive.
 
-**Short answer**, if you will only work with images less than 4GB, then it *can* work, but
+**Short answer**, if you will only work with images less than 4GB, then it _can*_ work, but
 if you are going to work with bigger images that you need live (Parrot Security 6+GB) it won't work.
 
 **Long answer**, I didn't find a lot of info online on how to create a multi-partition multi-boot USB stick,
diff --git a/layouts/blog/list.html b/layouts/blog/list.html
index 1bdcfef..7f79249 100644
--- a/layouts/blog/list.html
+++ b/layouts/blog/list.html
@@ -7,7 +7,10 @@
     {{ $pages := .Pages }}
     {{ range $pages }}
     <li class="post">
-      <b>{{ .Date.Format "2006.01.02" }}</b>/
+      <time class="post__date">
+        <time class= "post__date_short">{{ .Date.Format "02.01.06" }}/</time>
+        <time class= "post__date_long">{{ .Date.Format "2006.01.02" }}/</time>
+      </time>
       <a class="post__link" href="{{ .RelPermalink }}">
         {{ .Title }}
       </a>
-- 
cgit v1.2.3