1{{template "base" .}}
 2{{define "title"}}{{.Commit.Summary}} - {{.Repo.RepoName}}@{{.CommitID}}{{end}}
 3{{define "meta"}}
 4<link rel="stylesheet" href="{{.Repo.RootRelative}}syntax.css" />
 5{{end}}
 6
 7{{define "content"}}
 8  <h2>Commit <code>{{.CommitID}}</code></h2>
 9
10  <div class="flex justify-between flex-wrap">
11    <div class="flex flex-1 items-center gap-xs">
12      <span>{{.Commit.Author.Name}}</span>
13      <span>&nbsp;&centerdot;&nbsp;</span>
14      <span>{{.Commit.Author.When}}</span>
15    </div>
16
17    <div>
18      {{- $num := len .Parents -}}
19      {{- if eq $num 1 -}}
20      parent <a href="{{index .ParentURLs 0}}">{{index .Parents 0}}</a>
21      {{- else -}}
22      parents
23      {{- range $i, $p := .Parents}}
24        <a href="{{index $.ParentURLs $i}}">{{.}}</a>{{if lt (add $i 1) $num}}, {{end}}
25      {{- end}}
26      {{- end}}
27    </div>
28  </div>
29
30  <pre class="white-space-bs">{{.Commit.Message}}</pre>
31
32  <div class="box mono">
33    <div>
34      <strong>{{.Diff.NumFiles}}</strong> files changed,&nbsp;
35      <span class="color-green">+{{.Diff.TotalAdditions}}</span>,
36      <span class="color-red">-{{.Diff.TotalDeletions}}</span>
37    </div>
38
39    <div>
40    {{range .Diff.Files}}
41      <div class="my">
42        <span>{{.FileType}}</span>
43        <a href="#diff-{{.Name}}">{{.Name}}</a>
44      </div>
45    {{end}}
46    </div>
47  </div>
48
49  {{range .Diff.Files}}
50    <div id="diff-{{.Name}}" class="box sticky border-visited flex items-center justify-between mono py">
51      <div class="flex-1">
52        <span>{{.FileType}} {{if eq .FileType "R"}}{{.OldName}} => {{end}}</span>
53        <a href="#diff-{{.Name}}">{{.Name}}</a>
54      </div>
55
56      <div style="width: 100px; text-align: right;">
57        <span class="color-green">+{{.NumAdditions}}</span>,
58        <span class="color-red">-{{.NumDeletions}}</span>
59      </div>
60    </div>
61
62    {{.Content}}
63  {{end}}
64{{end}}