From 08d93db6b9653bd4e5a4dbe6f5d6e54ea469248d Mon Sep 17 00:00:00 2001
From: Amin Bandali <bandali@gnu.org>
Date: Fri, 6 Dec 2019 08:38:03 -0500
Subject: [PATCH] tweak feed icons and tag list styles

use png versions instead of large original svg version
---
 haunt.scm            |  25 +++++++++++++++++--------
 static/icon-12px.png | Bin 0 -> 504 bytes
 static/icon-16px.png | Bin 0 -> 742 bytes
 static/style.css     |  21 +++++++++++++++++++++
 4 files changed, 38 insertions(+), 8 deletions(-)
 create mode 100644 static/icon-12px.png
 create mode 100644 static/icon-16px.png

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 0000000000000000000000000000000000000000..3fe8b0a3043e77f11c47e5ee5976536061e1b861
GIT binary patch
literal 504
zcmV<U0SEqxP)<h;3K|Lk000e1NJLTq000aC000aK1^@s6R&`wG0005MNkl<ZD3NWD
zF;5c#0EO=-+}}{sRC2xcu17ar-HjqmjDraafsl)kRtiYb7SW&;P#0Vnj3y>V2OJtV
zhYl{iM1_{?)!JTr?NQDv*w3M%F~K)~`SRWq3UN`~pOuQ$q(UvF@@pwdJ*{Cs&}e2y
zX|2U@9>p+Ip<*E}io*V^WSEly?9H3h6C>D*63$8pcU7jl9>L2g_**K+FQb_AvLRFx
z5vqES)11_bcpvVbfsdXjG&35)&y+$vF~U)PgWlJ7^xGBy{f<TN^^GCi$;dR8qX_jS
z6?;*_+s)G5zD9RFLhtiK@LljbcspZsGBS2bqPCzSG}2L=mC&%#(EN5Be3yQ^GJx+~
zq?%L^?E4z-s*LyMHpgF{56pnKGsf>vSpW`qpHZ0#V$DSmT3Kx{@WrM7n*X#cPV5Th
zi2$Y^MsU_f@p1~d)iY*idy>QaD*(#+We#S-2<^u){4JG!DG$DjyLkm?<0=51k2%`!
zp8`-xk5ihK5v+Ua_kXWD9axzPQl1F#<JJYf#m{40KgXUf8A2g0isrm*G&35F<tViU
um1<JKnu}oSVGd@(l%{3&bjc{hMe#3P9;TW=!B{u|0000<MNUMnLSTZdE9N=?

literal 0
HcmV?d00001

diff --git a/static/icon-16px.png b/static/icon-16px.png
new file mode 100644
index 0000000000000000000000000000000000000000..1151f76c1e908eb8ee7029c0e1d3e96adcde3a8f
GIT binary patch
literal 742
zcmV<C0vY{@P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00085Nkl<ZIE{Ui
zOHUI~7>3Ue;SVSRMauMI+VP$kSFkgP8e*UtW736f&>{f~w1~h$D57E{##@X=F)obp
z9$gqUnqUH62&L1~nU2^}q(hO%MP*Eb@$AmYdEWEB-}fCMgb?GNlDe4|tD5X^k?eAz
zhTN!OH(IwF?X*m)M<#VfM(>r;`!=JTlGJfeNu5}Q)lN4tZy9l41<4Z@wAPL2!7AoL
zR?<Dy%=b$yoVBqSv6DMzXX%22%)l1LJtcJ_+G5pW-ZGM1yU0F@u<&?@ALsY{7tW73
z$wlnM+9g%YcDRW9D)@fkAVn*e!FWB)!tl0#!r6WaEwl-d>~xVlVL|WPP42@O`RLnX
zAtS@my~AtZbhw&SmlL6eTx&B&wqm^K1!LaSS$-ZYg7x+))Sv^QhTZ7FD(0^?v65EE
ze|d`WsI6f8(sou7?@W=!Tb{pgppw}(2SV$1GZ(Uwz0p+Ud?gbne|sPK5hp9kJF_m|
z!!l~1l7!Df;-np+opzhH7w;Tm`Q!D!){P9t&3dwtt&l66Ej%6~;j^H4%ZUeUh*Xcf
zwpF7$K%Xo)Nh_qo)nxCs7WO|gDBg0SN6Lsb+YqTUvI*y3_3>-+KKYxq<SuSEon-H}
zq6R9>c-rt$rW!Xe<ChS6ugqe^j&ZBryzp!48QFe`+{@uYl21=a_$(M--T*K+Hpth8
zQliHsgx)6?Y+tW2UtD^BjdZx0^yNlVRPmORelQ5YkB6gt-oKuxUqZy%C2e&`j4L%o
zt<r)n^r3@jXB&tfDPyL2CrbDL(=D}3>|Mw7ajPcAJtcLSfh}u?<WH+s3pUlbfv*jv
zeBQsFiM{Jk0#1s4WUNinw9qC}T~5@XgV{C*iIaBX0UNPq8#8{1=rM_?U*enJGP?@@
Y2E}FO74!0^6951J07*qoM6N<$g3ak`9{>OV

literal 0
HcmV?d00001

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