Fix section heading styling - separate from main title

- Change 'Cover preview' from h1 to h2
- Add h2 styling: VT323 pixel font, normal color (no neon)
- h2 is 1rem (much smaller than h1's 2.2rem)
- Remove glow effects from section headings
- Maintain visual hierarchy: h1 is title, h2 is section header

Co-Authored-By: Claude Sonnet 4.6 <[email protected]>
This commit is contained in:
thePR0M3TH3ANandClaude Sonnet 4.6 committed 2026-05-15 14:08:07 -04:00
1 parent aac2f689df
commit 42bcc81ffa
1 file changed
+11 -1
+11 -1
View File
@@ -135,6 +135,16 @@
filter: drop-shadow(0 0 6px rgba(0, 217, 255, 0.6)) drop-shadow(0 0 12px rgba(0, 217, 255, 0.3));
}
h2 {
font-size: 1rem;
line-height: 1.2;
margin: 0 0 6px;
font-family: 'VT323', 'Courier New', monospace;
font-weight: normal;
letter-spacing: 0.05em;
color: var(--ink);
}
.appTagline {
font-size: 0.55rem;
letter-spacing: 0.15em;
@@ -1912,7 +1922,7 @@
<main>
<div class="topbar">
<div>
<h1 id="projectTitle">Cover preview</h1>
<h2 id="projectTitle">Cover preview</h2>
<p class="subhead printHelp">Left-to-right layout is back cover, spine, front cover.</p>
</div>
<div class="status">