From ca2bb4cd8b09eaae53fd9778faf89a2f68e33131 Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Thu, 22 May 2025 13:17:12 +0100
Subject: [PATCH] appview: timeline: improve landing page

speak more about tangled itself, link to discord, irc and source code.
---
 appview/pages/templates/layouts/topbar.html | 13 +++++++
 appview/pages/templates/timeline.html       | 40 ++++++++++-----------
 2 files changed, 32 insertions(+), 21 deletions(-)

diff --git a/appview/pages/templates/layouts/topbar.html b/appview/pages/templates/layouts/topbar.html
index 72d69ae..bd4cdcf 100644
--- a/appview/pages/templates/layouts/topbar.html
+++ b/appview/pages/templates/layouts/topbar.html
@@ -6,6 +6,19 @@
                   tangled<sub>alpha</sub>
                 </a>
             </div>
+            <div class="hidden md:flex gap-4 items-center">
+              <a href="https://chat.tangled.sh" class="inline-flex gap-1 items-center">
+                {{ i "message-circle" "size-4" }} discord
+              </a>
+
+              <a href="https://web.libera.chat/#tangled" class="inline-flex gap-1 items-center">
+                {{ i "hash" "size-4" }} irc
+              </a>
+
+              <a href="https://tangled.sh/@tangled.sh/core" class="inline-flex gap-1 items-center">
+                {{ i "code" "size-4" }} source
+              </a>
+            </div>
             <div id="right-items" class="flex gap-2">
                 {{ with .LoggedInUser }}
                     <a href="/repo/new" hx-boost="true">
diff --git a/appview/pages/templates/timeline.html b/appview/pages/templates/timeline.html
index dcca46d..effae89 100644
--- a/appview/pages/templates/timeline.html
+++ b/appview/pages/templates/timeline.html
@@ -8,10 +8,7 @@
 {{ end }}
 
 {{ define "topbar" }}
-    {{ with .LoggedInUser }}
-        {{ template "layouts/topbar" $ }}
-    {{ else }}
-    {{ end }}
+  {{ template "layouts/topbar" $ }}
 {{ end }}
 
 {{ define "content" }}
@@ -24,23 +21,24 @@
 {{ end }}
 
 {{ define "hero" }}
-    <div
-        class="flex flex-col items-center justify-center text-center rounded drop-shadow bg-white dark:bg-gray-800 text-black dark:text-white py-4 px-10"
-    >
-        <div class="font-bold italic text-4xl mb-4">tangled</div>
-        <div class="italic text-lg">
-            tightly-knit social coding,
-            <a href="/login" class="underline inline-flex gap-1 items-center"
-                >join now {{ i "arrow-right" "w-4 h-4" }}</a
-            >
-            <p class="pt-5 px-10 text-sm text-gray-500 dark:text-gray-400">
-                Join our <a href="https://chat.tangled.sh">Discord</a> or IRC
-                channel:
-                <a href="https://web.libera.chat/#tangled"
-                    ><code>#tangled</code> on Libera Chat</a
-                >. Read an introduction to Tangled
-                <a href="https://blog.tangled.sh/intro">here</a>.
-            </p>
+    <div class="flex flex-col text-black dark:text-white p-6 gap-6 max-w-xl">
+        <div class="font-bold text-4xl">tightly-knit<br>social coding.</div>
+
+        <p class="text-lg">
+          tangled is new social-enabled git collaboration platform built on <a class="underline" href="https://atproto.com/">atproto</a>.
+        </p>
+        <p class="text-lg">
+          we envision a place where developers have complete ownership of their
+          code, open source communities can freely self-govern and most
+          importantly, coding can be social and fun again.
+        </p>
+
+        <div class="flex gap-6 items-center">
+          <a href="/login" class="no-underline hover:no-underline ">
+            <button class="btn flex gap-2 px-4 items-center">
+              join now {{ i "arrow-right" "size-4" }}
+            </button>
+          </a>
         </div>
     </div>
 {{ end }}
-- 
2.51.2