security: add rel=noopener noreferrer to target=_blank links (yoloforever cycle 3)

48fcc674f5165a0015f23e5cc5a535b30b32efe3 · 2026-09-15 18:50:45 -0700 · Steve Abrams

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01UxvvaJ7p6VRZ4RzKDaBXqK

Files touched

M public/index.html

Diff

commit 48fcc674f5165a0015f23e5cc5a535b30b32efe3
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Tue Sep 15 18:50:45 2026 -0700

    security: add rel=noopener noreferrer to target=_blank links (yoloforever cycle 3)
    
    Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
    Claude-Session: https://claude.ai/code/session_01UxvvaJ7p6VRZ4RzKDaBXqK
---
 public/index.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/public/index.html b/public/index.html
index bbcdd7f..4a6d9ca 100644
--- a/public/index.html
+++ b/public/index.html
@@ -287,37 +287,37 @@ footer{padding:60px clamp(24px,7vw,120px);border-top:1px solid var(--line);color
   <h2 class="disp">Six luxury directions. One is live-clickable each.</h2>
   <p class="lead">Sophisticated, few-colored, wedding-grade — modeled on the great Rodeo Drive fashion houses. Each opens as a working full-screen concept with a cinematic hero video and hamburger navigation. Pick a direction; we build it out.</p>
   <div class="vgrid">
-  <a class="vtile" href="/versions/gucci.html" target="_blank" style="--vb:#0f2e22;--vi:#f4efe3;--vg:#c8a15a">
+  <a rel="noopener noreferrer" class="vtile" href="/versions/gucci.html" target="_blank" style="--vb:#0f2e22;--vi:#f4efe3;--vg:#c8a15a">
     <div class="vswatch"><span style="background:#0f2e22"></span><span style="background:#123829"></span><span style="background:#c8a15a"></span><span style="background:#f4efe3"></span></div>
     <div class="vname">Gucci</div>
     <div class="vmood">Deep forest green & antique gold — old-world crest luxury.</div>
     <div class="vopen">Open live concept →</div>
   </a>
-  <a class="vtile" href="/versions/chanel.html" target="_blank" style="--vb:#0a0a0a;--vi:#f7f5f1;--vg:#c9c4ba">
+  <a rel="noopener noreferrer" class="vtile" href="/versions/chanel.html" target="_blank" style="--vb:#0a0a0a;--vi:#f7f5f1;--vg:#c9c4ba">
     <div class="vswatch"><span style="background:#0a0a0a"></span><span style="background:#111"></span><span style="background:#c9c4ba"></span><span style="background:#f7f5f1"></span></div>
     <div class="vname">Chanel</div>
     <div class="vmood">Monochrome couture — ivory on black, absolute restraint.</div>
     <div class="vopen">Open live concept →</div>
   </a>
-  <a class="vtile" href="/versions/hermes.html" target="_blank" style="--vb:#141210;--vi:#f6ead9;--vg:#e8611f">
+  <a rel="noopener noreferrer" class="vtile" href="/versions/hermes.html" target="_blank" style="--vb:#141210;--vi:#f6ead9;--vg:#e8611f">
     <div class="vswatch"><span style="background:#141210"></span><span style="background:#1c1813"></span><span style="background:#e8611f"></span><span style="background:#f6ead9"></span></div>
     <div class="vname">Hermès</div>
     <div class="vmood">Signature orange on chocolate & cream — artisanal warmth.</div>
     <div class="vopen">Open live concept →</div>
   </a>
-  <a class="vtile" href="/versions/tiffany.html" target="_blank" style="--vb:#0b1a1a;--vi:#f3f7f6;--vg:#7ad0c4">
+  <a rel="noopener noreferrer" class="vtile" href="/versions/tiffany.html" target="_blank" style="--vb:#0b1a1a;--vi:#f3f7f6;--vg:#7ad0c4">
     <div class="vswatch"><span style="background:#0b1a1a"></span><span style="background:#0f2323"></span><span style="background:#7ad0c4"></span><span style="background:#f3f7f6"></span></div>
     <div class="vname">Tiffany & Co.</div>
     <div class="vmood">Robin-egg blue & white — clean, iconic, celebratory.</div>
     <div class="vopen">Open live concept →</div>
   </a>
-  <a class="vtile" href="/versions/lv.html" target="_blank" style="--vb:#1a1109;--vi:#f2e6d2;--vg:#caa04e">
+  <a rel="noopener noreferrer" class="vtile" href="/versions/lv.html" target="_blank" style="--vb:#1a1109;--vi:#f2e6d2;--vg:#caa04e">
     <div class="vswatch"><span style="background:#1a1109"></span><span style="background:#241708"></span><span style="background:#caa04e"></span><span style="background:#f2e6d2"></span></div>
     <div class="vname">Louis Vuitton</div>
     <div class="vmood">Chocolate & saffron gold — the monogram travel house.</div>
     <div class="vopen">Open live concept →</div>
   </a>
-  <a class="vtile" href="/versions/dior.html" target="_blank" style="--vb:#101216;--vi:#eef0f3;--vg:#cbb892">
+  <a rel="noopener noreferrer" class="vtile" href="/versions/dior.html" target="_blank" style="--vb:#101216;--vi:#eef0f3;--vg:#cbb892">
     <div class="vswatch"><span style="background:#101216"></span><span style="background:#161a20"></span><span style="background:#cbb892"></span><span style="background:#eef0f3"></span></div>
     <div class="vname">Dior</div>
     <div class="vmood">Dove grey, midnight navy & champagne — couture atelier.</div>
@@ -351,7 +351,7 @@ footer{padding:60px clamp(24px,7vw,120px);border-top:1px solid var(--line);color
 <section id="videos">
   <div class="eyebrow">10 · Their Videos + Brand Films</div>
   <h2 class="disp">You already own beautiful footage. Let’s use it.</h2>
-  <p class="lead">FantaSea’s real films from <a href="https://www.youtube.com/@fantaseayachts7902" target="_blank" style="color:var(--gold)">@fantaseayachts7902</a> — a drone reel, wedding stories, even an NCIS shoot. This is premium content sitting under-leveraged. Repurpose it into Reels, ads, and the new homepage hero.</p>
+  <p class="lead">FantaSea’s real films from <a rel="noopener noreferrer" href="https://www.youtube.com/@fantaseayachts7902" target="_blank" style="color:var(--gold)">@fantaseayachts7902</a> — a drone reel, wedding stories, even an NCIS shoot. This is premium content sitting under-leveraged. Repurpose it into Reels, ads, and the new homepage hero.</p>
   <div class="rgrid">
   <div class="rvid">
     <div class="rvframe"><iframe src="https://www.youtube-nocookie.com/embed/C8QAvZJKhQ0" title="FantaSea One — Drone Film" loading="lazy" allow="accelerometer;autoplay;clipboard-write;encrypted-media;gyroscope;picture-in-picture" allowfullscreen></iframe></div>

← db018fc creds-safe fetch guard: resolve relative fetch vs credential · back to Fantasea Consulting · (newest)