diff options
| author | Jakob L. Kreuze <zerodaysfordays@sdf.org> | 2026-02-18 17:56:13 -0500 |
|---|---|---|
| committer | Jakob L. Kreuze <zerodaysfordays@sdf.org> | 2026-02-19 13:51:00 -0500 |
| commit | 995c709915957f9932ae0f3fa137b8bb9877886a (patch) | |
| tree | 31507b64d284e5f91e6ac32140a33625008fe67e | |
| parent | 3330177ae946da9f347f9ac95ac14025f578a089 (diff) | |
Stylize bookmark and blogroll pages
| -rw-r--r-- | jakob/builder/blogroll.scm | 3 | ||||
| -rw-r--r-- | jakob/theme.scm | 4 | ||||
| -rw-r--r-- | static/css/style.css | 37 |
3 files changed, 42 insertions, 2 deletions
diff --git a/jakob/builder/blogroll.scm b/jakob/builder/blogroll.scm index fea04e2..0523f69 100644 --- a/jakob/builder/blogroll.scm +++ b/jakob/builder/blogroll.scm @@ -84,7 +84,8 @@ each tag is used." (define* (render-entries title prefix entries #:optional tag) "Return an SHTML document listing ENTRIES in PREFIX, with a header of TITLE." #<(main - (h1 ,(if tag + (h2 (@ (class "section-header")) + ,(if tag (format #f "~a :: Tagged \"~a\"" title tag) title)) ,(unless tag (render-tag-cloud prefix entries)) diff --git a/jakob/theme.scm b/jakob/theme.scm index 65aaf51..385160a 100644 --- a/jakob/theme.scm +++ b/jakob/theme.scm @@ -101,7 +101,9 @@ (ul (@ (class "nav-list")) (li (a (@ (href "https://social.jakob.space/users/jakob")) "Pleroma")) (li (a (@ (href "https://lobste.rs/u/jakob")) "Lobste.rs")) - (li (a (@ (href "https://git.sr.ht/~jakob")) "Sr.ht")))) + (li (a (@ (href "https://git.sr.ht/~jakob")) "Sr.ht")) + (li (a (@ (href "/blogroll/")) "Blogroll")) + (li (a (@ (href "/bookmark/")) "Bookmarks")))) (section (@ (class "module status-module") diff --git a/static/css/style.css b/static/css/style.css index b096ca0..01d139a 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -1084,3 +1084,40 @@ tbody tr:last-child td { background-color: #eee; color: #2e8b57 } + +#tag-cloud { + list-style-type: none; + padding: 0; + margin: 20px 0; + display: flex; + flex-wrap: wrap; + gap: 8px; + line-height: 1.8 +} + +#tag-cloud a { + border-bottom: none +} + +#tag-cloud li { + background-color: #f9f9f9; + border: 1px solid #ccc; + padding: 2px 8px; + font-size: 9px; + text-transform: uppercase; + color: #666; + transition: all .2s ease; + display: inline-block +} + +#tag-cloud a:hover li { + background-color: #eee; + border-color: #2e8b57; + color: #2e8b57; + box-shadow: 1px 1px 0#ccc +} + +#tag-cloud li::after { + color: #999; + font-weight: 400 +} |