1{{- /*gotype: github.com/antonmedv/gitmal/pkg/templates.MultiRepoIndexParams*/ -}}
 2{{ define "head" }}
 3<style>
 4.repo-list {
 5    max-width: 900px;
 6    margin: 0 auto;
 7    padding: 0;
 8}
 9.repo-list h1 {
10    font-size: 24px;
11    margin-bottom: 24px;
12    font-weight: 600;
13}
14.repo-card {
15    display: flex;
16    justify-content: space-between;
17    align-items: center;
18    padding: 16px 20px;
19    margin-bottom: 8px;
20    border-radius: 8px;
21    border: 1px solid var(--border);
22    transition: border-color 0.15s;
23}
24.repo-card:hover {
25    border-color: var(--link);
26}
27.repo-card a {
28    color: var(--link);
29    font-size: 16px;
30    font-weight: 600;
31    text-decoration: none;
32}
33.repo-card a:hover {
34    text-decoration: underline;
35}
36.repo-card .repo-desc {
37    font-size: 14px;
38    color: var(--fg2);
39    margin-top: 4px;
40}
41.repo-card .repo-time {
42    font-size: 13px;
43    color: var(--fg3);
44    white-space: nowrap;
45    flex-shrink: 0;
46    margin-left: 16px;
47}
48</style>
49{{ end }}
50{{ define "body" }}
51<div class="repo-list">
52    <h1>{{ .Title }}</h1>
53    {{ range .Repos }}
54    <div class="repo-card">
55        <div>
56            <a href="{{ .Href }}">{{ .Name }}</a>
57            {{ if ne .Description "" }}
58            <div class="repo-desc">{{ .Description }}</div>
59            {{ end }}
60        </div>
61        {{ if not .LastUpdated.IsZero }}
62        <div class="repo-time">{{ .LastUpdated.Format "2006-01-02 15:04" }}</div>
63        {{ end }}
64    </div>
65    {{ end }}
66</div>
67{{ end }}