From 653af6694e9adabf5a7448d4e2f9b5bc347137c2 Mon Sep 17 00:00:00 2001
From: svemagie <869694+svemagie@users.noreply.github.com>
Date: Fri, 17 Apr 2026 17:43:48 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20add=20/telos=20slashpage=20=E2=80=94=20?=
 =?UTF-8?q?collects=20posts=20tagged=20with=20telos=20category?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Posts published with category: telos appear at /telos/. Links to
telos.giersig.eu dashboard. Added to /slashes/ index.

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

diff --git a/slashes.njk b/slashes.njk
index ace8fc5..3270a31 100644
--- a/slashes.njk
+++ b/slashes.njk
@@ -181,6 +181,14 @@ eleventyImport:
         </div>
         <p class="text-surface-600 dark:text-surface-400 mt-2">Content digest</p>
       </li>
+      <li class="h-entry post-card">
+        <div class="post-header">
+          <h3 class="text-xl font-semibold">
+            <a href="/telos/" class="p-name u-url text-surface-900 dark:text-surface-100 hover:text-accent-600 dark:hover:text-accent-400">/telos</a>
+          </h3>
+        </div>
+        <p class="text-surface-600 dark:text-surface-400 mt-2">TELOS — persönliches Life-OS: Orientierung, Werte, Jahresrahmungen</p>
+      </li>
       <li class="h-entry post-card">
         <div class="post-header">
           <h3 class="text-xl font-semibold">
diff --git a/telos.njk b/telos.njk
new file mode 100644
index 0000000..0cc6294
--- /dev/null
+++ b/telos.njk
@@ -0,0 +1,71 @@
+---
+layout: layouts/base.njk
+title: TELOS
+withSidebar: true
+permalink: /telos/
+---
+<div class="h-feed">
+
+  <h1 class="text-2xl sm:text-3xl font-bold text-surface-900 dark:text-surface-100 mb-2">TELOS</h1>
+  <p class="text-surface-600 dark:text-surface-400 mb-2">
+    Posts zu meinem persönlichen Life-OS: Orientierung, Werte, Jahresrahmungen, Reflexionen.
+  </p>
+  <p class="text-surface-600 dark:text-surface-400 mb-6 sm:mb-8 text-sm">
+    Dashboard: <a href="https://telos.giersig.eu" class="text-accent-700 dark:text-accent-300 hover:underline" target="_blank" rel="noopener">telos.giersig.eu</a>
+    &middot; Aktuelle Rahmung 2026: <em>Vollständiger werden</em>
+  </p>
+
+  {% set telosPosts = [] %}
+  {% for post in collections.posts %}
+    {% if post.data.category | categoryMatches("telos") %}
+      {% set telosPosts = (telosPosts.push(post), telosPosts) %}
+    {% endif %}
+  {% endfor %}
+
+  {% if telosPosts.length > 0 %}
+  <p class="text-sm text-surface-600 dark:text-surface-400 mb-4">{{ telosPosts.length }} post{% if telosPosts.length != 1 %}s{% endif %}</p>
+  <ul class="post-list">
+    {% for post in telosPosts %}
+    {% set postType = post.inputPath | replace("./content/", "") %}
+    {% set postType = postType.split("/")[0] %}
+    {% if postType == "likes" %}
+      {% set borderClass = "border-l-[3px] border-l-red-400 dark:border-l-red-500" %}
+    {% elif postType == "bookmarks" %}
+      {% set borderClass = "border-l-[3px] border-l-amber-400 dark:border-l-amber-500" %}
+    {% elif postType == "replies" %}
+      {% set borderClass = "border-l-[3px] border-l-accent-400 dark:border-l-accent-500" %}
+    {% else %}
+      {% set borderClass = "border-l-[3px] border-l-surface-300 dark:border-l-surface-600" %}
+    {% endif %}
+    <li class="h-entry post-card {{ borderClass }}">
+      <div class="post-header">
+        <h2 class="text-xl font-semibold mb-1 flex-1">
+          <a class="p-name u-url text-surface-900 dark:text-surface-100 hover:text-accent-700 dark:hover:text-accent-300" href="{{ post.url }}">
+            {{ post.data.title or post.templateContent | striptags | truncate(60) or "Untitled" }}
+          </a>
+        </h2>
+      </div>
+      <div class="post-meta mt-2">
+        <time class="dt-published font-mono text-sm" datetime="{{ post.date | isoDate }}">
+          {{ post.date | dateDisplay }}
+        </time>
+        <span class="post-type">{{ postType }}</span>
+      </div>
+      <p class="p-summary text-surface-700 dark:text-surface-300 mt-3">
+        {{ post.templateContent | striptags | truncate(250) }}
+      </p>
+      <a href="{{ post.url }}" class="text-sm text-accent-700 dark:text-accent-300 hover:underline mt-3 inline-block">
+        View &rarr;
+      </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">
+    <p class="text-surface-600 dark:text-surface-400 text-sm">
+      Noch keine Posts mit der Kategorie <code>telos</code>. Posts über Indiekit mit <code>category: telos</code> veröffentlichen.
+    </p>
+  </div>
+  {% endif %}
+
+</div>