From: Amin Bandali <bandali@gnu.org>
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

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; }