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">
11    <div class="flex 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      parent <a href="{{.ParentURL}}">{{.Parent}}</a>
19    </div>
20  </div>
21
22  <pre class="white-space-bs">{{.Commit.Message}}</pre>
23
24  <div class="box mono">
25    <div>
26      <strong>{{.Diff.NumFiles}}</strong> files changed,&nbsp;
27      <span class="color-green">+{{.Diff.TotalAdditions}}</span>,
28      <span class="color-red">-{{.Diff.TotalDeletions}}</span>
29    </div>
30
31    <div>
32    {{range .Diff.Files}}
33      <div class="my">
34        <span>{{.FileType}}</span>
35        <a href="#diff-{{.Name}}">{{.Name}}</a>
36      </div>
37    {{end}}
38    </div>
39  </div>
40
41  {{range .Diff.Files}}
42    <div id="diff-{{.Name}}" class="box sticky border-visited flex items-center justify-between mono py">
43      <div class="flex-1">
44        <span>{{.FileType}} {{if eq .FileType "R"}}{{.OldName}} => {{end}}</span>
45        <a href="#diff-{{.Name}}">{{.Name}}</a>
46      </div>
47
48      <div style="width: 100px; text-align: right;">
49        <span class="color-green">+{{.NumAdditions}}</span>,
50        <span class="color-red">-{{.NumDeletions}}</span>
51      </div>
52    </div>
53
54    {{.Content}}
55  {{end}}
56{{end}}