···

       
26
       
 
       
                            {{ didOrHandle .Did .Handle }}

     

       
27
       
 
       
                        </summary>

     

       
28
       
 
       
                        <div

     

       
29
       
-
       
                            class="absolute flex flex-col right-0 mt-4 p-4 rounded w-48 bg-white border border-gray-200 z-50"

     

       
30
       
 
       
                        >

     

       
31
       
 
       
                            <a

     

       
32
       
 
       
                                href="/{{ didOrHandle .Did .Handle }}"

     

···

       
26
       
 
       
                            {{ didOrHandle .Did .Handle }}

     

       
27
       
 
       
                        </summary>

     

       
28
       
 
       
                        <div

     

       
29
       
+
       
                            class="absolute flex flex-col right-0 mt-4 p-4 rounded w-48 bg-white border border-gray-200 z-999"

     

       
30
       
 
       
                        >

     

       
31
       
 
       
                            <a

     

       
32
       
 
       
                                href="/{{ didOrHandle .Did .Handle }}"

     

···

       
1
       
 
       
{{ define "title" }}new repo{{ end }}

     

       
2
       
 
       


     

       
3
       
 
       
{{ define "content" }}

     

       
4
       
-
       
    <h1>new repo</h1>

     

       
5
       
-
       
    <form hx-post="/repo/new" class="mt-6 space-y-6" hx-swap="none">

     

       
6
       
-
       
        <div class="space-y-2">

     

       
7
       
-
       
            <label for="name" class="block">repo name</label>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
8
       
 
       
            <input

     

       
9
       
-
       
                type="text"

     

       
10
       
-
       
                id="name"

     

       
11
       
-
       
                name="name"

     

       
12
       
-
       
                required

     

       
13
       
-
       
                class="w-full max-w-md"

     

       
14
       
-
       
            />

     

       
0
       
 
       

     

       
15
       
 
       
        </div>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
16
       
 
       


     

       
17
       
-
       
        <fieldset class="space-y-3">

     

       
18
       
-
       
            <legend class="font-medium">select a knot</legend>

     

       
19
       
-
       
            <div class="space-y-2">

     

       
20
       
-
       
                {{ range .Knots }}

     

       
21
       
-
       
                    <div>

     

       
22
       
-
       
                        <label class="inline-flex items-center">

     

       
23
       
-
       
                            <input

     

       
24
       
-
       
                                type="radio"

     

       
25
       
-
       
                                name="domain"

     

       
26
       
-
       
                                value="{{ . }}"

     

       
27
       
-
       
                                class="mr-2"

     

       
28
       
-
       
                            />

     

       
29
       
-
       
                            <span>{{ . }}</span>

     

       
30
       
-
       
                        </label>

     

       
31
       
-
       
                    </div>

     

       
32
       
-
       
                {{ else }}

     

       
33
       
-
       
                    <p>No knots available</p>

     

       
34
       
-
       
                {{ end }}

     

       
35
       
-
       
            </div>

     

       
36
       
-
       
        </fieldset>

     

       
37
       
-
       


     

       
38
       
-
       
        <div class="space-y-2">

     

       
39
       
-
       
            <button type="submit" class="btn">create repo</button>

     

       
40
       
-
       
            <div id="repo" class="error"></div>

     

       
41
       
-
       
        </div>

     

       
42
       
-
       
    </form>

     

       
43
       
 
       
{{ end }}

     

···

       
1
       
 
       
{{ define "title" }}new repo{{ end }}

     

       
2
       
 
       


     

       
3
       
 
       
{{ define "content" }}

     

       
4
       
+
       
<div class="p-6">

     

       
5
       
+
       
  <p class="text-xl font-bold">Create a new repository</p>

     

       
6
       
+
       
</div>

     

       
7
       
+
       
<div class="p-6 bg-white drop-shadow-sm rounded">

     

       
8
       
+
       
  <form hx-post="/repo/new" class="space-y-12" hx-swap="none">

     

       
9
       
+
       
    <div class="space-y-2">

     

       
10
       
+
       
      <label for="name" class="block uppercase font-bold text-sm">Repository name</label>

     

       
11
       
+
       
      <input

     

       
12
       
+
       
          type="text"

     

       
13
       
+
       
          id="name"

     

       
14
       
+
       
          name="name"

     

       
15
       
+
       
          required

     

       
16
       
+
       
          class="w-full max-w-md"

     

       
17
       
+
       
          />

     

       
18
       
+
       
      <p class="text-sm text-gray-500">All repositories are publicly visible.</p>

     

       
19
       
+
       
    </div>

     

       
20
       
