From a365cbec827ad44e196c62558272e723e3a3b564 Mon Sep 17 00:00:00 2001
From: Botond Hende <nettingman@gmail.com>
Date: Tue, 23 Dec 2025 17:39:29 +0100
Subject: comic page, other than buttons, finished

---
 comic/assets/css/comic.css                 |  26 +++++++++++++++++++++++++-
 comic/assets/images/banner_placeholder.png | Bin 0 -> 13661 bytes
 comic/templates/comic_feed.xml.j2          |  24 ++++++++++++++++++++++++
 comic/templates/issue.html.j2              |  10 ++++++++--
 4 files changed, 57 insertions(+), 3 deletions(-)
 create mode 100644 comic/assets/images/banner_placeholder.png
 create mode 100644 comic/templates/comic_feed.xml.j2

(limited to 'comic')

diff --git a/comic/assets/css/comic.css b/comic/assets/css/comic.css
index f571a16..9449cab 100644
--- a/comic/assets/css/comic.css
+++ b/comic/assets/css/comic.css
@@ -21,6 +21,20 @@ main, footer {
     margin-top: 0.5rem;
 }
 
+footer {
+    padding-top: 1rem !important;
+    padding-bottom: 1rem !important;;
+}
+
+hr {
+    width: 30%;
+    color: #e9d3ff;
+}
+
+img.banner {
+    width: 100%;
+}
+
 img.comic {
     width: 100%;
     border: 0.1rem solid black;
@@ -31,6 +45,16 @@ p {
     margin: 0.2rem;
 }
 
+a {
+    color: #801396;
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
 p.description {
-    margin-top: 3rem;
+    margin-top: 2rem;
+    margin-bottom: 2rem;
 }
\ No newline at end of file
diff --git a/comic/assets/images/banner_placeholder.png b/comic/assets/images/banner_placeholder.png
new file mode 100644
index 0000000..64bff87
Binary files /dev/null and b/comic/assets/images/banner_placeholder.png differ
diff --git a/comic/templates/comic_feed.xml.j2 b/comic/templates/comic_feed.xml.j2
new file mode 100644
index 0000000..eeb177d
--- /dev/null
+++ b/comic/templates/comic_feed.xml.j2
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<rss version="2.0">
+<channel>
+    <title>{{ comic.comic_name }}</title>
+    <link>https://comic.wazul.moe/feed.xml</link>
+    <description>Silly comic ideas by Wazul</description>
+    <language>en</language>
+    <lastBuildDate>{{ build_date }}</lastBuildDate>
+    {% for issue in issues %}
+    <item>
+        <title>{{ issue.title() }}</title>
+        <link>{{ issue.get_link() }}</link>
+        <description>
+            &lt;img src="{{ issue.get_link() }}/comic.png"/&gt;
+            &lt;br&gt;
+            &lt;p&gt;{{ issue.description() }}&lt;/p&gt;
+        </description>
+        <guid>{{ issue.get_link() }}</guid>
+        <author>contact@wazul.moe</author>
+        <pubDate>{{ issue.get_publish_time_rfc2822() }}</pubDate>
+    </item>
+    {% endfor %}
+    </channel>
+</rss>
\ No newline at end of file
diff --git a/comic/templates/issue.html.j2 b/comic/templates/issue.html.j2
index 7eca898..70b4745 100644
--- a/comic/templates/issue.html.j2
+++ b/comic/templates/issue.html.j2
@@ -14,12 +14,12 @@
 <div class="bootstrap-wrapper">
     <div class="container">
         <a href="/" class="row dont-bother">
-            <header class="col-md-7" role="banner">TITLE</header>
+            <header class="col-md-7" role="banner"><img class="banner" src="{{ site.assets_path }}/images/banner_placeholder.png"  alt="banner"/></header>
         </a>
         <div class="row">
             <main class="col-md-7">
                 <h1>{{ issue.title() }}</h1>
-                <img class="comic" src="{{ url }}/comic.png" />
+                <img class="comic" src="{{ url }}/comic.png"  alt="comic"/>
                 <p class="description">{{ issue.description() }}</p>
             </main>
         </div>
@@ -27,6 +27,12 @@
             <footer class="col-md-7">
                 <p>Permalink to this comic: <a href="{{ url }}">{{ url }}</a></p>
                 <p>Image url: <a href="{{ url }}/comic.png">{{ url }}/comic.png</a></p>
+                <hr>
+                <p><a href="/feed.xml">RSS feed</a></p>
+                <hr>
+                <p>This comic series is heavily inspired by <a href="https://xkcd.com">XKCD</a></p>
+                <hr>
+                <p>The comic is licenced under <a href="https://creativecommons.org/licenses/by-nc/4.0/legalcode.en">Creative Commons Attribution-NonCommercial 4.0</a></p>
             </footer>
         </div>
     </div>
-- 
cgit v1.2.3-70-g09d2