More styling, line clamp

This commit is contained in:
Thomas Smith 2023-03-27 12:11:51 -04:00
parent 841cbf6946
commit 3692f9f380
2 changed files with 14 additions and 2 deletions

View file

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

View file

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