+
       


     

       
21
       
+
       
    <fieldset class="space-y-3">

     

       
22
       
+
       
      <legend class="uppercase font-bold text-sm">Select a knot</legend>

     

       
23
       
+
       
      <div class="space-y-2">

     

       
24
       
+
       
        {{ range .Knots }}

     

       
25
       
+
       
        <div>

     

       
26
       
+
       
          <label class="inline-flex items-center">

     

       
27
       
 
       
            <input

     

       
28
       
+
       
                type="radio"

     

       
29
       
+
       
                name="domain"

     

       
30
       
+
       
                value="{{ . }}"

     

       
31
       
+
       
                class="mr-2"

     

       
32
       
+
       
                />

     

       
33
       
+
       
            <span>{{ . }}</span>

     

       
34
       
+
       
          </label>

     

       
35
       
 
       
        </div>

     

       
36
       
+
       
        {{ else }}

     

       
37
       
+
       
        <p>No knots available.</p>

     

       
38
       
+
       
        {{ end }}

     

       
39
       
+
       
      </div>

     

       
40
       
+
       
      <p class="text-sm text-gray-500">A knot hosts repository data. <a href="/knots" class="underline">Learn how to register your own knot.</a></p>

     

       
41
       
+
       
    </fieldset>

     

       
42
       
 
       


     

       
43
       
+
       
    <div class="space-y-2">

     

       
44
       
+
       
      <button type="submit" class="btn">create repo</button>

     

       
45
       
+
       
      <div id="repo" class="error"></div>

     

       
46
       
+
       
    </div>

     

       
47
       
+
       
  </form>

     

       
48
       
+
       
</div>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
49
       
 
       
{{ end }}

     

···

       
1
       
 
       
{{ define "title" }}timeline{{ end }}

     

       
2
       
 
       


     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
3
       
 
       
{{ define "content" }}

     

       
4
       
-
       
<div class="p-6">

     

       
5
       
-
       
  <p class="text-xl font-bold">Timeline</p>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
6
       
 
       
</div>

     

       
0
       
 
       

     

       
7
       
 
       


     

       
8
       
-
       
<div class="flex flex-col gap-3 relative">

     

       
9
       
-
       
  <div class="absolute left-8 top-0 bottom-0 w-px bg-gray-300"></div>

     

       
10
       
-
       
  {{ range .Timeline }}

     

       
11
       
-
       
  <div class="px-6 py-2 bg-white rounded drop-shadow-sm w-fit">

     

       
12
       
-
       
    {{ if .Repo }}

     

       
13
       
-
       
    {{ $userHandle :=  index $.DidHandleMap .Repo.Did }}

     

       
14
       
-
       
    <div class="flex items-center">

     

       
15
       
-
       
      <p class="text-gray-600">

     

       
16
       
-
       
      <a href="/{{ $userHandle }}" class="no-underline hover:underline">{{ $userHandle }}</a>

     

       
17
       
-
       
      created

     

       
18
       
-
       
      <a href="/{{ $userHandle }}/{{ .Repo.Name }}" class="no-underline hover:underline">{{ .Repo.Name }}</a>

     

       
19
       
-
       
      <time class="text-gray-700">{{ .Repo.Created | timeFmt }}</time>

     

       
20
       
-
       
      </p>

     

       
21
       
-
       
    </div>

     

       
22
       
-
       
    {{ else if .Follow }}

     

       
23
       
-
       
    {{ $userHandle :=  index $.DidHandleMap .Follow.UserDid }}

     

       
24
       
-
       
    {{ $subjectHandle :=  index $.DidHandleMap .Follow.SubjectDid }}

     

       
25
       
-
       
    <div class="flex items-center">

     

       
26
       
-
       
      <p class="text-gray-600">

     

       
27
       
-
       
      <a href="/{{ $userHandle }}" class="no-underline hover:underline">{{ $userHandle }}</a>

     

       
28
       
-
       
      followed

     

       
29
       
-
       
      <a href="/{{ $subjectHandle }}" class="no-underline hover:underline">{{ $subjectHandle }}</a>

     

       
30
       
-
       
      <time class="text-gray-700">{{ .Follow.FollowedAt | timeFmt }}</time>

     

       
31
       
-
       
      </p>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
32
       
 
       
    </div>

     

       
33
       
 
       
    {{ end }}

     

       
34
       
 
       
  </div>

     

       
35
       
-
       
  {{ end }}

     

       
36
       
 
       
</div>

     

       
37
       
-
       


     

       
38
       
 
       
{{ end }}

     

···

       
1
       
 
       
{{ define "title" }}timeline{{ end }}

     

       
2
       
 
       


     

       
3
       
