tjh.dev / test
forked from tangled.org/core
Mirror of @tangled.org/core. Running on a Raspberry Pi Zero 2 (Please be gentle).
fork atom

appview: timeline: improve landing page

speak more about tangled itself, link to discord, irc and source code.

authored by oppi.li and committed by

Tangled ca2bb4cd 15c1b440

+32 -21
+13
appview/pages/templates/layouts/topbar.html
··· 6 6 tangled<sub>alpha</sub> 7 7 </a> 8 8 </div> 9 + <div class="hidden md:flex gap-4 items-center"> 10 + <a href="https://chat.tangled.sh" class="inline-flex gap-1 items-center"> 11 + {{ i "message-circle" "size-4" }} discord 12 + </a> 13 + 14 + <a href="https://web.libera.chat/#tangled" class="inline-flex gap-1 items-center"> 15 + {{ i "hash" "size-4" }} irc 16 + </a> 17 + 18 + <a href="https://tangled.sh/@tangled.sh/core" class="inline-flex gap-1 items-center"> 19 + {{ i "code" "size-4" }} source 20 + </a> 21 + </div> 9 22 <div id="right-items" class="flex gap-2"> 10 23 {{ with .LoggedInUser }} 11 24 <a href="/repo/new" hx-boost="true">
+19 -21
appview/pages/templates/timeline.html
··· 8 8 {{ end }} 9 9 10 10 {{ define "topbar" }} 11 - {{ with .LoggedInUser }} 12 - {{ template "layouts/topbar" $ }} 13 - {{ else }} 14 - {{ end }} 11 + {{ template "layouts/topbar" $ }} 15 12 {{ end }} 16 13 17 14 {{ define "content" }} ··· 21 24 {{ end }} 22 25 23 26 {{ define "hero" }} 24 - <div 25 - 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" 26 - > 27 - <div class="font-bold italic text-4xl mb-4">tangled</div> 28 - <div class="italic text-lg"> 29 - tightly-knit social coding, 30 - <a href="/login" class="underline inline-flex gap-1 items-center" 31 - >join now {{ i "arrow-right" "w-4 h-4" }}</a 32 - > 33 - <p class="pt-5 px-10 text-sm text-gray-500 dark:text-gray-400"> 34 - Join our <a href="https://chat.tangled.sh">Discord</a> or IRC 35 - channel: 36 - <a href="https://web.libera.chat/#tangled" 37 - ><code>#tangled</code> on Libera Chat</a 38 - >. Read an introduction to Tangled 39 - <a href="https://blog.tangled.sh/intro">here</a>. 40 - </p> 27 + <div class="flex flex-col text-black dark:text-white p-6 gap-6 max-w-xl"> 28 + <div class="font-bold text-4xl">tightly-knit<br>social coding.</div> 29 + 30 + <p class="text-lg"> 31 + tangled is new social-enabled git collaboration platform built on <a class="underline" href="https://atproto.com/">atproto</a>. 32 + </p> 33 + <p class="text-lg"> 34 + we envision a place where developers have complete ownership of their 35 + code, open source communities can freely self-govern and most 36 + importantly, coding can be social and fun again. 37 + </p> 38 + 39 + <div class="flex gap-6 items-center"> 40 + <a href="/login" class="no-underline hover:no-underline "> 41 + <button class="btn flex gap-2 px-4 items-center"> 42 + join now {{ i "arrow-right" "size-4" }} 43 + </button> 44 + </a> 41 45 </div> 42 46 </div> 43 47 {{ end }}