From a1ecc649b8bfef83a140685813fee78e5862a070 Mon Sep 17 00:00:00 2001
From: Anirudh Oppiliappan <anirudh@tangled.sh>
Date: Wed, 27 Aug 2025 14:23:18 +0300
Subject: [PATCH] appview/pages: link to respective docs in knots & spindles
 pages
Change-Id: wpzvzxvvrpowwpxllmpylkswqprkuyqx

Signed-off-by: Anirudh Oppiliappan <anirudh@tangled.sh>
---
 appview/pages/templates/knots/index.html    | 25 ++++++++++++---------
 appview/pages/templates/spindles/index.html | 23 +++++++++++--------
 2 files changed, 29 insertions(+), 19 deletions(-)

diff --git a/appview/pages/templates/knots/index.html b/appview/pages/templates/knots/index.html
index 63fa8ccb..1d90eeb8 100644
--- a/appview/pages/templates/knots/index.html
+++ b/appview/pages/templates/knots/index.html
@@ -1,8 +1,15 @@
 {{ define "title" }}knots{{ end }}
 
 {{ define "content" }}
-<div class="px-6 py-4">
+<div class="px-6 py-4 flex items-end justify-start gap-4 align-bottom">
   <h1 class="text-xl font-bold dark:text-white">Knots</h1>
+
+  <span class="flex items-center gap-1 text-sm">
+      {{ i "book" "w-3 h-3" }}
+      <a href="https://tangled.sh/@tangled.sh/core/blob/master/docs/knot-hosting.md">
+          docs
+      </a>
+  </span>
 </div>
 
 <section class="bg-white dark:bg-gray-800 p-6 rounded relative w-full mx-auto drop-shadow-sm dark:text-white">
@@ -15,16 +22,14 @@
 {{ end }}
 
 {{ define "about" }}
-  <section class="rounded flex flex-col gap-2">
-    <p class="dark:text-gray-300">
-      Knots are lightweight headless servers that enable users to host Git repositories with ease.
-      Knots are designed for either single or multi-tenant use which is perfect for self-hosting on a Raspberry Pi at home, or larger “community” servers.
-      When creating a repository, you can choose a knot to store it on.
-      <a href="https://tangled.sh/@tangled.sh/core/blob/master/docs/knot-hosting.md">
-        Checkout the documentation if you're interested in self-hosting.
-      </a>
+<section class="rounded">
+    <p class="text-gray-500 dark:text-gray-400">
+        Knots are lightweight headless servers that enable users to host Git repositories with ease.
+        When creating a repository, you can choose a knot to store it on.
     </p>
-  </section>
+
+
+</section>
 {{ end }}
 
 {{ define "list" }}
diff --git a/appview/pages/templates/spindles/index.html b/appview/pages/templates/spindles/index.html
index d26c088c..af098308 100644
--- a/appview/pages/templates/spindles/index.html
+++ b/appview/pages/templates/spindles/index.html
@@ -1,8 +1,16 @@
 {{ define "title" }}spindles{{ end }}
 
 {{ define "content" }}
-<div class="px-6 py-4">
-  <h1 class="text-xl font-bold dark:text-white">Spindles</h1>
+<div class="px-6 py-4 flex items-end justify-start gap-4 align-bottom">
+    <h1 class="text-xl font-bold dark:text-white">Spindles</h1>
+
+
+    <span class="flex items-center gap-1 text-sm">
+        {{ i "book" "w-3 h-3" }}
+        <a href="https://tangled.sh/@tangled.sh/core/blob/master/docs/spindle/hosting.md">
+            docs
+        </a>
+    </span>
 </div>
 
 <section class="bg-white dark:bg-gray-800 p-6 rounded relative w-full mx-auto drop-shadow-sm dark:text-white">
@@ -15,14 +23,11 @@
 {{ end }}
 
 {{ 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>
+<section class="rounded flex items-center gap-2">
+    <p class="text-gray-500 dark:text-gray-400">
+        Spindles are small CI runners.
     </p>
-  </section>
+</section>
 {{ end }}
 
 {{ define "list" }}
-- 
2.43.0