kot.pink
1{{ define "title" }}timeline{{ end }}
2
3{{ define "content" }}
4 <h1>Timeline</h1>
5
6 {{ range .Timeline }}
7 <div class="relative
8 px-4
9 py-2
10 border-l
11 border-black
12 before:content-['']
13 before:absolute
14 before:w-1
15 before:h-1
16 before:bg-black
17 before:rounded-full
18 before:left-[-2.2px]
19 before:top-1/2
20 before:-translate-y-1/2
21 ">
22 {{ if .Repo }}
23 {{ $userHandle := index $.DidHandleMap .Repo.Did }}
24 <div class="flex items-center">
25 <p class="text-gray-600">
26 <a href="/{{ $userHandle }}" class="no-underline hover:underline">{{ $userHandle }}</a>
27 created
28 <a href="/{{ $userHandle }}/{{ .Repo.Name }}" class="no-underline hover:underline">{{ .Repo.Name }}</a>
29 <time class="text-gray-700">{{ .Repo.Created | timeFmt }}</time>
30 </p>
31 </div>
32 {{ else if .Follow }}
33 {{ $userHandle := index $.DidHandleMap .Follow.UserDid }}
34 {{ $subjectHandle := index $.DidHandleMap .Follow.SubjectDid }}
35 <div class="flex items-center">
36 <p class="text-gray-600">
37 <a href="/{{ $userHandle }}" class="no-underline hover:underline">{{ $userHandle }}</a>
38 followed
39 <a href="/{{ $subjectHandle }}" class="no-underline hover:underline">{{ $subjectHandle }}</a>
40 <time class="text-gray-700">{{ .Follow.FollowedAt | timeFmt }}</time>
41 </p>
42 </div>
43 {{ end }}
44 </div>
45 {{ end }}
46
47{{ end }}