38 lines
1.4 kB
1
{{ define "title" }}timeline{{ end }}
2
3
{{ define "content" }}
4
<div class="p-6">
5
<p class="text-xl font-bold">Timeline</p>
6
</div>
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>
32
</div>
33
{{ end }}
34
</div>
35
{{ end }}
36
</div>
37
38
{{ end }}
39