Refine publicsite hero heading

Signed-off-by: Nick Sweeting <git@sweeting.me>
This commit is contained in:
Nick Sweeting 2026-04-23 22:10:04 -07:00
parent 4804ad315e
commit 4fef401bcd
2 changed files with 18 additions and 2 deletions

View File

@ -65,7 +65,7 @@
<section class="hero section">
<div class="hero-copy">
<p class="eyebrow">Open-source self-hosted web archiving</p>
<h1>Preserve the web, on infrastructure you control.</h1>
<h1><span class="hero-mainline">Preserve the web,</span><span class="hero-subline">on infrastructure you control.</span></h1>
<p class="lede">ArchiveBox saves websites, bookmarks, RSS feeds, social posts, media, source code, and research material in durable files like HTML, PDF, PNG, TXT, JSON, WARC, MP4, and SQLite.</p>
<div class="hero-actions" aria-label="Primary actions">
<a class="button primary" href="#install">Run with Docker Compose</a>

View File

@ -164,13 +164,29 @@ p {
}
h1 {
max-width: 850px;
max-width: 980px;
margin-bottom: 22px;
font-size: clamp(3.1rem, 7.4vw, 5.9rem);
line-height: 0.95;
letter-spacing: 0;
}
.hero-mainline,
.hero-subline {
display: block;
}
.hero-mainline {
white-space: nowrap;
}
.hero-subline {
margin-top: 0.18em;
color: var(--muted-text);
font-size: 0.68em;
line-height: 1.02;
}
h2 {
margin-bottom: 18px;
font-size: clamp(2rem, 4.3vw, 3.5rem);