From ff7f530b30ec30e9f9bd415eeb72b67b15f6fe32 Mon Sep 17 00:00:00 2001
From: Veivel <25278964+Veivel@users.noreply.github.com>
Date: Wed, 24 Jul 2024 22:46:37 +0700
Subject: [PATCH] feat: add thumbnails, edit home page layout

---
 scaffolds/post.md                             |  3 +-
 source/_posts/Marinating-Thoughts.md          |  1 +
 source/_posts/Passing-of-Time.md              |  1 +
 source/_posts/Time-Travel.md                  |  1 +
 source/_posts/business-as-proxy.md            |  1 +
 themes/delicate/layout/index.ejs              | 33 ++++++++-----------
 .../delicate/source/styles/index/index.styl   | 16 ++++++---
 7 files changed, 32 insertions(+), 24 deletions(-)

diff --git a/scaffolds/post.md b/scaffolds/post.md
index 1f9b9a4..6882942 100644
--- a/scaffolds/post.md
+++ b/scaffolds/post.md
@@ -1,5 +1,6 @@
 ---
 title: {{ title }}
 date: {{ date }}
-tags:
+categories:
+thumbnail: /assets/thumbnails/default.jpg
 ---
diff --git a/source/_posts/Marinating-Thoughts.md b/source/_posts/Marinating-Thoughts.md
index 8a23f42..f388751 100644
--- a/source/_posts/Marinating-Thoughts.md
+++ b/source/_posts/Marinating-Thoughts.md
@@ -3,6 +3,7 @@ title: Marinating Thoughts
 date: 2023-09-03 21:08:26
 tags:
 categories: philosophy
+thumbnail: /assets/thumbnails/boil.jpg
 ---
 
 I think it's important to have marinating thoughts. I'm not sure if that's an existing term, so to define it: "marinating thoughts" are thoughts of your mind that occur when you dedicate time to let yourself sit down quietly and allow your mind... to marinate. No phones, no gadgets, no music, no socializing, nothing – just you and your thoughts.
diff --git a/source/_posts/Passing-of-Time.md b/source/_posts/Passing-of-Time.md
index edc4a86..2a72e6f 100644
--- a/source/_posts/Passing-of-Time.md
+++ b/source/_posts/Passing-of-Time.md
@@ -4,6 +4,7 @@ date: 2024-07-03 21:11:58
 tags:
 categories: philosophy
 published: true
+thumbnail: /assets/thumbnails/hourglass.jpg
 ---
 
 ### As long as there is love, there will be grief.
diff --git a/source/_posts/Time-Travel.md b/source/_posts/Time-Travel.md
index 384c50c..b037846 100644
--- a/source/_posts/Time-Travel.md
+++ b/source/_posts/Time-Travel.md
@@ -3,6 +3,7 @@ title: Time Travel
 date: 2023-07-30 18:38
 tags:
 categories: philosophy
+thumbnail: /assets/thumbnails/timetravel.jpg
 ---
 
 If future me walked through a portal and told me, "You can travel to the past ONCE, Veivel, to any point of your choosing in your past, to change the past and consequently your life," I'd shoot him in the head. Metaphorically. Unless I had a gun, in which case, literally.
diff --git a/source/_posts/business-as-proxy.md b/source/_posts/business-as-proxy.md
index 43b340e..a7c0645 100644
--- a/source/_posts/business-as-proxy.md
+++ b/source/_posts/business-as-proxy.md
@@ -2,6 +2,7 @@
 title: Busyness as Proxy for Productivity
 date: 2023-07-11 16:53:00
 tags: philosophy
+thumbnail: /assets/thumbnails/work.jpg
 ---
 > “Busyness as Proxy for Productivity: In the absence of clear indicators of what it means to be productive and valuable in their jobs, many knowledge workers turn back toward an industrial indicator of productivity: doing lots of stuff in a visible manner.” – Cal Newport, author of Deep Work
 
diff --git a/themes/delicate/layout/index.ejs b/themes/delicate/layout/index.ejs
index 3764202..3de7f75 100644
--- a/themes/delicate/layout/index.ejs
+++ b/themes/delicate/layout/index.ejs
@@ -12,48 +12,43 @@
         <% } %>
     </nav>
 </header>
-<div class="head-img">
+<!-- <div class="head-img">
     <%- image_tag('imgs/beach.jpg') %>
-</div>
+</div> -->
 <article class="index-article">
+    <!-- <h1>Articles</h1> -->
+     <hr/>
     <div class="article-list">
         <% for (idx in page.posts.data) { %>
             <% let post = page.posts.data[idx] %>
             <% if(idx > 0) { %>
-                <hr>
+                <!-- <hr> -->
             <% } %>
             <div class="article-item"> 
                 <div class="article-item-title">
-                    <h1>
+                    <h2>
                         <a href="<%- url_for(post.path) %>">
                             <%= post.title %>
                         </a>
-                    </h1>
-                    <div class="info">
-                        <% if (post.author) { %>
-                            <span>
-                                <%= post.author %> | 
-                            </span>
-                        <% } %>
+                    </h2>
+                    <p class="date">
                         <% if (post.date) { %>
-                            <span>
-                                <%= post.date.format("YYYY/MM/DD") %>
-                            </span>
+                            <%= post.date.format("YYYY/MM/DD") %>
                         <% } %>
-                    </div>
+                    </p>
                 </div>
-                <div class="article-item-excerpt article">
+                <!-- <div class="article-item-excerpt article">
                     <div>
                         <%- post.excerpt || post.content %>
                     </div>
-                </div>
+                </div> -->
             </div>
 
-            <div style="text-align: right;">
+            <!-- <div style="text-align: right;">
                 <button type="button" class="read-more">
                     <a href="<%- url_for(post.path) %>">Link to Article</a>
                 </button>
-            </div>
+            </div> -->
         <% } %>
     </div>
 
diff --git a/themes/delicate/source/styles/index/index.styl b/themes/delicate/source/styles/index/index.styl
index 8aa8eb9..d970f6b 100644
--- a/themes/delicate/source/styles/index/index.styl
+++ b/themes/delicate/source/styles/index/index.styl
@@ -55,16 +55,24 @@ nav
 
 .article-list
     .article-item
-        margin 40px 0
+        // margin 40px 0
         .article-item-title
-            margin: 0.2em 0
+            display flex
+            flex-direction row
+            // margin: 0.2em 0
+            width 100%
         h1
             margin 0
             font-weight 600
             font-size 2em
             text-align center
-        .info
-            text-align center
+            width fit
+        h2
+            font-size 1em
+            font-weight 500
+        .date
+            text-align right
+            margin-left auto
             color gray
             font-size 0.8rem