Commit ed551e4

Eric Bower  ·  2025-08-10 23:12:45 -0400 EDT
parent 32c5e95 
design: mostly re-adjusting whitespace and adding delineation
8 files changed,  +36, -72
M Makefile
M html/base.layout.tmpl
M html/commit.page.tmpl
M html/header.partial.tmpl
M html/log.page.tmpl
M html/tree.page.tmpl
M static/main.css
M static/smol.css
M Makefile
+1, -1
......@@ -41,5 +41,5 @@ static: build clean
4141 .PHONY:
4242
4343 dev: static
44- rsync -rv ./public/* pgs.sh:/git-pgit-local
44+ rsync -rv --delete ./public/ pgs.sh:/git-pgit-local/
4545 .PHONY: dev
M html/base.layout.tmpl
+1, -1
......@@ -15,7 +15,7 @@
1515 <link rel="stylesheet" href="{{.Repo.RootRelative}}main.css" />
1616 </head>
1717 <body>
18- <header>{{template "header" .}}</header>
18+ <header class="box">{{template "header" .}}</header>
1919 <hr class="my" />
2020 <main>{{template "content" .}}</main>
2121 <hr class="my" />
M html/commit.page.tmpl
+1, -1
......@@ -19,7 +19,7 @@
1919 <dd>{{.Commit.Author.When}}</dd>
2020 </dl>
2121
22- <pre>{{.Commit.Message}}</pre>
22+ <pre class="white-space-bs">{{.Commit.Message}}</pre>
2323
2424 <div class="box mono">
2525 <div>
M html/header.partial.tmpl
+1, -1
......@@ -18,7 +18,7 @@
1818
1919 <div>
2020 <div>{{.Repo.Desc}}</div>
21- {{if .SiteURLs.CloneURL}}<pre class="m-0">git clone {{.SiteURLs.CloneURL}}</pre>{{end}}
21+ {{if .SiteURLs.CloneURL}}<pre class="mb-0">git clone {{.SiteURLs.CloneURL}}</pre>{{end}}
2222 </div>
2323 </div>
2424 {{end}}
M html/log.page.tmpl
+2, -2
......@@ -4,7 +4,7 @@
44 {{define "meta"}}{{end}}
55
66 {{define "content"}}
7- <div class="group">
7+ <div class="group-2">
88 <div><span class="font-bold">({{.NumCommits}})</span> commits</div>
99 {{range .Logs}}
1010 <div>
......@@ -29,7 +29,7 @@
2929 </div>
3030
3131 <div>
32- <pre class="m-0">{{.Message}}</pre>
32+ <pre class="m-0 white-space-bs">{{.Message}}</pre>
3333 </div>
3434 </div>
3535 {{end}}
M html/tree.page.tmpl
+1, -1
......@@ -5,7 +5,7 @@
55
66 {{define "content"}}
77 <div>
8- <div class="text-md mb">
8+ <div class="text-md text-transform-none mb">
99 {{range .Tree.Crumbs}}
1010 {{if .IsLast}}
1111 <span class="font-bold">{{.Text}}</span>
M static/main.css
+10, -0
......@@ -31,12 +31,22 @@ body {
3131 }
3232
3333 .diff-file {
34+ align-items: center;
35+ height: 62px;
3436 position: sticky;
3537 top: 0;
3638 left: 0;
3739 background-color: var(--bg-color);
3840 }
3941
42+.white-space-bs {
43+ white-space: break-spaces;
44+}
45+
46+.mb-0 {
47+ margin-bottom: 0;
48+}
49+
4050 @media only screen and (max-width: 900px) {
4151 .tree-commit {
4252 display: none;
M static/smol.css
+19, -65
......@@ -25,9 +25,22 @@ html {
2525 color: var(--text-color);
2626 font-size: 16px;
2727 line-height: var(--line-height);
28- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
29- Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial,
30- sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
28+ font-family:
29+ -apple-system,
30+ BlinkMacSystemFont,
31+ "Segoe UI",
32+ Roboto,
33+ Oxygen,
34+ Ubuntu,
35+ Cantarell,
36+ "Fira Sans",
37+ "Droid Sans",
38+ "Helvetica Neue",
39+ Arial,
40+ sans-serif,
41+ "Apple Color Emoji",
42+ "Segoe UI Emoji",
43+ "Segoe UI Symbol";
3144 -webkit-text-size-adjust: 100%;
3245 -moz-tab-size: 4;
3346 -o-tab-size: 4;
......@@ -250,13 +263,6 @@ sup {
250263 width: 100%;
251264 }
252265
253-.container-center {
254- width: 100%;
255- height: 100%;
256- display: flex;
257- justify-content: center;
258-}
259-
260266 .mono {
261267 font-family: monospace;
262268 }
......@@ -311,18 +317,10 @@ sup {
311317 font-size: 0.8rem;
312318 }
313319
314-.cursor-pointer {
315- cursor: pointer;
316-}
317-
318320 .w-full {
319321 width: 100%;
320322 }
321323
322-.h-full {
323- height: 100%;
324-}
325-
326324 .border {
327325 border: 2px solid var(--grey-light);
328326 }
......@@ -364,14 +362,6 @@ sup {
364362 max-width: 50%;
365363 }
366364
367-.h-screen {
368- height: 100vh;
369-}
370-
371-.w-screen {
372- width: 100vw;
373-}
374-
375365 .flex {
376366 display: flex;
377367 }
......@@ -424,18 +414,10 @@ sup {
424414 margin-right: 0.5rem;
425415 }
426416
427-.ml-sm {
428- margin-left: 0.25rem;
429-}
430-
431417 .ml {
432418 margin-left: 0.5rem;
433419 }
434420
435-.pt-0 {
436- padding-top: 0;
437-}
438-
439421 .my {
440422 margin-top: var(--grid-height);
441423 margin-bottom: var(--grid-height);
......@@ -451,24 +433,6 @@ sup {
451433 margin-bottom: calc(var(--line-height) * 2);
452434 }
453435
454-.mx {
455- margin-left: 0.5rem;
456- margin-right: 0.5rem;
457-}
458-
459-.mx-2 {
460- margin-left: 1rem;
461- margin-right: 1rem;
462-}
463-
464-.m-1 {
465- margin: var(--grid-height);
466-}
467-
468-.p-1 {
469- padding: var(--grid-height);
470-}
471-
472436 .p-0 {
473437 padding: 0;
474438 }
......@@ -478,11 +442,6 @@ sup {
478442 padding-right: 0.5rem;
479443 }
480444
481-.px-2 {
482- padding-left: 1rem;
483- padding-right: 1rem;
484-}
485-
486445 .px-4 {
487446 padding-left: 2rem;
488447 padding-right: 2rem;
......@@ -493,11 +452,6 @@ sup {
493452 padding-bottom: var(--grid-height);
494453 }
495454
496-.py-2 {
497- padding-top: var(--line-height);
498- padding-bottom: var(--line-height);
499-}
500-
501455 .py-4 {
502456 padding-top: calc(var(--line-height) * 2);
503457 padding-bottom: calc(var(--line-height) * 2);
......@@ -615,11 +569,11 @@ h1 code, h2 code, h3 code, h4 code {
615569 .logo-header {
616570 line-height: 1;
617571 display: inline-block;
618- background-color: #FF79C6;
619- background-image: linear-gradient(to right, #FF5555, #FF79C6, #F8F859);
572+ background-color: #ff79c6;
573+ background-image: linear-gradient(to right, #ff5555, #ff79c6, #f8f859);
620574 color: transparent;
621575 background-clip: text;
622- border: 3px solid #FF79C6;
576+ border: 3px solid #ff79c6;
623577 padding: 8px 10px 10px 10px;
624578 border-radius: 10px;
625579 background-size: 100%;