47 lines
1.7 kB
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 }}
48