+
       
{{ define "topbar" }}

     

       
4
       
+
       
  {{ with .LoggedInUser }}

     

       
5
       
+
       
    {{ template "layouts/topbar" $ }}

     

       
6
       
+
       
  {{ else }}

     

       
7
       
+
       
  {{ end }}

     

       
8
       
+
       
{{ end }}

     

       
9
       
+
       


     

       
10
       
 
       
{{ define "content" }}

     

       
11
       
+
       
  {{ with .LoggedInUser }}

     

       
12
       
+
       
    {{ block "timeline" $ }} {{ end }}

     

       
13
       
+
       
  {{ else }}

     

       
14
       
+
       
      {{ block "hero" $ }} {{ end }}

     

       
15
       
+
       
      {{ block "timeline" $ }} {{ end }}

     

       
16
       
+
       
  {{ end }}

     

       
17
       
+
       
{{ end }}

     

       
18
       
+
       


     

       
19
       
+
       
{{ define "hero" }}

     

       
20
       
+
       
<div class="flex flex-col items-center justify-center text-center rounded drop-shadow bg-white text-black py-4 px-10">

     

       
21
       
+
       
  <div class="font-bold text-4xl mb-4">

     

       
22
       
+
       
    tangled

     

       
23
       
+
       
  </div>

     

       
24
       
+
       
  <div class="italic text-lg">

     

       
25
       
+
       
    tightly-knit social coding, <a href="/login" class="underline inline-flex gap-1 items-center">join now <i data-lucide="arrow-right" class="w-4 h-4"></i></a>

     

       
26
       
+
       
  </div>

     

       
27
       
 
       
</div>

     

       
28
       
+
       
{{ end }}

     

       
29
       
 
       


     

       
30
       
+
       
{{ define "timeline" }}

     

       
31
       
+
       
<div>

     

       
32
       
+
       
  <div class="p-6">

     

       
33
       
+
       
    <p class="text-xl font-bold">Timeline</p>

     

       
34
       
+
       
  </div>

     

       
35
       
+
       


     

       
36
       
+
       
  <div class="flex flex-col gap-3 relative">

     

       
37
       
+
       
    <div class="absolute left-8 top-0 bottom-0 w-px bg-gray-300"></div>

     

       
38
       
+
       
    {{ range .Timeline }}

     

       
39
       
+
       
    <div class="px-6 py-2 bg-white rounded drop-shadow-sm w-fit">

     

       
40
       
+
       
      {{ if .Repo }}

     

       
41
       
+
       
      {{ $userHandle :=  index $.DidHandleMap .Repo.Did }}

     

       
42
       
+
       
      <div class="flex items-center">

     

       
43
       
+
       
        <p class="text-gray-600">

     

       
44
       
+
       
        <a href="/{{ $userHandle }}" class="no-underline hover:underline">{{ $userHandle }}</a>

     

       
45
       
+
       
        created

     

       
46
       
+
       
        <a href="/{{ $userHandle }}/{{ .Repo.Name }}" class="no-underline hover:underline">{{ .Repo.Name }}</a>

     

       
47
       
+
       
        <time class="text-gray-700">{{ .Repo.Created | timeFmt }}</time>

     

       
48
       
+
       
        </p>

     

       
49
       
+
       
      </div>

     

       
50
       
+
       
      {{ else if .Follow }}

     

       
51
       
+
       
      {{ $userHandle :=  index $.DidHandleMap .Follow.UserDid }}

     

       
52
       
+
       
      {{ $subjectHandle :=  index $.DidHandleMap .Follow.SubjectDid }}

     

       
53
       
+
       
      <div class="flex items-center">

     

       
54
       
+
       
        <p class="text-gray-600">

     

       
55
       
+
       
        <a href="/{{ $userHandle }}" class="no-underline hover:underline">{{ $userHandle }}</a>

     

       
56
       
+
       
        followed

     

       
57
       
+
       
        <a href="/{{ $subjectHandle }}" class="no-underline hover:underline">{{ $subjectHandle }}</a>

     

       
58
       
+
       
        <time class="text-gray-700">{{ .Follow.FollowedAt | timeFmt }}</time>

     

       
59
       
+
       
        </p>

     

       
60
       
+
       
      </div>

     

       
61
       
+
       
      {{ end }}

     

       
62
       
 
       
    </div>

     

       
63
       
 
       
    {{ end }}

     

       
64
       
 
       
  </div>

     

       
0
       
 
       

     

       
65
       
 
       
</div>

     

       
0
       
 
       

     

       
66
       
 
       
{{ end }}