💄 credit image and link

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;