- commit
- ed551e4
- parent
- 32c5e95
- author
- Eric Bower
- date
- 2025-08-10 23:12:45 -0400 EDT
design: mostly re-adjusting whitespace and adding delineation
8 files changed,
+36,
-72
M
Makefile
+1,
-1
1@@ -41,5 +41,5 @@ static: build clean
2 .PHONY:
3
4 dev: static
5- rsync -rv ./public/* pgs.sh:/git-pgit-local
6+ rsync -rv --delete ./public/ pgs.sh:/git-pgit-local/
7 .PHONY: dev
+1,
-1
1@@ -15,7 +15,7 @@
2 <link rel="stylesheet" href="{{.Repo.RootRelative}}main.css" />
3 </head>
4 <body>
5- <header>{{template "header" .}}</header>
6+ <header class="box">{{template "header" .}}</header>
7 <hr class="my" />
8 <main>{{template "content" .}}</main>
9 <hr class="my" />
+1,
-1
1@@ -19,7 +19,7 @@
2 <dd>{{.Commit.Author.When}}</dd>
3 </dl>
4
5- <pre>{{.Commit.Message}}</pre>
6+ <pre class="white-space-bs">{{.Commit.Message}}</pre>
7
8 <div class="box mono">
9 <div>
+1,
-1
1@@ -18,7 +18,7 @@
2
3 <div>
4 <div>{{.Repo.Desc}}</div>
5- {{if .SiteURLs.CloneURL}}<pre class="m-0">git clone {{.SiteURLs.CloneURL}}</pre>{{end}}
6+ {{if .SiteURLs.CloneURL}}<pre class="mb-0">git clone {{.SiteURLs.CloneURL}}</pre>{{end}}
7 </div>
8 </div>
9 {{end}}
+2,
-2
1@@ -4,7 +4,7 @@
2 {{define "meta"}}{{end}}
3
4 {{define "content"}}
5- <div class="group">
6+ <div class="group-2">
7 <div><span class="font-bold">({{.NumCommits}})</span> commits</div>
8 {{range .Logs}}
9 <div>
10@@ -29,7 +29,7 @@
11 </div>
12
13 <div>
14- <pre class="m-0">{{.Message}}</pre>
15+ <pre class="m-0 white-space-bs">{{.Message}}</pre>
16 </div>
17 </div>
18 {{end}}
+1,
-1
1@@ -5,7 +5,7 @@
2
3 {{define "content"}}
4 <div>
5- <div class="text-md mb">
6+ <div class="text-md text-transform-none mb">
7 {{range .Tree.Crumbs}}
8 {{if .IsLast}}
9 <span class="font-bold">{{.Text}}</span>
+10,
-0
1@@ -31,12 +31,22 @@ body {
2 }
3
4 .diff-file {
5+ align-items: center;
6+ height: 62px;
7 position: sticky;
8 top: 0;
9 left: 0;
10 background-color: var(--bg-color);
11 }
12
13+.white-space-bs {
14+ white-space: break-spaces;
15+}
16+
17+.mb-0 {
18+ margin-bottom: 0;
19+}
20+
21 @media only screen and (max-width: 900px) {
22 .tree-commit {
23 display: none;
+19,
-65
1@@ -25,9 +25,22 @@ html {
2 color: var(--text-color);
3 font-size: 16px;
4 line-height: var(--line-height);
5- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
6- Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial,
7- sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
8+ font-family:
9+ -apple-system,
10+ BlinkMacSystemFont,
11+ "Segoe UI",
12+ Roboto,
13+ Oxygen,
14+ Ubuntu,
15+ Cantarell,
16+ "Fira Sans",
17+ "Droid Sans",
18+ "Helvetica Neue",
19+ Arial,
20+ sans-serif,
21+ "Apple Color Emoji",
22+ "Segoe UI Emoji",
23+ "Segoe UI Symbol";
24 -webkit-text-size-adjust: 100%;
25 -moz-tab-size: 4;
26 -o-tab-size: 4;
27@@ -250,13 +263,6 @@ sup {
28 width: 100%;
29 }
30
31-.container-center {
32- width: 100%;
33- height: 100%;
34- display: flex;
35- justify-content: center;
36-}
37-
38 .mono {
39 font-family: monospace;
40 }
41@@ -311,18 +317,10 @@ sup {
42 font-size: 0.8rem;
43 }
44
45-.cursor-pointer {
46- cursor: pointer;
47-}
48-
49 .w-full {
50 width: 100%;
51 }
52
53-.h-full {
54- height: 100%;
55-}
56-
57 .border {
58 border: 2px solid var(--grey-light);
59 }
60@@ -364,14 +362,6 @@ sup {
61 max-width: 50%;
62 }
63
64-.h-screen {
65- height: 100vh;
66-}
67-
68-.w-screen {
69- width: 100vw;
70-}
71-
72 .flex {
73 display: flex;
74 }
75@@ -424,18 +414,10 @@ sup {
76 margin-right: 0.5rem;
77 }
78
79-.ml-sm {
80- margin-left: 0.25rem;
81-}
82-
83 .ml {
84 margin-left: 0.5rem;
85 }
86
87-.pt-0 {
88- padding-top: 0;
89-}
90-
91 .my {
92 margin-top: var(--grid-height);
93 margin-bottom: var(--grid-height);
94@@ -451,24 +433,6 @@ sup {
95 margin-bottom: calc(var(--line-height) * 2);
96 }
97
98-.mx {
99- margin-left: 0.5rem;
100- margin-right: 0.5rem;
101-}
102-
103-.mx-2 {
104- margin-left: 1rem;
105- margin-right: 1rem;
106-}
107-
108-.m-1 {
109- margin: var(--grid-height);
110-}
111-
112-.p-1 {
113- padding: var(--grid-height);
114-}
115-
116 .p-0 {
117 padding: 0;
118 }
119@@ -478,11 +442,6 @@ sup {
120 padding-right: 0.5rem;
121 }
122
123-.px-2 {
124- padding-left: 1rem;
125- padding-right: 1rem;
126-}
127-
128 .px-4 {
129 padding-left: 2rem;
130 padding-right: 2rem;
131@@ -493,11 +452,6 @@ sup {
132 padding-bottom: var(--grid-height);
133 }
134
135-.py-2 {
136- padding-top: var(--line-height);
137- padding-bottom: var(--line-height);
138-}
139-
140 .py-4 {
141 padding-top: calc(var(--line-height) * 2);
142 padding-bottom: calc(var(--line-height) * 2);
143@@ -615,11 +569,11 @@ h1 code, h2 code, h3 code, h4 code {
144 .logo-header {
145 line-height: 1;
146 display: inline-block;
147- background-color: #FF79C6;
148- background-image: linear-gradient(to right, #FF5555, #FF79C6, #F8F859);
149+ background-color: #ff79c6;
150+ background-image: linear-gradient(to right, #ff5555, #ff79c6, #f8f859);
151 color: transparent;
152 background-clip: text;
153- border: 3px solid #FF79C6;
154+ border: 3px solid #ff79c6;
155 padding: 8px 10px 10px 10px;
156 border-radius: 10px;
157 background-size: 100%;