feat: add thumbnails, edit home page layout

Veivel · Jul 24, 2024 · ff7f530 · ff7f530
1 parent 133d438
commit ff7f530
Show file tree

Hide file tree

Showing 7 changed files with 32 additions and 24 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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