Tweak TIL index page

assets/css/extended/home.css

@@ -46,6 +46,28 @@ article.post-entry .entry-cover img {
   border-radius: calc(100 * var(--radius));
 }
 
+.archive-entry div.entry-content,
 article.post-entry div.entry-content {
   -webkit-line-clamp: unset;
 }
+
+.archive-entry {
+  position: relative;
+  margin-bottom: var(--gap);
+  padding: var(--gap);
+  background: var(--entry);
+  border-radius: var(--radius);
+  transition: transform 0.1s;
+  border: 1px solid var(--border);
+}
+
+.archive-entry h3.archive-entry-title {
+  font-size: 24px;
+  font-weight: 700;
+  line-height: 1.3;
+  margin: 0;
+}
+
+.archive-entry .entry-content {
+  color: var(--primary);
+}

content/til/_index.md

@@ -1,7 +1,7 @@
 ---
 title: "TIL: Today I learned..."
 description: |
-  Short, rough posts about things I learned, inspired by Simon Willison's TIL. The aim of this section is to get me
-  posting more frequently, which is working as of January 2024. Subscribe to the mailing list to receive a digest of
-  recent TILs whenever I publish more significant posts.
+  Short, rough posts about things I learned, inspired by [Simon Willison's TIL](https://til.simonwillison.net/).
+  [Subscribe to the mailing list](#mailing-list-email) to receive a digest of recent TILs whenever I publish more
+  significant posts.
 ---

layouts/til/list.html

@@ -22,7 +22,7 @@ <h1>
   </h1>
   {{- if .Description }}
   <div class="post-description">
-    {{ .Description }}
+    {{ .Description | markdownify }}
   </div>
   {{- end }}
 </header>
@@ -45,10 +45,13 @@ <h3 class="archive-month-header">{{- .Key }}</h3>
         <h3 class="archive-entry-title">
           {{- .Title | markdownify }}
         </h3>
+        <a class="entry-link" aria-label="post link to {{ .Title | plainify }}" href="{{ .Permalink }}"></a>
+        <div class="entry-content">
+          <p>{{ .Summary | plainify | htmlUnescape }}</p>
+        </div>
         <div class="archive-meta">
           {{- partial "post_meta.html" . -}}
         </div>
-        <a class="entry-link" aria-label="post link to {{ .Title | plainify }}" href="{{ .Permalink }}"></a>
       </div>
       {{- end }}
       {{- end }}