popup: center name/life/badges under the signature; FIX broken works images (AIC IIIF hotlink-blocks Referer -> referrerpolicy=no-referrer, verified 6/6 render for Munch incl. The Scream) + broken tiles self-remove; gallery card names centered

14e7071e9f81e7c36af2e6d1e282e6a545268e30 · 2026-08-03 12:43:21 -0700 · Steve Abrams

Files touched

M public/index.html

Diff

commit 14e7071e9f81e7c36af2e6d1e282e6a545268e30
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Mon Aug 3 12:43:21 2026 -0700

    popup: center name/life/badges under the signature; FIX broken works images (AIC IIIF hotlink-blocks Referer -> referrerpolicy=no-referrer, verified 6/6 render for Munch incl. The Scream) + broken tiles self-remove; gallery card names centered
---
 public/index.html | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/public/index.html b/public/index.html
index b4a978b..6dbd5aa 100644
--- a/public/index.html
+++ b/public/index.html
@@ -79,9 +79,9 @@
      switched via body[data-layout]; persisted in prefs.layout */
   /* L1 gallery (refined default): name always visible, shown BELOW the details chip */
   body[data-layout] .meta .name { transition:opacity .18s ease, transform .18s ease; }
-  body[data-layout="gallery"] .meta { flex-direction:column; }
-  body[data-layout="gallery"] .meta .info-chip { order:1; align-self:flex-start; }
-  body[data-layout="gallery"] .meta .name { order:2; margin-top:4px; }
+  body[data-layout="gallery"] .meta { flex-direction:column; align-items:center; text-align:center; }
+  body[data-layout="gallery"] .meta .info-chip { order:1; align-self:center; }
+  body[data-layout="gallery"] .meta .name { order:2; margin-top:4px; text-align:center; }
   body[data-layout="float"] .meta .name { opacity:0; transform:translateY(3px); }
   body[data-layout="float"] .card:hover .name, body[data-layout="float"] .card:focus-within .name { opacity:1; transform:none; }
   /* L2 float: no chrome at all — ink floating on cream */
@@ -142,7 +142,9 @@
   .ap-x:hover { color:var(--ink); }
   .ap-sig { text-align:center; padding:16px 0 14px; border-bottom:1px solid var(--line); margin-bottom:12px; }
   .ap-sig img { max-height:110px; max-width:92%; object-fit:contain; }
-  .ap-name { font:400 28px/1.15 'Playfair Display', Georgia, serif; margin:6px 0 2px; }
+  .ap-name { font:400 28px/1.15 'Playfair Display', Georgia, serif; margin:6px 0 2px; text-align:center; }
+  .ap-life { text-align:center; }
+  .ap-rowline { justify-content:center; }
   .ap-cta { position:sticky; bottom:0; background:#fff; border-top:1px solid var(--line); padding:12px 28px; text-align:center; }
   .ap-cta a { display:inline-block; padding:10px 26px; border-radius:999px; background:var(--ink); color:#fff; text-decoration:none; font-size:14.5px; }
   .ap-cta a:hover { background:#000; }
@@ -457,7 +459,7 @@ function openArtist(qid, push=true){
   if (push) { const u=new URLSearchParams(location.search); u.set('artist',qid); history.pushState({},'', '?'+u.toString()); }
   loadWorks(qid, r.full_name).then(ws=>{
     const el=$('#apWorks'); if(!el) return;
-    el.innerHTML = ws.length ? ws.map(w=>`<a href="${esc(w.url)}" target="_blank" rel="noopener noreferrer"><img loading="lazy" src="${esc(w.img)}" alt="${esc(w.title)}"><span class="wt">${esc(w.title)}${w.date?' · '+esc(w.date):''}${w.src?' · '+esc(w.src):''}</span></a>`).join('')
+    el.innerHTML = ws.length ? ws.map(w=>`<a href="${esc(w.url)}" target="_blank" rel="noopener noreferrer"><img loading="lazy" referrerpolicy="no-referrer" src="${esc(w.img)}" alt="${esc(w.title)}" onerror="this.closest('a').remove()"><span class="wt">${esc(w.title)}${w.date?' · '+esc(w.date):''}${w.src?' · '+esc(w.src):''}</span></a>`).join('')
       : `<span class="ap-sub">no openly-licensed works found in the open museum APIs — <a href="${esc(r.wikidata)}" target="_blank" rel="noopener noreferrer">see Wikidata</a></span>`;
   });
 }

← 21c7dea Gallery layout: names always visible below the details chip · back to CelebritySignatures · pre-deploy: strip temp Figma capture scripts; Authors collag dbeb105 →