From 4f257320a43de08735ac4175725ea32fee2ee274 Mon Sep 17 00:00:00 2001
From: Ciel <jamie@longest.voyage>
Date: Sat, 19 Jul 2025 17:20:29 +0900
Subject: [PATCH] appview/pages: add spindles description to /spindles
Change-Id: yxvvnyzoownumymkwupoqvvsstvrmpyr

Adds a description of what a spindle is to the spindles page. Text is
pulled from the docs/spindle/architecture.md with a link to the self
hosting.

Signed-off-by: Ciel <jamie@longest.voyage>
---
 appview/pages/templates/spindles/index.html | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/appview/pages/templates/spindles/index.html b/appview/pages/templates/spindles/index.html
index 3ca97f1..d26c088 100644
--- a/appview/pages/templates/spindles/index.html
+++ b/appview/pages/templates/spindles/index.html
@@ -7,13 +7,25 @@
 
 <section class="bg-white dark:bg-gray-800 p-6 rounded relative w-full mx-auto drop-shadow-sm dark:text-white">
   <div class="flex flex-col gap-6">
-    {{ block "all" . }} {{ end }}
+    {{ block "about" . }} {{ end }}
+    {{ block "list" . }} {{ end }}
     {{ block "register" . }} {{ end }}
   </div>
 </section>
 {{ end }}
 
-{{ define "all" }}
+{{ define "about" }}
+  <section class="rounded flex flex-col gap-2">
+    <p class="dark:text-gray-300">
+      Spindles are small CI runners.
+      <a href="https://tangled.sh/@tangled.sh/core/blob/master/docs/spindle/hosting.md">
+        Checkout the documentation if you're interested in self-hosting.
+      </a>
+    </p>
+  </section>
+{{ end }}
+
+{{ define "list" }}
   <section class="rounded w-full flex flex-col gap-2">
     <h2 class="text-sm font-bold py-2 uppercase dark:text-gray-300">your spindles</h2>
     <div class="flex flex-col rounded border border-gray-200 dark:border-gray-700 w-full">
-- 
2.43.0