From 1b4e53ddeec93299282b9dc352e032d052a028f9 Mon Sep 17 00:00:00 2001
From: Yanir Seroussi <yanir.seroussi@gmail.com>
Date: Sat, 17 Feb 2024 07:09:32 +1000
Subject: [PATCH] Tweak TIL index page

---
 assets/css/extended/home.css | 22 ++++++++++++++++++++++
 content/til/_index.md        |  6 +++---
 layouts/til/list.html        |  7 +++++--
 3 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/assets/css/extended/home.css b/assets/css/extended/home.css
index 1356a576f..61cd8c349 100644
--- a/assets/css/extended/home.css
+++ b/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);
+}
diff --git a/content/til/_index.md b/content/til/_index.md
index 2046ab1e5..c39e0b531 100644
--- a/content/til/_index.md
+++ b/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.
 ---
diff --git a/layouts/til/list.html b/layouts/til/list.html
index b0f5e8805..79263a90e 100644
--- a/layouts/til/list.html
+++ b/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 }}