← back to Sdcc Mockups
fix: add rel=noopener noreferrer to all target=_blank links in html/index.html
588bc5af336d6132f22b11cc8a9ed1af1c22c9cf · 2026-05-31 00:03:27 -0700 · Steve Abrams
Files touched
Diff
commit 588bc5af336d6132f22b11cc8a9ed1af1c22c9cf
Author: Steve Abrams <steve@designerwallcoverings.com>
Date: Sun May 31 00:03:27 2026 -0700
fix: add rel=noopener noreferrer to all target=_blank links in html/index.html
---
html/index.html | 20 ++++++++++----------
1 file changed, 10 insertions(+), 10 deletions(-)
diff --git a/html/index.html b/html/index.html
index 9456735..2b980cd 100644
--- a/html/index.html
+++ b/html/index.html
@@ -36,61 +36,61 @@ h1{font-family:Georgia,serif;font-size:48px;font-weight:400;letter-spacing:-.02e
<div class="card">
<div class="card-h"><div class="card-n">Concept 01 · Live</div><div class="card-t">Debt Clock</div><div class="card-p">Live national debt counter dominates the hero. One number, one CTA. Journalism-grade restraint.</div><div class="card-tags"><span class="tag">FRED counter</span><span class="tag">single CTA</span><span class="tag">stat ribbon</span></div></div>
<iframe class="card-iframe" src="01-debt-clock.html" title="Debt Clock"></iframe>
- <div class="card-foot"><a class="btn" href="01-debt-clock.html" target="_blank">Open full</a><a class="btn btn-fig" href="#">Push to Figma</a></div>
+ <div class="card-foot"><a class="btn" href="01-debt-clock.html" target="_blank" rel="noopener noreferrer">Open full</a><a class="btn btn-fig" href="#">Push to Figma</a></div>
</div>
<div class="card">
<div class="card-h"><div class="card-n">Concept 02 · Live</div><div class="card-t">Story Wall</div><div class="card-p">Real borrower portraits dominate above the fold. Each tile is a name, state, dollar amount, outcome.</div><div class="card-tags"><span class="tag">borrower-faces hero</span><span class="tag">video badges</span></div></div>
<iframe class="card-iframe" src="02-story-wall.html" title="Story Wall"></iframe>
- <div class="card-foot"><a class="btn" href="02-story-wall.html" target="_blank">Open full</a><a class="btn btn-fig" href="#">Push to Figma</a></div>
+ <div class="card-foot"><a class="btn" href="02-story-wall.html" target="_blank" rel="noopener noreferrer">Open full</a><a class="btn btn-fig" href="#">Push to Figma</a></div>
</div>
<div class="card">
<div class="card-h"><div class="card-n">Concept 03 · Live</div><div class="card-t">Activist Tracker</div><div class="card-p">Live signature counts on the active campaign. Scoreboard of how every senator just voted. Urgency is the design language.</div><div class="card-tags"><span class="tag">live sig counter</span><span class="tag">vote scoreboard</span><span class="tag">wins band</span></div></div>
<iframe class="card-iframe" src="03-activist.html" title="Activist Tracker"></iframe>
- <div class="card-foot"><a class="btn" href="03-activist.html" target="_blank">Open full</a><a class="btn btn-fig" href="#">Push to Figma</a></div>
+ <div class="card-foot"><a class="btn" href="03-activist.html" target="_blank" rel="noopener noreferrer">Open full</a><a class="btn btn-fig" href="#">Push to Figma</a></div>
</div>
<div class="card">
<div class="card-h"><div class="card-n">Concept 04 · Live</div><div class="card-t">Tools-Forward</div><div class="card-p">PSLF eligibility calculator + email-your-rep widget side-by-side above the fold. The org that helps borrowers do something today.</div><div class="card-tags"><span class="tag">PSLF calculator</span><span class="tag">zip-to-rep</span></div></div>
<iframe class="card-iframe" src="04-tools-forward.html" title="Tools-Forward"></iframe>
- <div class="card-foot"><a class="btn" href="04-tools-forward.html" target="_blank">Open full</a><a class="btn btn-fig" href="#">Push to Figma</a></div>
+ <div class="card-foot"><a class="btn" href="04-tools-forward.html" target="_blank" rel="noopener noreferrer">Open full</a><a class="btn btn-fig" href="#">Push to Figma</a></div>
</div>
<div class="card">
<div class="card-h"><div class="card-n">Concept 05 · Live</div><div class="card-t">Magazine</div><div class="card-p">NYT-style editorial lead story above the fold, byline-first, sidebar opinions, most-read. SDCC as the publication of record on student debt.</div><div class="card-tags"><span class="tag">editorial lead</span><span class="tag">byline + photo</span><span class="tag">subscribe block</span></div></div>
<iframe class="card-iframe" src="05-magazine.html" title="Magazine"></iframe>
- <div class="card-foot"><a class="btn" href="05-magazine.html" target="_blank">Open full</a><a class="btn btn-fig" href="#">Push to Figma</a></div>
+ <div class="card-foot"><a class="btn" href="05-magazine.html" target="_blank" rel="noopener noreferrer">Open full</a><a class="btn btn-fig" href="#">Push to Figma</a></div>
</div>
<div class="card">
<div class="card-h"><div class="card-n">Concept 06 · Live</div><div class="card-t">State Map</div><div class="card-p">Interactive 50-state map dominates above the fold. Every bill, every state, status-coded. Federal advocacy as data brand.</div><div class="card-tags"><span class="tag">SVG state grid</span><span class="tag">bill tracker</span><span class="tag">spotlight state</span></div></div>
<iframe class="card-iframe" src="06-state-map.html" title="State Map"></iframe>
- <div class="card-foot"><a class="btn" href="06-state-map.html" target="_blank">Open full</a><a class="btn btn-fig" href="#">Push to Figma</a></div>
+ <div class="card-foot"><a class="btn" href="06-state-map.html" target="_blank" rel="noopener noreferrer">Open full</a><a class="btn btn-fig" href="#">Push to Figma</a></div>
</div>
<div class="card">
<div class="card-h"><div class="card-n">Concept 07 · Live</div><div class="card-t">Research Hub</div><div class="card-p">Document library forward, citation density, downloads. Peer-reviewed reports + raw datasets + how-to-cite. Built for journalists and Hill staffers.</div><div class="card-tags"><span class="tag">filterable library</span><span class="tag">citation panel</span><span class="tag">DOI-style records</span></div></div>
<iframe class="card-iframe" src="07-research-hub.html" title="Research Hub"></iframe>
- <div class="card-foot"><a class="btn" href="07-research-hub.html" target="_blank">Open full</a><a class="btn btn-fig" href="#">Push to Figma</a></div>
+ <div class="card-foot"><a class="btn" href="07-research-hub.html" target="_blank" rel="noopener noreferrer">Open full</a><a class="btn btn-fig" href="#">Push to Figma</a></div>
</div>
<div class="card">
<div class="card-h"><div class="card-n">Concept 08 · Live</div><div class="card-t">Coalition</div><div class="card-p">"2.04M and counting" headline number. Partner-org logo wall (47 orgs, 230 affiliates). Senate testimonial. Power-in-numbers framing.</div><div class="card-tags"><span class="tag">2M big number</span><span class="tag">partner wall</span><span class="tag">Warren quote</span></div></div>
<iframe class="card-iframe" src="08-coalition.html" title="Coalition"></iframe>
- <div class="card-foot"><a class="btn" href="08-coalition.html" target="_blank">Open full</a><a class="btn btn-fig" href="#">Push to Figma</a></div>
+ <div class="card-foot"><a class="btn" href="08-coalition.html" target="_blank" rel="noopener noreferrer">Open full</a><a class="btn btn-fig" href="#">Push to Figma</a></div>
</div>
<div class="card">
<div class="card-h"><div class="card-n">Concept 09 · Live</div><div class="card-t">Brutalist</div><div class="card-p">Stark black/white/yellow, slogan-driven, scrolling marquee. Three non-negotiable demands. Maximum-energy protest aesthetic.</div><div class="card-tags"><span class="tag">Archivo Black</span><span class="tag">scrolling tape</span><span class="tag">3 demands</span></div></div>
<iframe class="card-iframe" src="09-brutalist.html" title="Brutalist"></iframe>
- <div class="card-foot"><a class="btn" href="09-brutalist.html" target="_blank">Open full</a><a class="btn btn-fig" href="#">Push to Figma</a></div>
+ <div class="card-foot"><a class="btn" href="09-brutalist.html" target="_blank" rel="noopener noreferrer">Open full</a><a class="btn btn-fig" href="#">Push to Figma</a></div>
</div>
<div class="card">
<div class="card-h"><div class="card-n">Concept 10 · Live</div><div class="card-t">Bilingual Equity</div><div class="card-p">EN/ES dual-language hero, equity stats, multilingual tools, 6-language nav. Reaches the disproportionately-debt-burdened Hispanic borrower demographic.</div><div class="card-tags"><span class="tag">EN+ES hero</span><span class="tag">equity band</span><span class="tag">6 languages</span></div></div>
<iframe class="card-iframe" src="10-bilingual.html" title="Bilingual Equity"></iframe>
- <div class="card-foot"><a class="btn" href="10-bilingual.html" target="_blank">Open full</a><a class="btn btn-fig" href="#">Push to Figma</a></div>
+ <div class="card-foot"><a class="btn" href="10-bilingual.html" target="_blank" rel="noopener noreferrer">Open full</a><a class="btn btn-fig" href="#">Push to Figma</a></div>
</div>
</div></div>
← c665943 initial scaffold (gitify-all 2026-05-06)
·
back to Sdcc Mockups
·
(newest)