✨ optional title

comics_data.py

@@ -12,7 +12,6 @@ COMICS = [
     },
     {
         'number': 2,
-        'title': 'Second Comic',
         'filename': 'comic-002.png',
         'date': '2025-01-08',
         'alt_text': 'The second comic',

templates/archive.html

@@ -12,9 +12,9 @@
         <div class="archive-item">
             <a href="{{ url_for('comic', comic_id=comic.number) }}">
                 <img src="{{ url_for('static', filename='images/thumbs/' + comic.filename) }}"
-                     alt="{{ comic.title }}">
+                     alt="{{ comic.title if comic.title else '#' ~ comic.number }}">
                 <div class="archive-info">
-                    <h3>#{{ comic.number }}: {{ comic.title }}</h3>
+                    <h3>#{{ comic.number }}{% if comic.title %}: {{ comic.title }}{% endif %}</h3>
                     <p class="archive-date">{{ comic.date }}</p>
                 </div>
             </a>

templates/comic.html

@@ -3,13 +3,13 @@
 {% block content %}
 <div class="comic-container">
     <div class="comic-header">
-        <h1>{{ comic.title }}</h1>
+        <h1>{{ comic.title if comic.title else '#' ~ comic.number }}</h1>
         <p class="comic-date">{{ comic.date }}</p>
     </div>
 
     <div class="comic-image">
         <img src="{{ url_for('static', filename='images/' + comic.filename) }}"
-             alt="{{ comic.title }}"
+             alt="{{ comic.title if comic.title else '#' ~ comic.number }}"
              title="{{ comic.alt_text }}">
     </div>
 

templates/index.html

@@ -3,13 +3,13 @@
 {% block content %}
 <div class="comic-container">
     <div class="comic-header">
-        <h1>{{ comic.title }}</h1>
+        <h1>{{ comic.title if comic.title else '#' ~ comic.number }}</h1>
         <p class="comic-date">{{ comic.date }}</p>
     </div>
 
     <div class="comic-image">
         <img src="{{ url_for('static', filename='images/' + comic.filename) }}"
-             alt="{{ comic.title }}"
+             alt="{{ comic.title if comic.title else '#' ~ comic.number }}"
              title="{{ comic.alt_text }}">
     </div>