repos / pico

commit

cef62bf

parent

1811feb

author

Eric Bower

date

2023-02-28 04:56:07 +0000 UTC

style(prose,lists): tweaked /read and blog styles

 1@@ -33,10 +33,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">{{.PublishdAt}}</time>
11+                    <span class="text-lg flex-1"><a href="{{.URL}}">{{.Title}}</a></span>
12                 </div>
13             </article>
14         {{end}}
15@@ -55,10 +55,10 @@
16         <nav>
17             {{range .Header.Nav}}
18                 {{if .IsURL}}
19-                <a href="{{.URL}}" class="text-lg">{{.Value}}</a> ·
20+                <a href="{{.URL}}" class="text-md">{{.Value}}</a> ·
21                 {{end}}
22             {{end}}
23-            <a href="{{.RSSURL}}" class="text-lg">rss</a>
24+            <a href="{{.RSSURL}}" class="text-md">rss</a>
25         </nav>
26     </aside>
27 </main>

 1@@ -5,10 +5,10 @@
 2     <nav>
 3         {{range .Header.Nav}}
 4             {{if .IsURL}}
 5-            <a href="{{.URL}}" class="text-lg">{{.Value}}</a> |
 6+            <a href="{{.URL}}" class="text-md">{{.Value}}</a> |
 7             {{end}}
 8         {{end}}
 9-        <a href="{{.RSSURL}}" class="text-lg">rss</a>
10+        <a href="{{.RSSURL}}" class="text-md">rss</a>
11     </nav>
12     <hr />
13 </header>
14@@ -27,10 +27,10 @@
15             <a href="{{.URL}}">clear filters</a>
16         {{end}}
17         {{range .Posts}}
18-        <article class="my">
19+        <article class="my-2">
20             <div class="flex items-center">
21-                <time datetime="{{.UpdatedAtISO}}" class="font-italic text-sm post-date">{{.UpdatedTimeAgo}}</time>
22-                <div class="font-bold flex-1"><a href="{{.URL}}">{{.Title}}</a></div>
23+                <time datetime="{{.UpdatedAtISO}}" class="text-sm post-date">{{.UpdatedAt}}</time>
24+                <span class="text-lg flex-1"><a href="{{.URL}}">{{.Title}}</a></span>
25             </div>
26         </article>
27         {{end}}

 1@@ -19,7 +19,7 @@
 2         <div class="font-italic text-sm post-date">popular tags</div>
 3         <div class="flex-1">
 4         {{range .Tags}}
 5-        <a href="/read?tag={{.}}">#{{.}}</a>
 6+        <span class="text-md"><a href="/read?tag={{.}}">#{{.}}</a></span>
 7         {{end}}
 8         </div>
 9     </div>
10@@ -31,11 +31,11 @@
11     </div>
12 
13     {{range .Posts}}
14-    <article class="my">
15+    <article class="my-2">
16         <div class="flex items-center">
17-            <time datetime="{{.UpdatedAtISO}}" class="font-italic text-sm post-date">{{.UpdatedTimeAgo}}</time>
18+            <time datetime="{{.UpdatedAtISO}}" class="text-sm post-date">{{.UpdatedTimeAgo}}</time>
19             <div class="flex-1">
20-                <div class="inline"><a href="{{.URL}}">{{.Title}}</a></div>
21+                <span class="text-lg"><a href="{{.URL}}">{{.Title}}</a></span>
22                 <address class="text-sm inline">
23                     <a href="{{.BlogURL}}" class="link-grey">({{.Username}})</a>
24                 </address>