From a635e4c3029651ee02a2c4d22f19ab3127b5ca20 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Thu, 15 Jul 2021 18:19:01 +0500
Subject: [PATCH] add post date to blog listing

---
 themes/coopcloud.tech/assets/scss/main.scss   | 39 +++++++++++--------
 .../coopcloud.tech/layouts/_default/list.html |  1 +
 2 files changed, 24 insertions(+), 16 deletions(-)

diff --git a/themes/coopcloud.tech/assets/scss/main.scss b/themes/coopcloud.tech/assets/scss/main.scss
index 67f7d00..d063225 100644
--- a/themes/coopcloud.tech/assets/scss/main.scss
+++ b/themes/coopcloud.tech/assets/scss/main.scss
@@ -199,23 +199,30 @@ footer .separator {
 .blog-archive {
     padding: 3rem 3rem;
     @media (max-width: 450px) { padding: 3rem 1rem; }
-    h3 {
-        padding-bottom: 1em;
-        text-transform: uppercase;
-        a:hover { text-decoration: underline; }
-    }
-}
 
-.blog-listing {
-    display: grid;
-    grid-template-columns: 1fr 2fr;
-    @media (max-width: 768px) { grid-template-columns: 1fr; }
-    gap: 2rem;
-    .text {
-        p {
-            font-weight: 300;
-            font-size: 1.5rem;
-            margin-bottom: 1.5rem;
+    .blog-listing {
+        display: grid;
+        grid-template-columns: 1fr 2fr;
+        @media (max-width: 768px) { grid-template-columns: 1fr; }
+        gap: 2rem;
+        
+        .text {
+            h3 {
+                padding-bottom: 5px;
+                @media (max-width: 480px) { padding-bottom: 11px; }
+                text-transform: uppercase;
+                a:hover { text-decoration: underline; }
+            }
+    
+            .post-date {
+                text-transform: uppercase;
+            }
+    
+            p {
+                font-weight: 300;
+                font-size: 1.5rem;
+                margin-bottom: 1.5rem;
+            }
         }
     }
 }
diff --git a/themes/coopcloud.tech/layouts/_default/list.html b/themes/coopcloud.tech/layouts/_default/list.html
index 42bbdc9..a65a212 100644
--- a/themes/coopcloud.tech/layouts/_default/list.html
+++ b/themes/coopcloud.tech/layouts/_default/list.html
@@ -7,6 +7,7 @@
                 <a href="{{ .RelPermalink }}"><img src="{{ with .Params.image }}{{ . }}{{ end }}" alt=""></a>
                 <div class="text">
                     <h3><a class="title" href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
+                    <small class="post-date">{{ .PublishDate.Format "January 2, 2006" }}</small>
                     <p class="summary block has-text-weight-light is-size-4">
                         {{ .Summary }}
                     </p>