fix(vault): clean render patch for room hover-swap (heredoc mangled it) — 3 hero cards now swap to on-wall preview on hover, verified

fea7e23746385f909b2b6bc065ea0bceee89f906 · 2026-07-02 10:03:19 -0700 · Steve

Files touched

M public/index.html

Diff

commit fea7e23746385f909b2b6bc065ea0bceee89f906
Author: Steve <steve@designerwallcoverings.com>
Date:   Thu Jul 2 10:03:19 2026 -0700

    fix(vault): clean render patch for room hover-swap (heredoc mangled it) — 3 hero cards now swap to on-wall preview on hover, verified
---
 public/index.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index 597a47f..ff6a200 100644
--- a/public/index.html
+++ b/public/index.html
@@ -72,7 +72,8 @@ function render(){const n=items.filter(x=>x.category==='in-house-original').leng
   const band=document.getElementById('inhouseBand');
   if(band)band.innerHTML=n?`<b>✦ ${n} In-House Originals</b> — designed in our own hand from live marketplace trend research, every one settlement-cleared. The rest are licensed Wallpaper's Back designs.`:'';
   grid.innerHTML=sorted().map(d=>{const orig=d.category==='in-house-original';
-  return `<div class="card${orig?' orig':''}"><img loading="lazy" src="${d.img}" alt="${d.title}">${orig?'<span class="origtag">✦ IN-HOUSE ORIGINAL</span>':''}<div class="pad">
+  const hov=d.roomImg?` onmouseenter="this.querySelector('img').src='${d.roomImg}'" onmouseleave="this.querySelector('img').src='${d.img}'"`:'';
+  return `<div class="card${orig?' orig':''}"${hov}><img loading="lazy" src="${d.img}" alt="${d.title}">${orig?'<span class="origtag">✦ IN-HOUSE ORIGINAL</span>':''}${d.roomImg?'<span class="roomtag">🛋 see in a room</span>':''}<div class="pad">
   <div class="t">${d.title}</div><div class="s">${d.styleLine||''}</div>
   <div class="tiers">${(d.licenseTiers||[]).map(t=>`<button onclick='pick(${JSON.stringify(d.id)},${JSON.stringify(t.tier)})'>${t.label||t.tier} <span class="price">$${t.priceUsd??'—'}</span></button>`).join('')}</div>
   </div></div>`}).join('')}

← 25eb2b4 feat(vault): on-wall lifestyle previews for 3 hero designs ( · back to Pattern Vault · style(vault): add .roomtag CSS (bottom-right pill, gilds on 518c9d5 →