From: Amin Bandali Date: Fri, 6 Dec 2019 13:38:03 +0000 (-0500) Subject: tweak feed icons and tag list styles X-Git-Url: https://git.shemshak.org/~bandali/bndl.org/commitdiff_plain/08d93db6b9653bd4e5a4dbe6f5d6e54ea469248d?hp=cfff0eef996c14198888ad9b58ab1e2d2c058b80 tweak feed icons and tag list styles use png versions instead of large original svg version --- diff --git a/haunt.scm b/haunt.scm index 03af1aa..7b2d740 100644 --- a/haunt.scm +++ b/haunt.scm @@ -145,8 +145,8 @@ resulting list is of an odd length and every second element is DELIM." `((h2 ,title ,(if tag - (aa `(img (@ (class "feed-icon") - (src "/feed.svg") + (aa `(img (@ (class "feed-icon-h2") + (src "/icon-16px.png") (alt "subscribe to atom feed"))) (tag-uri my-tag-prefix tag ".xml")) '())) @@ -156,15 +156,15 @@ resulting list is of an odd length and every second element is DELIM." ,@(map (lambda (post) `(tr (td ,(aa (post-ref post 'title) (post-uri post))) - (td (@ (style "font-size: 0.875em;")) - ,(date->string (post-date post) - my-date-format)))) + (td (small + ,(date->string (post-date post) + my-date-format))))) posts))) (h2 "Tags") ,(tag-links (or all-posts posts)) ,(if tag '(a (@ (href "/notes.html")) - "← all posts") + "← all notes") '()))) (define bandali-theme @@ -286,8 +286,17 @@ resulting list is of an odd length and every second element is DELIM." "images")) (h2 (@ (id "notes")) "Notes") (p "Here are notes about a variety of topics and issues I care " - "about. They’re also available via " ,(aa "Atom" "notes.atom") - " and " ,(aa "RSS" "notes.rss") " feeds.") + "about. They’re also available via " + ,(aa `((img (@ (class "feed-icon") + (src "/icon-12px.png") + (alt "subscribe to atom feed"))) + "Atom") + "notes.atom") + " and " + ,(aa `((img (@ (class "feed-icon") + (src "/icon-12px.png") + (alt "subscribe to rss feed"))) + "RSS") "notes.rss") " feeds.") (table (@ (class "post-list")) (tbody diff --git a/static/icon-12px.png b/static/icon-12px.png new file mode 100644 index 0000000..3fe8b0a Binary files /dev/null and b/static/icon-12px.png differ diff --git a/static/icon-16px.png b/static/icon-16px.png new file mode 100644 index 0000000..1151f76 Binary files /dev/null and b/static/icon-16px.png differ diff --git a/static/style.css b/static/style.css index 475d41d..f236c92 100644 --- a/static/style.css +++ b/static/style.css @@ -183,6 +183,27 @@ p + table { margin-top: -0.3em; } +.feed-icon { + margin-right: 3px +} +.feed-icon-h2 { + margin-left: 5px; + position: relative; + top: 2px +} + +.tag-list { + padding-left: 0; +} +.tag-list li { + margin-right: 0.75em; + white-space: nowrap; + display: inline-block; +} +.tag-list > li::before { + content: ''; +} + sup, sub { font-size: 0.85em; } sup { vertical-align: super; } sub { vertical-align: sub; }