add href to post URL in post thumbnail and post description in home p…

…age layout, update corresponding css
Deep0Thinking · Apr 19, 2024 · 04d8c03 · 04d8c03
1 parent 4d73d01
commit 04d8c03
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/_layouts/home.html b/_layouts/home.html
@@ -48,14 +48,18 @@ <h3>
             <!-- Post Thumbnail -->
             {%- if post.thumbnail -%}
               <div class="post-thumbnail">
-                <img src="{{ post.thumbnail }}" alt="Post Thumbnail">
+                <a href="{{ post.url }}">
+                  <img src="{{ post.thumbnail }}" alt="Post Thumbnail">
+                </a>
               </div>
             {%- endif -%}
 
             <!-- Description -->
             {%- if post.description -%}
               <div class="post-description">
-                {{ post.description }}
+                <a href="{{ post.url }}">
+                  {{ post.description }}
+                </a>
               </div>
             {%- endif -%}
 

diff --git a/_sass/minima/custom-styles.scss b/_sass/minima/custom-styles.scss
@@ -266,4 +266,14 @@
   width: 200px;
   height: auto;
   border-radius: 10px;
+  transition: 0.3s;
+}
+
+.post-thumbnail img:hover {
+  transform: scale(1.05);
+  transition: 0.3s;
+}
+
+.post-description a {
+  color: black;
 }