lewis.moe
Monorepo for Tangled
1{{ define "title" }}tangled · tightly-knit social coding{{ end }}
2
3{{ define "extrameta" }}
4 <!-- Open Graph Meta Tags -->
5 <meta property="og:title" content="tangled · tightly-knit social coding" />
6 <meta property="og:type" content="website" />
7 <meta property="og:url" content="https://tangled.org" />
8 <meta property="og:description" content="The next-generation social coding platform." />
9 <meta property="og:image" content="https://assets.tangled.network/what-is-tangled-repo.png" />
10 <meta property="og:image:width" content="1200" />
11 <meta property="og:image:height" content="630" />
12
13 <!-- Twitter Card Meta Tags -->
14 <meta name="twitter:card" content="summary_large_image" />
15 <meta name="twitter:title" content="Tangled" />
16 <meta name="twitter:description" content="The next-generation social coding platform." />
17 <meta name="twitter:image" content="https://assets.tangled.network/tangled_og.png" />
18
19 <!-- Additional SEO -->
20 <meta name="description" content="The next-generation social coding platform. Host repos on your infrastructure with knots, use stacked pull requests, and run CI with spindles." />
21 <link rel="canonical" href="https://tangled.org" />
22
23
24{{ end }}
25
26
27{{ define "content" }}
28 <div class="flex flex-col gap-4">
29 {{ template "timeline/fragments/hero" . }}
30 {{ template "features" . }}
31 {{ template "timeline/fragments/goodfirstissues" . }}
32 {{ template "timeline/fragments/trending" . }}
33 {{ template "timeline/fragments/timeline" . }}
34 <div class="flex justify-end">
35 <a href="/timeline" class="inline-flex items-center gap-2 text-gray-500 dark:text-gray-400">
36 view more
37 {{ i "arrow-right" "size-4" }}
38 </a>
39 </div>
40 </div>
41{{ end }}
42
43
44{{ define "feature" }}
45 {{ $info := index . 0 }}
46 {{ $bullets := index . 1 }}
47 <div class="flex flex-col items-center gap-6 md:flex-row md:items-top">
48 <div class="flex-1">
49 <h2 class="text-2xl font-bold text-black dark:text-white mb-6">{{ $info.title }}</h2>
50 <ul class="leading-normal">
51 {{ range $bullets }}
52 <li><p>{{ escapeHtml . }}</p></li>
53 {{ end }}
54 </ul>
55 </div>
56 <div class="flex-shrink-0 w-96 md:w-1/3">
57 <a href="{{ $info.image }}">
58 <img src="{{ $info.image }}" alt="{{ $info.alt }}" class="w-full h-auto rounded shadow-sm" />
59 </a>
60 </div>
61 </div>
62{{ end }}
63
64{{ define "features" }}
65 <div class="prose dark:text-gray-200 space-y-12 px-6 py-4 bg-white dark:bg-gray-800 rounded drop-shadow-sm">
66 {{ template "feature" (list
67 (dict
68 "title" "lightweight git repo hosting"
69 "image" "https://assets.tangled.network/what-is-tangled-repo.png"
70 "alt" "A repository hosted on Tangled"
71 )
72 (list
73 "Host your repositories on your own infrastructure using <em>knots</em>—tiny, headless servers that facilitate git operations."
74 "Add friends to your knot or invite collaborators to your repository."
75 "Guarded by fine-grained role-based access control."
76 "Use SSH to push and pull."
77 )
78 ) }}
79
80 {{ template "feature" (list
81 (dict
82 "title" "improved pull request model"
83 "image" "https://assets.tangled.network/pulls.png"
84 "alt" "Round-based pull requests."
85 )
86 (list
87 "An intuitive and effective round-based pull request flow, with inter-diffing between rounds."
88 "Stacked pull requests using Jujutsu's change IDs."
89 "Paste a <code>git diff</code> or <code>git format-patch</code> for quick drive-by changes."
90 )
91 ) }}
92
93 {{ template "feature" (list
94 (dict
95 "title" "run pipelines using spindles"
96 "image" "https://assets.tangled.network/pipelines.png"
97 "alt" "CI pipeline running on spindle"
98 )
99 (list
100 "Run pipelines on your own infrastructure using <em>spindles</em>—lightweight CI runners."
101 "Natively supports Nix for package management."
102 "Easily extended to support different execution backends."
103 )
104 ) }}
105 </div>
106{{ end }}