📝 credit to Boots and Her Buddies

README.md

@@ -39,7 +39,8 @@ sunday/
     │   └── style.css        # Main stylesheet
     ├── js/
     │   └── comic-nav.js     # Client-side navigation
-    ├── images/              # Comic images
+    ├── images/              # Image directory
+    │   ├── comics/          # Comic images
     │   └── thumbs/          # Thumbnail images for archive
     └── feed.rss             # RSS feed (generated)
 ```
@@ -103,7 +104,7 @@ python scripts/add_comic.py
 This will automatically add a new entry with defaults. Then edit `comics_data.py` to customize.
 
 **Option 2: Manual**
-1. Save your comic image in `static/images/` (e.g., `comic-001.png`)
+1. Save your comic image in `static/images/comics/` (e.g., `comic-001.png`)
 2. Optionally, create a thumbnail in `static/images/thumbs/` with the same filename
 3. Add the comic entry to the `COMICS` list in `comics_data.py`
 
@@ -265,6 +266,7 @@ The app exposes a JSON API for programmatic access:
 ## Credits
 
 - Favicon generated using [favicon.io](https://favicon.io)
+- Example comics sourced from Boots and Her Buddies comic strip at [Comic Book Plus](https://comicbookplus.com/?cid=2561)
 
 ## License
 

comics_data.py

@@ -5,21 +5,21 @@ COMICS = [
     {
         'number': 1,
         'title': 'First Comic',
-        'filename': 'comic-001.png',
+        'filename': 'comic-001.jpg',
         'date': '2025-01-01',
         'alt_text': 'The very first comic',
         'author_note': 'This is where your comic journey begins!'
     },
     {
         'number': 2,
-        'filename': 'comic-002.png',
+        'filename': 'comic-002.jpg',
         'date': '2025-01-08',
         'alt_text': 'The second comic',
     },
     {
         'number': 3,
         'title': 'Third Comic',
-        'filename': 'comic-003.png',
+        'filename': 'comic-003.jpg',
         'date': '2025-01-15',
         'alt_text': 'The third comic',
         'author_note': 'Things are getting interesting!'

scripts/generate_rss.py

@@ -59,7 +59,7 @@ def generate_rss():
             pass
 
         # Image enclosure
-        image_url = f"{SITE_URL}/static/images/{comic['filename']}"
+        image_url = f"{SITE_URL}/static/images/comics/{comic['filename']}"
         SubElement(item, 'enclosure', url=image_url, type='image/png', length='0')
 
     # Convert to pretty XML

static/js/comic-nav.js

@@ -36,7 +36,7 @@
 
         // Update image
         const img = document.querySelector('.comic-image img');
-        img.src = `/static/images/${comic.filename}`;
+        img.src = `/static/images/comics/${comic.filename}`;
         img.alt = title;
         img.title = comic.alt_text;
 

templates/comic.html

@@ -12,7 +12,7 @@
     </div>
 
     <div class="comic-image">
-        <img src="{{ url_for('static', filename='images/' + comic.filename) }}"
+        <img src="{{ url_for('static', filename='images/comics/' + comic.filename) }}"
              alt="{{ comic.title if comic.title else '#' ~ comic.number }}"
              title="{{ comic.alt_text }}">
     </div>

templates/index.html

@@ -14,7 +14,7 @@
     </div>
 
     <div class="comic-image">
-        <img src="{{ url_for('static', filename='images/' + comic.filename) }}"
+        <img src="{{ url_for('static', filename='images/comics/' + comic.filename) }}"
              alt="{{ comic.title if comic.title else '#' ~ comic.number }}"
              title="{{ comic.alt_text }}">
     </div>