More styling, line clamp

src/content/blog/_index.md

@@ -1,5 +1,5 @@
 ---
-title: "Blog"
+title: "tea leaves"
 description: "A collection of my thoughts, insights, and experiences."
 date: 2023-03-27
 menu: "main"

src/layouts/_default/list.html

@@ -25,8 +25,9 @@
           <ul>
             {{ range .Pages }}
               <li class="blog-listing">
-                <a href="{{ .RelPermalink }}">{{ .Title }}</a>
+                <a class="display-6" href="{{ .RelPermalink }}">{{ .Title }}</a><br>
                 <span>{{ .Date.Format "2006-01-02" }}</span>
+                <span class="preview-content">{{ .Content }}</span>
               </li>
             {{ end }}
           </ul>
@@ -42,4 +43,15 @@
 
 </body>
 
+<style>
+
+  .preview-content{
+    display: -webkit-box;
+    overflow: hidden;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+  }
+
+</style>
+
 </html>