patx/miadruck
Remove eyebrows across site and retain context in body text
Commit b52e6b6 · patx · 2026-09-21T19:54:53-04:00
Comments
No comments yet.
Diff
diff --git a/docs/404.html b/docs/404.html
index 27f4931..5612ea1 100644
--- a/docs/404.html
+++ b/docs/404.html
@@ -37,8 +37,8 @@
<main id="main">
<section class="section">
<div class="wrap">
- <p class="eyebrow">Error 404</p>
- <h1 style="margin-top:18px;max-width:14ch;">This page moved on.</h1>
+ <h1 style="max-width:14ch;">This page moved on.</h1>
+ <p>Error 404</p>
<p class="lead" style="margin-top:24px;">
The address you tried doesn't exist here. The listings below are a better place to start —
or just call me and skip the browsing.
@@ -54,7 +54,6 @@
<div class="wrap">
<div class="section-head">
<div>
- <p class="eyebrow">Areas Served</p>
<h2>Try one of these</h2>
</div>
</div>
diff --git a/docs/assets/site.css b/docs/assets/site.css
index 62488c0..72d51e4 100644
--- a/docs/assets/site.css
+++ b/docs/assets/site.css
@@ -108,14 +108,6 @@ p:last-child{ margin-bottom:0; }
}
/* Shared bits ------------------------------------------------------------ */
-.eyebrow{
- font-family:var(--sans);
- font-size:14px;
- font-weight:500;
- letter-spacing:.02em;
- color:var(--brass-dark);
- margin:0;
-}
.lead{
font-size:var(--t-lead);
@@ -315,9 +307,8 @@ p:last-child{ margin-bottom:0; }
padding:clamp(48px,6vw,76px) 0;
color:#fff;
}
-.hero .eyebrow{ color:var(--sand); }
.hero h1{
- margin:18px 0 0;
+ margin:0;
max-width:15ch;
color:#fff;
}
@@ -325,6 +316,7 @@ p:last-child{ margin-bottom:0; }
font-style:normal;
font-weight:inherit;
}
+.hero h1 + p{ margin:20px 0 0; }
.hero-sub{
margin:22px 0 0;
max-width:46ch;
@@ -381,7 +373,6 @@ p:last-child{ margin-bottom:0; }
.section--sand{ background:var(--sand-soft); }
.section--ink{ background:var(--ink); color:rgba(255,255,255,.86); }
.section--ink h2,.section--ink h3{ color:#fff; }
-.section--ink .eyebrow{ color:var(--sand); }
.section--tight{ padding-block:clamp(56px,7vw,96px); }
.section-head{
@@ -392,7 +383,6 @@ p:last-child{ margin-bottom:0; }
flex-wrap:wrap;
margin-bottom:clamp(28px,4vw,44px);
}
-.section-head .eyebrow{ margin-bottom:8px; }
.section-head h2{ max-width:20ch; }
.section-head .hint{
font-size:var(--t-meta);
@@ -854,8 +844,9 @@ footer a:hover{ color:#fff; text-decoration:underline; text-underline-offset:3px
.page-hero{
padding:clamp(56px,8vw,104px) 0 clamp(48px,6vw,72px);
}
-.page-hero h1{ max-width:22ch; margin:18px 0 0; }
+.page-hero h1{ max-width:22ch; margin:0; }
.page-hero h1 em{ font-style:normal; }
+.page-hero h1 + p{ margin-top:20px; color:var(--ink-80); }
.page-hero .lead{ margin-top:24px; }
/* Buttons here use the default .btn / .btn-ghost colours — no overrides needed. */
@@ -962,7 +953,6 @@ body.property-promo-open{ overflow:hidden; }
align-self:center;
padding:clamp(30px,5vw,58px);
}
-.property-promo-body .eyebrow{ margin-bottom:14px; }
.property-promo-body h2{
max-width:11ch;
font-size:clamp(32px,4vw,48px);
@@ -989,6 +979,7 @@ body.property-promo-open{ overflow:hidden; }
color:var(--ink-60);
font-size:16px;
}
+.property-promo-status{ margin:12px 0 0; color:var(--ink-80); font-size:16px; }
.property-promo-specs{
margin:20px 0 0;
color:var(--ink-80);
diff --git a/docs/assets/site.js b/docs/assets/site.js
index 5219b20..4ce16bc 100644
--- a/docs/assets/site.js
+++ b/docs/assets/site.js
@@ -275,12 +275,12 @@
'<span class="property-promo-label">Featured listing</span>' +
'</div>' +
'<div class="property-promo-body">' +
- '<p class="eyebrow property-promo-status"></p>' +
'<h2 id="propertyPromoTitle"></h2>' +
'<div class="property-promo-rule"></div>' +
'<p class="property-promo-price"></p>' +
'<h3 class="property-promo-address"></h3>' +
'<p class="property-promo-location"></p>' +
+ '<p class="property-promo-status"></p>' +
'<p class="property-promo-specs" id="propertyPromoDetails"></p>' +
'<div class="property-promo-actions">' +
'<a class="btn property-promo-view">View listing</a>' +
diff --git a/docs/boca-raton-real-estate/index.html b/docs/boca-raton-real-estate/index.html
index 7322a40..d365d92 100644
--- a/docs/boca-raton-real-estate/index.html
+++ b/docs/boca-raton-real-estate/index.html
@@ -73,8 +73,8 @@
<section class="page-hero">
<div class="wrap">
- <p class="eyebrow">Boca Raton · Palm Beach County</p>
<h1>Buying & selling in <em>Boca Raton</em></h1>
+ <p>Boca Raton · Palm Beach County</p>
<p class="lead">
Boca splits cleanly along I-95. East of the highway you get older, smaller lots, walkability
to downtown and the beach, and a genuine supply of homes with no association. West of it you
@@ -92,7 +92,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">Neighborhoods</p>
<h2>East, west and downtown</h2>
</div>
<p class="hint">A shortlist — ask about anywhere in south Palm Beach County.</p>
@@ -140,7 +139,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">Questions</p>
<h2>Boca Raton FAQ</h2>
</div>
</div>
@@ -189,7 +187,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">Contact</p>
<h2>Let's talk about Boca</h2>
</div>
<p class="hint">Buying, selling, renting, or just exploring — all fine.</p>
@@ -249,7 +246,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">Nearby</p>
<h2>Other areas I cover</h2>
</div>
</div>
diff --git a/docs/fort-lauderdale-real-estate/index.html b/docs/fort-lauderdale-real-estate/index.html
index 564ebed..c6460d6 100644
--- a/docs/fort-lauderdale-real-estate/index.html
+++ b/docs/fort-lauderdale-real-estate/index.html
@@ -73,8 +73,8 @@
<section class="page-hero">
<div class="wrap">
- <p class="eyebrow">Fort Lauderdale · Broward County</p>
<h1>Buying & selling in <em>Fort Lauderdale</em></h1>
+ <p>Fort Lauderdale · Broward County</p>
<p class="lead">
Fort Lauderdale is really a dozen small markets wearing one name. What a home is worth here
depends less on the city and more on which side of a bridge it sits on, whether the canal
@@ -92,7 +92,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">Neighborhoods</p>
<h2>Where I spend my time</h2>
</div>
<p class="hint">Not an exhaustive list — ask about anywhere in Broward.</p>
@@ -140,7 +139,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">Track Record</p>
<h2>Recent Fort Lauderdale sale</h2>
</div>
<p class="hint">Investor duplex, closed February 2025.</p>
@@ -173,7 +171,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">How I Work</p>
<h2>What to expect</h2>
</div>
</div>
@@ -202,7 +199,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">Questions</p>
<h2>Fort Lauderdale FAQ</h2>
</div>
</div>
@@ -250,7 +246,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">Contact</p>
<h2>Let's talk about Fort Lauderdale</h2>
</div>
<p class="hint">Buying, selling, renting, or just exploring — all fine.</p>
@@ -310,7 +305,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">Nearby</p>
<h2>Other areas I cover</h2>
</div>
</div>
diff --git a/docs/index.html b/docs/index.html
index a8938d7..ae3630e 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -88,8 +88,8 @@
<div class="hero-scrim"></div>
<div class="hero-inner">
- <p class="eyebrow">South Florida Real Estate</p>
<h1>Real estate, <em>made simple.</em></h1>
+ <p>South Florida Real Estate</p>
<p class="hero-sub">
I help buyers, sellers and renters move through Fort Lauderdale,
Pompano Beach, Lighthouse Point and Boca Raton — with fast communication
@@ -125,7 +125,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">Listings</p>
<h2>Featured active listings</h2>
</div>
<p class="hint">A curated selection. Ask about off-market inventory that never reaches the public sites.</p>
@@ -255,7 +254,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">Recent Sales</p>
<h2>Closed and delivered</h2>
</div>
<p class="hint">Single family, duplex and investment property across Broward and Palm Beach County.</p>
@@ -310,7 +308,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">Client Reviews</p>
<h2>What past clients say</h2>
</div>
<p class="hint">
@@ -357,7 +354,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">About</p>
<h2>Meet Mia Druck</h2>
</div>
<p class="hint">Licensed real estate agent · Ocean Glades Realty · Lauderdale-by-the-Sea</p>
@@ -419,7 +415,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">Areas Served</p>
<h2>Where I work</h2>
</div>
<p class="hint">Broward and south Palm Beach County, with the deepest inventory along the coast.</p>
@@ -455,7 +450,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">Questions</p>
<h2>Common questions</h2>
</div>
<p class="hint">Something not covered here? Call or text — the answer is usually one message away.</p>
@@ -523,7 +517,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">Contact</p>
<h2>Let's talk about your move</h2>
</div>
<p class="hint">Buying, selling, renting, or just exploring what's possible — all fine.</p>
diff --git a/docs/lighthouse-point-real-estate/index.html b/docs/lighthouse-point-real-estate/index.html
index 84de345..abb0bd2 100644
--- a/docs/lighthouse-point-real-estate/index.html
+++ b/docs/lighthouse-point-real-estate/index.html
@@ -73,8 +73,8 @@
<section class="page-hero">
<div class="wrap">
- <p class="eyebrow">Lighthouse Point · Broward County</p>
<h1>Buying & selling in <em>Lighthouse Point</em></h1>
+ <p>Lighthouse Point · Broward County</p>
<p class="lead">
Lighthouse Point is barely two and a half square miles, has no high-rises, and was laid out
almost entirely around finger canals. People move here for one reason more than any other:
@@ -92,7 +92,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">The City</p>
<h2>Small, and deliberately so</h2>
</div>
<p class="hint">Incorporated in 1956 and still almost entirely single family.</p>
@@ -140,7 +139,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">Questions</p>
<h2>Lighthouse Point FAQ</h2>
</div>
</div>
@@ -185,7 +183,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">Contact</p>
<h2>Let's talk about Lighthouse Point</h2>
</div>
<p class="hint">Especially useful if you're waiting on a specific canal.</p>
@@ -245,7 +242,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">Nearby</p>
<h2>Other areas I cover</h2>
</div>
</div>
diff --git a/docs/pompano-beach-real-estate/index.html b/docs/pompano-beach-real-estate/index.html
index 7b070af..8f1a759 100644
--- a/docs/pompano-beach-real-estate/index.html
+++ b/docs/pompano-beach-real-estate/index.html
@@ -73,8 +73,8 @@
<section class="page-hero">
<div class="wrap">
- <p class="eyebrow">Pompano Beach · Broward County</p>
<h1>Buying & selling in <em>Pompano Beach</em></h1>
+ <p>Pompano Beach · Broward County</p>
<p class="lead">
Pompano is the market I know best — I work across its single family neighborhoods, townhome
communities and beach corridor. The city has spent the last decade rebuilding its beachfront and
@@ -92,7 +92,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">Neighborhoods</p>
<h2>The Pompano map</h2>
</div>
<p class="hint">Ask about anywhere in the city — this is a shortlist, not a boundary.</p>
@@ -140,7 +139,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">Track Record</p>
<h2>Recent Pompano sale</h2>
</div>
<p class="hint">Single family with pool, closed October 2025.</p>
@@ -169,7 +167,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">Questions</p>
<h2>Pompano Beach FAQ</h2>
</div>
</div>
@@ -216,7 +213,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">Contact</p>
<h2>Let's talk about Pompano</h2>
</div>
<p class="hint">Buying, selling, renting, or just exploring — all fine.</p>
@@ -276,7 +272,6 @@
<div class="wrap">
<div class="section-head reveal">
<div>
- <p class="eyebrow">Nearby</p>
<h2>Other areas I cover</h2>
</div>
</div>