style: center log, refs, and summary

Commit `b93c126`

Eric Bower · 2026-09-14 22:52:27 -0400 EDT

parent a630835

style: center log, refs, and summary

4 files changed, +29, -20

M html/log.page.tmpl

M html/refs.page.tmpl

M html/summary.page.tmpl

M static/main.css

M html/log.page.tmpl

+5, -5

......@@ -4,7 +4,7 @@
{{define "meta"}}{{end}}

{{define "content"}}
  <div class="group-2">
  <div class="container group-2">
    <div class="box sticky flex items-center gap border-visited flex-wrap" style="margin: 0 !important;">
      <code>{{.RevData.Name}}</code>
      <div>

......@@ -17,10 +17,10 @@

    {{range .Logs}}
      <div>
        <div class="flex items-center gap mb text-sm">
          <a href="{{.URL}}" class="mono">{{.ShortID}}</a>
        <div class="flex items-center gap mb">
          <a href="{{.URL}}" class="mono font-bold">{{.ShortID}}</a>

          <div class="flex items-center gap-xs">
          <div class="flex items-center gap-xs text-sm">
            <span>{{.AuthorStr}}</span>
            <span>&nbsp;&centerdot;&nbsp;</span>
            <span>{{.WhenStr}}</span>

......@@ -38,7 +38,7 @@
        </div>

        <div>
          <pre class="m-0 white-space-bs">{{.Message}}</pre>
          <pre class="m-0 white-space-bs text-sm">{{.Message}}</pre>
        </div>
      </div>
    {{end}}

M html/refs.page.tmpl

+13, -11

......@@ -4,17 +4,19 @@
{{define "meta"}}{{end}}

{{define "content"}}
  <h2>refs</h2>
  <div class="container">
    <h2>refs</h2>

  <div class="box" style="padding: 0 !important;">
    {{range .Refs}}
      <div class="flex justify-between items-center gap-2 py px tree-row border-b">
        {{if .URL}}
          <div><a href="{{.URL}}">{{.Refspec}}</a></div>
        {{else}}
          <div>{{.Refspec}}</div>
        {{end}}
      </div>
    {{end}}
    <div class="box" style="padding: 0 !important;">
      {{range .Refs}}
        <div class="flex justify-between items-center gap-2 py px tree-row border-b">
          {{if .URL}}
            <div><a href="{{.URL}}">{{.Refspec}}</a></div>
          {{else}}
            <div>{{.Refspec}}</div>
          {{end}}
        </div>
      {{end}}
    </div>
  </div>
{{end}}

M html/summary.page.tmpl

+6, -4

......@@ -6,9 +6,11 @@
{{end}}

{{define "content"}}
  {{if .SiteURLs.CloneURL}}
    <div class="box sticky border-visited mono">git clone {{.SiteURLs.CloneURL}}</div>
  {{end}}
  <div class="container">
    {{if .SiteURLs.CloneURL}}
      <div class="box sticky border-visited mono">git clone {{.SiteURLs.CloneURL}}</div>
    {{end}}

  {{.Readme}}
    {{.Readme}}
  </div>
{{end}}

M static/main.css

+5, -0

......@@ -228,6 +228,11 @@ footer {
  flex: 1;
}

.container {
  max-width: 900px;
  margin: 0 auto;
}

.box {
  border: 2px solid var(--grey-light);
  padding: var(--grid-height);

...	...		@@ -228,6 +228,11 @@ footer {
228	228		flex: 1;
229	229		}
230	230
	231	+	.container {
	232	+	max-width: 900px;
	233	+	margin: 0 auto;
	234	+	}
	235	+
231	236		.box {
232	237		border: 2px solid var(--grey-light);
233	238		padding: var(--grid-height);

...	...		@@ -4,7 +4,7 @@
4	4		{{define "meta"}}{{end}}
5	5
6	6		{{define "content"}}
7		-	<div class="group-2">
	7	+	<div class="container group-2">
8	8		<div class="box sticky flex items-center gap border-visited flex-wrap" style="margin: 0 !important;">
9	9		<code>{{.RevData.Name}}</code>
10	10		<div>

...	...		@@ -17,10 +17,10 @@
17	17
18	18		{{range .Logs}}
19	19		<div>
20		-	<div class="flex items-center gap mb text-sm">
21		-	<a href="{{.URL}}" class="mono">{{.ShortID}}</a>
	20	+	<div class="flex items-center gap mb">
	21	+	<a href="{{.URL}}" class="mono font-bold">{{.ShortID}}</a>
22	22
23		-	<div class="flex items-center gap-xs">
	23	+	<div class="flex items-center gap-xs text-sm">
24	24		<span>{{.AuthorStr}}</span>
25	25		<span> · </span>
26	26		<span>{{.WhenStr}}</span>

...	...		@@ -38,7 +38,7 @@
38	38		</div>
39	39
40	40		<div>
41		-	<pre class="m-0 white-space-bs">{{.Message}}</pre>
	41	+	<pre class="m-0 white-space-bs text-sm">{{.Message}}</pre>
42	42		</div>
43	43		</div>
44	44		{{end}}

...	...		@@ -4,17 +4,19 @@
4	4		{{define "meta"}}{{end}}
5	5
6	6		{{define "content"}}
7		-	<h2>refs</h2>
	7	+	<div class="container">
	8	+	<h2>refs</h2>
8	9
9		-	<div class="box" style="padding: 0 !important;">
10		-	{{range .Refs}}
11		-	<div class="flex justify-between items-center gap-2 py px tree-row border-b">
12		-	{{if .URL}}
13		-	<div><a href="{{.URL}}">{{.Refspec}}</a></div>
14		-	{{else}}
15		-	<div>{{.Refspec}}</div>
16		-	{{end}}
17		-	</div>
18		-	{{end}}
	10	+	<div class="box" style="padding: 0 !important;">
	11	+	{{range .Refs}}
	12	+	<div class="flex justify-between items-center gap-2 py px tree-row border-b">
	13	+	{{if .URL}}
	14	+	<div><a href="{{.URL}}">{{.Refspec}}</a></div>
	15	+	{{else}}
	16	+	<div>{{.Refspec}}</div>
	17	+	{{end}}
	18	+	</div>
	19	+	{{end}}
	20	+	</div>
19	21		</div>
20	22		{{end}}

...	...		@@ -6,9 +6,11 @@
6	6		{{end}}
7	7
8	8		{{define "content"}}
9		-	{{if .SiteURLs.CloneURL}}
10		-	<div class="box sticky border-visited mono">git clone {{.SiteURLs.CloneURL}}</div>
11		-	{{end}}
	9	+	<div class="container">
	10	+	{{if .SiteURLs.CloneURL}}
	11	+	<div class="box sticky border-visited mono">git clone {{.SiteURLs.CloneURL}}</div>
	12	+	{{end}}
12	13
13		-	{{.Readme}}
	14	+	{{.Readme}}
	15	+	</div>
14	16		{{end}}

Commit b93c126

Commit `b93c126`