From e9b8277ce3c20aa217a3580902697322bc670668 Mon Sep 17 00:00:00 2001
From: svemagie <869694+svemagie@users.noreply.github.com>
Date: Tue, 10 Mar 2026 08:04:01 +0100
Subject: [PATCH] feat: add /til slashpage listing all posts tagged with
 category "til"

- New til.njk generates /til/ with digest-style card listing
- Filters collections.posts for category == "til" (string or array)
- Shows date, post type, other categories, and content preview
- Added /til entry to slashes.njk under Site Pages

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 slashes.njk |  8 ++++++
 til.njk     | 77 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 85 insertions(+)
 create mode 100644 til.njk

diff --git a/slashes.njk b/slashes.njk
index 387ce52..207b081 100644
--- a/slashes.njk
+++ b/slashes.njk
@@ -157,6 +157,14 @@ eleventyImport:
         </div>
         <p class="text-surface-600 dark:text-surface-400 mt-2">All posts chronologically</p>
       </li>
+      <li class="h-entry post-card">
+        <div class="post-header">
+          <h3 class="text-xl font-semibold">
+            <a href="/til/" class="p-name u-url text-surface-900 dark:text-surface-100 hover:text-accent-600 dark:hover:text-accent-400">/til</a>
+          </h3>
+        </div>
+        <p class="text-surface-600 dark:text-surface-400 mt-2">Today I Learned — small things learnt day to day</p>
+      </li>
       <li class="h-entry post-card">
         <div class="post-header">
           <h3 class="text-xl font-semibold">
diff --git a/til.njk b/til.njk
new file mode 100644
index 0000000..a34e8f4
--- /dev/null
+++ b/til.njk
@@ -0,0 +1,77 @@
+---
+layout: layouts/base.njk
+title: Today I Learned
+withSidebar: true
+permalink: /til/
+eleventyImport:
+  collections:
+    - posts
+---
+{%- set tilPosts = [] -%}
+{%- for post in collections.posts -%}
+  {%- if post.data.category -%}
+    {%- if post.data.category is string -%}
+      {%- if post.data.category == "til" -%}
+        {%- set tilPosts = (tilPosts.push(post), tilPosts) -%}
+      {%- endif -%}
+    {%- else -%}
+      {%- if "til" in post.data.category -%}
+        {%- set tilPosts = (tilPosts.push(post), tilPosts) -%}
+      {%- endif -%}
+    {%- endif -%}
+  {%- endif -%}
+{%- endfor -%}
+
+<div>
+  <h1 class="text-2xl sm:text-3xl font-bold text-surface-900 dark:text-surface-100 mb-2">Today I Learned</h1>
+  <p class="text-surface-600 dark:text-surface-400 mb-6 sm:mb-8">
+    A collection of concise write-ups on small things I&rsquo;ve learnt day to day.
+    <span class="text-sm">({{ tilPosts.length }} post{% if tilPosts.length != 1 %}s{% endif %})</span>
+  </p>
+
+  {% if tilPosts.length > 0 %}
+  <ul class="space-y-4">
+    {% for post in tilPosts %}
+    {% set postType = post.inputPath | replace("./content/", "") %}
+    {% set postType = postType.split("/")[0] %}
+    <li class="p-4 bg-surface-50 dark:bg-surface-800 border border-surface-200 dark:border-surface-700 rounded-lg hover:border-amber-400 dark:hover:border-amber-600 transition-colors shadow-sm">
+      <a href="{{ post.url }}" class="block group">
+        {% if post.data.title %}
+        <h2 class="font-semibold text-surface-900 dark:text-surface-100 group-hover:text-amber-600 dark:group-hover:text-amber-400 mb-1">
+          {{ post.data.title }}
+        </h2>
+        {% endif %}
+        <p class="text-sm text-surface-600 dark:text-surface-400 mb-2">
+          <time class="font-mono" datetime="{{ post.date | isoDate }}">{{ post.date | dateDisplay }}</time>
+          <span class="mx-1">&middot;</span>
+          <span class="capitalize">{{ postType | replace("s", "") }}</span>
+          {% if post.data.category %}
+          <span class="mx-1">&middot;</span>
+          {% set cats = [] %}
+          {% if post.data.category is string %}
+            {% set cats = [post.data.category] %}
+          {% else %}
+            {% set cats = post.data.category %}
+          {% endif %}
+          {% for cat in cats %}
+            {% if cat != "til" %}
+            <a href="/categories/{{ cat | slugify }}/" class="text-amber-600 dark:text-amber-400 hover:underline">#{{ cat }}</a>{% if not loop.last %} {% endif %}
+            {% endif %}
+          {% endfor %}
+          {% endif %}
+        </p>
+        <p class="text-surface-700 dark:text-surface-300 text-sm leading-relaxed">
+          {{ post.templateContent | striptags | truncate(300) }}
+        </p>
+      </a>
+    </li>
+    {% endfor %}
+  </ul>
+  {% else %}
+  <div class="p-4 bg-surface-100 dark:bg-surface-800 rounded-lg border border-surface-200 dark:border-surface-700 shadow-sm">
+    <p class="text-surface-600 dark:text-surface-400">
+      No TIL posts yet. Tag any post with <code>category: til</code> and it will appear here.
+    </p>
+  </div>
+  {% endif %}
+</div>