diff --git a/comics_data.py b/comics_data.py index 8c8dc48..0b8efca 100644 --- a/comics_data.py +++ b/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 diff --git a/static/css/style.css b/static/css/style.css index 565519a..555326d 100644 --- a/static/css/style.css +++ b/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; diff --git a/static/images/sunday.jpg b/static/images/sunday.jpg new file mode 100644 index 0000000..d5222f2 --- /dev/null +++ b/static/images/sunday.jpg @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:01e824a902f309274d5a540dd2a00aa925339f0a0914ba868cfdf35619d8372e +size 4810 diff --git a/templates/base.html b/templates/base.html index 97ed1a2..be03f15 100644 --- a/templates/base.html +++ b/templates/base.html @@ -160,6 +160,12 @@