From 997fa352ffc90de537b95dafeb179da19d9c5c22 Mon Sep 17 00:00:00 2001
From: Botond Hende <nettingman@gmail.com>
Date: Sat, 27 Dec 2025 19:24:45 +0100
Subject: added icon to rss feed link on comic

---
 comic/assets/css/comic.css                 |  23 ++++++++++++++++++++++-
 comic/assets/image/banner_placeholder.png  | Bin 0 -> 13661 bytes
 comic/assets/image/rss.svg                 |   1 +
 comic/assets/images/banner_placeholder.png | Bin 13661 -> 0 bytes
 comic/templates/issue.html.j2              |   7 +++++--
 5 files changed, 28 insertions(+), 3 deletions(-)
 create mode 100644 comic/assets/image/banner_placeholder.png
 create mode 100644 comic/assets/image/rss.svg
 delete mode 100644 comic/assets/images/banner_placeholder.png

diff --git a/comic/assets/css/comic.css b/comic/assets/css/comic.css
index a828323..1811c3f 100644
--- a/comic/assets/css/comic.css
+++ b/comic/assets/css/comic.css
@@ -61,6 +61,26 @@ ul.navigation li a:hover {
     text-decoration: none;
 }
 
+.icon-text {
+    display: flex;
+    flex-flow: row;
+    align-items: center;
+    margin-top: 0.2rem;
+    margin-bottom: 0.2rem;
+}
+
+.icon-text > :first-child {
+    margin-right: 0.3rem;
+}
+
+.svg-icon {
+    max-width: 1.5rem;
+    max-height: 1.5rem;
+    border: none;
+    width: 1.5rem;
+    height: 1.5rem;
+}
+
 img.banner {
     width: 100%;
 }
@@ -71,8 +91,9 @@ img.comic {
 }
 
 p {
-    text-align: center;
+    font-size: 1rem;
     margin: 0.2rem;
+    text-align: center;
 }
 
 a {
diff --git a/comic/assets/image/banner_placeholder.png b/comic/assets/image/banner_placeholder.png
new file mode 100644
index 0000000..64bff87
Binary files /dev/null and b/comic/assets/image/banner_placeholder.png differ
diff --git a/comic/assets/image/rss.svg b/comic/assets/image/rss.svg
new file mode 100644
index 0000000..45f911c
--- /dev/null
+++ b/comic/assets/image/rss.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#801396" d="M6.18 15.64a2.18 2.18 0 0 1 2.18 2.18C8.36 19 7.38 20 6.18 20C5 20 4 19 4 17.82a2.18 2.18 0 0 1 2.18-2.18M4 4.44A15.56 15.56 0 0 1 19.56 20h-2.83A12.73 12.73 0 0 0 4 7.27zm0 5.66a9.9 9.9 0 0 1 9.9 9.9h-2.83A7.07 7.07 0 0 0 4 12.93z"/></svg>
diff --git a/comic/assets/images/banner_placeholder.png b/comic/assets/images/banner_placeholder.png
deleted file mode 100644
index 64bff87..0000000
Binary files a/comic/assets/images/banner_placeholder.png and /dev/null differ
diff --git a/comic/templates/issue.html.j2 b/comic/templates/issue.html.j2
index a25d616..679b778 100644
--- a/comic/templates/issue.html.j2
+++ b/comic/templates/issue.html.j2
@@ -14,7 +14,7 @@
 <div class="bootstrap-wrapper">
     <div class="container">
         <a href="/" class="row dont-bother">
-            <header class="col-md-9" role="banner"><img class="banner" src="{{ site.assets_path }}/images/banner_placeholder.png"  alt="banner"/></header>
+            <header class="col-md-9" role="banner"><img class="banner" src="{{ site.assets_path }}/image/banner_placeholder.png"  alt="banner"/></header>
         </a>
         <div class="row">
             <main class="col-md-9">
@@ -41,7 +41,10 @@
                 <p>Image url: <a href="{{ url }}/comic.png">{{ url }}/comic.png</a></p>
                 <p>{{ issue.get_publish_time() }}</p>
                 <hr>
-                <p><a href="/feed.xml">RSS feed</a></p>
+                <a href="/feed.xml" class="icon-text" target="_blank">
+                <img src="/assets/image/rss.svg" class="svg-icon" />
+                <span>RSS feed</span>
+                </a>
                 <hr>
                 <p>This comic series is heavily inspired by <a href="https://xkcd.com">XKCD</a></p>
                 <hr>
-- 
cgit v1.2.3-70-g09d2