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