- commit
- 1811feb
- parent
- f67d924
- author
- Eric Bower
- date
- 2023-02-28 04:50:44 +0000 UTC
design tweaks
10 files changed,
+104,
-19
+15,
-1
1@@ -177,7 +177,7 @@ header {
2 }
3
4 p {
5- margin: 1rem 0;
6+ margin: 0.8rem 0;
7 }
8
9 article {
10@@ -257,6 +257,11 @@ figure {
11 line-height: 1.15;
12 }
13
14+.text-md {
15+ font-size: 1.15rem;
16+ line-height: 1.15;
17+}
18+
19 .text-sm {
20 font-size: 0.875rem;
21 }
22@@ -289,6 +294,10 @@ figure {
23 margin: 0;
24 }
25
26+.mt {
27+ margin-top: 0.5rem;
28+}
29+
30 .mb {
31 margin-bottom: 0.5rem;
32 }
33@@ -306,6 +315,11 @@ figure {
34 margin-bottom: 0.5rem;
35 }
36
37+.my-2 {
38+ margin-top: 1rem;
39+ margin-bottom: 1rem;
40+}
41+
42 .mx {
43 margin-left: 0.5rem;
44 margin-right: 0.5rem;
+15,
-1
1@@ -177,7 +177,7 @@ header {
2 }
3
4 p {
5- margin: 1rem 0;
6+ margin: 0.8rem 0;
7 }
8
9 article {
10@@ -257,6 +257,11 @@ figure {
11 line-height: 1.15;
12 }
13
14+.text-md {
15+ font-size: 1.15rem;
16+ line-height: 1.15;
17+}
18+
19 .text-sm {
20 font-size: 0.875rem;
21 }
22@@ -289,6 +294,10 @@ figure {
23 margin: 0;
24 }
25
26+.mt {
27+ margin-top: 0.5rem;
28+}
29+
30 .mb {
31 margin-bottom: 0.5rem;
32 }
33@@ -306,6 +315,11 @@ figure {
34 margin-bottom: 0.5rem;
35 }
36
37+.my-2 {
38+ margin-top: 1rem;
39+ margin-bottom: 1rem;
40+}
41+
42 .mx {
43 margin-left: 0.5rem;
44 margin-right: 0.5rem;
+15,
-1
1@@ -177,7 +177,7 @@ header {
2 }
3
4 p {
5- margin: 1rem 0;
6+ margin: 0.8rem 0;
7 }
8
9 article {
10@@ -257,6 +257,11 @@ figure {
11 line-height: 1.15;
12 }
13
14+.text-md {
15+ font-size: 1.15rem;
16+ line-height: 1.15;
17+}
18+
19 .text-sm {
20 font-size: 0.875rem;
21 }
22@@ -289,6 +294,10 @@ figure {
23 margin: 0;
24 }
25
26+.mt {
27+ margin-top: 0.5rem;
28+}
29+
30 .mb {
31 margin-bottom: 0.5rem;
32 }
33@@ -306,6 +315,11 @@ figure {
34 margin-bottom: 0.5rem;
35 }
36
37+.my-2 {
38+ margin-top: 1rem;
39+ margin-bottom: 1rem;
40+}
41+
42 .mx {
43 margin-left: 0.5rem;
44 margin-right: 0.5rem;
+15,
-1
1@@ -177,7 +177,7 @@ header {
2 }
3
4 p {
5- margin: 1rem 0;
6+ margin: 0.8rem 0;
7 }
8
9 article {
10@@ -257,6 +257,11 @@ figure {
11 line-height: 1.15;
12 }
13
14+.text-md {
15+ font-size: 1.15rem;
16+ line-height: 1.15;
17+}
18+
19 .text-sm {
20 font-size: 0.875rem;
21 }
22@@ -289,6 +294,10 @@ figure {
23 margin: 0;
24 }
25
26+.mt {
27+ margin-top: 0.5rem;
28+}
29+
30 .mb {
31 margin-bottom: 0.5rem;
32 }
33@@ -306,6 +315,11 @@ figure {
34 margin-bottom: 0.5rem;
35 }
36
37+.my-2 {
38+ margin-top: 1rem;
39+ margin-bottom: 1rem;
40+}
41+
42 .mx {
43 margin-left: 0.5rem;
44 margin-right: 0.5rem;
+5,
-5
1@@ -27,10 +27,10 @@
2
3 <div class="posts">
4 {{range .Posts}}
5- <article class="my">
6+ <article class="my-2">
7 <div class="flex items-center">
8- <time datetime="{{.PublishAtISO}}" class="font-italic text-sm post-date">{{.PublishAt}}</time>
9- <div class="font-bold flex-1"><a href="{{.URL}}">{{.Title}}</a></div>
10+ <time datetime="{{.PublishAtISO}}" class="text-sm post-date">{{.PublishAt}}</time>
11+ <span class="text-lg flex-1"><a href="{{.URL}}">{{.Title}}</a></span>
12 </div>
13 </article>
14 {{end}}
15@@ -45,9 +45,9 @@
16 {{end}}
17 <nav>
18 {{range .Header.Nav}}
19- <a href="{{.URL}}" class="text-lg">{{.Text}}</a> ·
20+ <a href="{{.URL}}" class="text-md">{{.Text}}</a> ·
21 {{end}}
22- <a href="{{.RSSURL}}" class="text-lg">rss</a>
23+ <a href="{{.RSSURL}}" class="text-md">rss</a>
24 </nav>
25 </aside>
26 </main>
+2,
-2
1@@ -27,8 +27,8 @@
2 {{range .Posts}}
3 <article class="my">
4 <div class="flex items-center">
5- <time datetime="{{.PublishAtISO}}" class="font-italic text-sm post-date">{{.PublishAt}}</time>
6- <div class="font-bold flex-1"><a href="{{.URL}}">{{.Title}}</a></div>
7+ <time datetime="{{.PublishAtISO}}" class="text-sm post-date">{{.PublishAt}}</time>
8+ <span class="text-lg flex-1"><a href="{{.URL}}">{{.Title}}</a></span>
9 </div>
10 </article>
11 {{end}}
+1,
-1
1@@ -403,8 +403,8 @@ This will show up on the blog landing page.
2
3 <tr>
4 <td>draft</td>
5- <td>no</td>
6 <td>yes</td>
7+ <td>-</td>
8 </tr>
9
10 <tr>
+6,
-5
1@@ -4,6 +4,7 @@
2
3 {{define "meta"}}
4 <meta name="description" content="discover interesting posts" />
5+<link rel="alternate" href="/rss" type="application/rss+xml" title="RSS feed for prose.sh" />
6 {{end}}
7
8 {{define "attrs"}}{{end}}
9@@ -20,23 +21,23 @@
10 <div class="font-italic text-sm post-date">popular tags</div>
11 <div class="flex-1">
12 {{range .Tags}}
13- <a href="/read?tag={{.}}">#{{.}}</a>
14+ <span class="text-md"><a href="/read?tag={{.}}">#{{.}}</a></span>
15 {{end}}
16 </div>
17 </div>
18 {{if .HasFilter}}<a href="/read">clear filter</a>{{end}}
19
20- <div class="mb">
21+ <div class="mt">
22 {{if .PrevPage}}<a href="{{.PrevPage}}">prev</a>{{else}}<span class="text-grey">prev</span>{{end}}
23 {{if .NextPage}}<a href="{{.NextPage}}">next</a>{{else}}<span class="text-grey">next</span>{{end}}
24 </div>
25
26 {{range .Posts}}
27- <article class="my">
28+ <article class="my-2">
29 <div class="flex items-center">
30- <time datetime="{{.PublishAtISO}}" class="font-italic text-sm post-date">{{.PublishAt}}</time>
31+ <time datetime="{{.PublishAtISO}}" class="font text-sm post-date">{{.PublishAt}}</time>
32 <div class="flex-1">
33- <div class="inline"><a href="{{.URL}}">{{.Title}}</a></div>
34+ <span class="text-lg"><a href="{{.URL}}">{{.Title}}</a></span>
35 <address class="text-sm inline">
36 <a href="{{.BlogURL}}" class="link-grey">({{.Username}})</a>
37 </address>
+15,
-1
1@@ -177,7 +177,7 @@ header {
2 }
3
4 p {
5- margin: 1rem 0;
6+ margin: 0.8rem 0;
7 }
8
9 article {
10@@ -257,6 +257,11 @@ figure {
11 line-height: 1.15;
12 }
13
14+.text-md {
15+ font-size: 1.15rem;
16+ line-height: 1.15;
17+}
18+
19 .text-sm {
20 font-size: 0.875rem;
21 }
22@@ -289,6 +294,10 @@ figure {
23 margin: 0;
24 }
25
26+.mt {
27+ margin-top: 0.5rem;
28+}
29+
30 .mb {
31 margin-bottom: 0.5rem;
32 }
33@@ -306,6 +315,11 @@ figure {
34 margin-bottom: 0.5rem;
35 }
36
37+.my-2 {
38+ margin-top: 1rem;
39+ margin-bottom: 1rem;
40+}
41+
42 .mx {
43 margin-left: 0.5rem;
44 margin-right: 0.5rem;
M
smol.css
+15,
-1
1@@ -177,7 +177,7 @@ header {
2 }
3
4 p {
5- margin: 1rem 0;
6+ margin: 0.8rem 0;
7 }
8
9 article {
10@@ -257,6 +257,11 @@ figure {
11 line-height: 1.15;
12 }
13
14+.text-md {
15+ font-size: 1.15rem;
16+ line-height: 1.15;
17+}
18+
19 .text-sm {
20 font-size: 0.875rem;
21 }
22@@ -289,6 +294,10 @@ figure {
23 margin: 0;
24 }
25
26+.mt {
27+ margin-top: 0.5rem;
28+}
29+
30 .mb {
31 margin-bottom: 0.5rem;
32 }
33@@ -306,6 +315,11 @@ figure {
34 margin-bottom: 0.5rem;
35 }
36
37+.my-2 {
38+ margin-top: 1rem;
39+ margin-bottom: 1rem;
40+}
41+
42 .mx {
43 margin-left: 0.5rem;
44 margin-right: 0.5rem;