💄 credit image and link

comics_data.py

@@ -47,7 +47,7 @@ BANNER_IMAGE = 'banner.jpg'
 
 # Global setting: Set to True to display footer in compact mode
 # Compact mode: single line, no border, horizontal layout
-COMPACT_FOOTER = False
+COMPACT_FOOTER = True
 
 # Global setting: Set to True to make archive page full-width with 4 columns (2 on mobile)
 # Full-width archive shows square thumbnails with only dates, no titles

static/css/style.css

@@ -708,6 +708,7 @@ main {
 
     /* Compact footer mobile adjustments */
     footer.compact-footer .container {
+        max-width: none;
         flex-direction: column;
         align-items: center;
         text-align: center;
@@ -736,6 +737,26 @@ main {
     footer.compact-footer .footer-bottom::before {
         display: none;
     }
+
+    .footer-divider {
+        display: none;
+    }
+
+    .footer-bottom {
+        gap: var(--space-sm);
+    }
+
+    .footer-bottom p {
+        flex-basis: 100%;
+        text-align: center;
+    }
+
+    .site-credit {
+        flex-basis: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
 }
 
 /* Footer */
@@ -888,10 +909,25 @@ footer {
     outline-offset: 2px;
 }
 
+.site-credit {
+    display: flex;
+    flex-direction: column;
+}
+
+.credit-image {
+    display: block;
+    max-width: 100%;
+    height: auto;
+}
+
 .footer-bottom {
-    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--space-md);
     padding-top: var(--space-lg);
     border-top: var(--border-width-thin) solid var(--border-color);
+    flex-wrap: wrap;
 }
 
 .footer-bottom p {
@@ -902,6 +938,11 @@ footer {
     letter-spacing: var(--letter-spacing-tight);
 }
 
+.footer-divider {
+    color: var(--color-text);
+    font-size: var(--font-size-md);
+}
+
 .footer-bottom a.api-link {
     color: var(--color-text);
     text-decoration: none;
@@ -922,6 +963,7 @@ footer.compact-footer {
 }
 
 footer.compact-footer .container {
+    max-width: none;
     display: flex;
     align-items: center;
     justify-content: center;

templates/base.html

@@ -160,6 +160,12 @@
 
             <div class="footer-bottom">
                 <p>&copy; 2025 {{ comic_name }}. All rights reserved.</p>
+                <span class="footer-divider" aria-hidden="true">|</span>
+                <div class="site-credit">
+                    <a href="https://git.puercito.net/mi/sunday" target="_blank" rel="noopener noreferrer" aria-label="Sunday Comics - Webcomic platform">
+                        <img src="{{ url_for('static', filename='images/sunday.jpg') }}" alt="Sunday Comics" class="credit-image">
+                    </a>
+                </div>
             </div>
         </div>
     </footer>