From 6ee61046c88e8482238e90b9068c39ddda74a961 Mon Sep 17 00:00:00 2001
From: vjrj <vjrj@comunes.org>
Date: Wed, 15 Jul 2026 12:46:59 +0200
Subject: [PATCH] fix(web): fingerprint screenshot URLs (bust proxy cache) +
 fix header logo aspect

---
 site/assets/css/main.css          | 2 +-
 site/layouts/index.html           | 6 +++---
 site/layouts/partials/header.html | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/site/assets/css/main.css b/site/assets/css/main.css
index 041ddd3..7cf172d 100644
--- a/site/assets/css/main.css
+++ b/site/assets/css/main.css
@@ -62,7 +62,7 @@ a { color: var(--green); }
   font-size: 1.25rem;
   flex-shrink: 0;
 }
-.brand img { border-radius: 8px; }
+.brand img { height: 36px; width: auto; object-fit: contain; }
 .site-nav {
   display: flex;
   align-items: center;
diff --git a/site/layouts/index.html b/site/layouts/index.html
index 34e709d..fc5f8b5 100644
--- a/site/layouts/index.html
+++ b/site/layouts/index.html
@@ -11,7 +11,7 @@
     {{ end }}
     {{ partial "store-badges.html" . }}
   </div>
-  {{ $shot := resources.Get (printf "screenshots/%s/home.png" $lang) }}
+  {{ $shot := resources.Get (printf "screenshots/%s/home.png" $lang) | fingerprint }}
   {{ with $shot }}
   <div class="hero-shot">
     <div class="phone"><img src="{{ .RelPermalink }}" alt="Tane" loading="eager" /></div>
@@ -42,7 +42,7 @@
   <h2>{{ T "screenshotsTitle" }}</h2>
   <div class="shot-row">
     {{ range $s := $screens }}
-      {{ $img := resources.Get (printf "screenshots/%s/%s.png" $lang $s) }}
+      {{ $img := resources.Get (printf "screenshots/%s/%s.png" $lang $s) | fingerprint }}
       {{ with $img }}
       <figure class="phone-fig">
         <div class="phone"><img src="{{ .RelPermalink }}" alt="Tane {{ $s }}" loading="lazy" /></div>
@@ -51,7 +51,7 @@
       {{ end }}
     {{ end }}
   </div>
-  {{ $rtl := resources.Get "screenshots/rtl/inventory.png" }}
+  {{ $rtl := resources.Get "screenshots/rtl/inventory.png" | fingerprint }}
   {{ with $rtl }}
   <div class="rtl-note">
     <div class="phone phone-sm"><img src="{{ .RelPermalink }}" alt="Tane RTL" loading="lazy" dir="rtl" /></div>
diff --git a/site/layouts/partials/header.html b/site/layouts/partials/header.html
index c9e64a6..38a5bf2 100644
--- a/site/layouts/partials/header.html
+++ b/site/layouts/partials/header.html
@@ -1,6 +1,6 @@
 <header class="site-header">
   <a class="brand" href="{{ "/" | relLangURL }}">
-    <img src="/logo.png" alt="Tane" width="36" height="36" />
+    <img src="/logo.png" alt="Tane" width="21" height="36" />
     <span>Tane</span>
   </a>
   <nav class="site-nav">