jlkruger/singular-particular-space
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Font refactor: replace generic display fonts across Videos + Writings

Browse Source 
Renegade Storyteller:
- Ribeye Marrow → Amarante (Art Nouveau, cleaner mobile rendering)
- h1 floor reduced 4rem → 3rem
- h1::before letter-spacing tightened on mobile (was overflowing narrow screens)

Writings (11 files via script):
- Bebas Neue → Fredericka the Great (4 files)
- Anton → Rubik Glitch (2 files)
- Cinzel / Cinzel Decorative → Glass Antiqua (5 files)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
JL Kruger
2026-03-27 15:50:20 +02:00
parent 2f5c06fee8
commit fc60904e69
12 changed files with 113 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
Writings/note-for-the-end.html
View File

@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>A Note for the End of the Start — J.L.</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=IM+Fell+English:ital@0;1&family=Share+Tech+Mono&family=Cinzel:wght@400;600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Glass+Antiqua&family=IM+Fell+English:ital@0;1&family=Share+Tech+Mono&family=Glass+Antiqua&display=swap" rel="stylesheet">
<style>
:root {
--bg: #080604;
@@ -129,7 +129,7 @@
}
.masthead-title {
font-family: 'Cinzel Decorative', serif;
font-family: 'Glass Antiqua', serif;
font-size: clamp(22px, 4.5vw, 52px);
color: var(--brass-bright);
line-height: 1.1;
@@ -198,7 +198,7 @@
}
.tab-btn {
font-family: 'Cinzel', serif;
font-family: 'Glass Antiqua', serif;
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
@@ -260,7 +260,7 @@
}
.essay-body h2 {
font-family: 'Cinzel', serif;
font-family: 'Glass Antiqua', serif;
font-size: clamp(16px, 2.5vw, 22px);
color: var(--amber);
text-transform: uppercase;
@@ -489,7 +489,7 @@
}
.decoder-panel .decode-term {
font-family: 'Cinzel', serif;
font-family: 'Glass Antiqua', serif;
font-size: 16px;
color: var(--amber);
display: block;
@@ -572,7 +572,7 @@
}
.lightbox-title {
font-family: 'Cinzel', serif;
font-family: 'Glass Antiqua', serif;
font-size: 12px;
letter-spacing: 3px;
text-transform: uppercase;
@@ -604,7 +604,7 @@
}
.lightbox-body h3 {
font-family: 'Cinzel', serif;
font-family: 'Glass Antiqua', serif;
font-size: 20px;
color: var(--amber);
letter-spacing: 2px;
@@ -660,7 +660,7 @@
}
.accordion-trigger-text {
font-family: 'Cinzel', serif;
font-family: 'Glass Antiqua', serif;
font-size: 13px;
letter-spacing: 2px;
text-transform: uppercase;
@@ -703,7 +703,7 @@
/* === OTHER TAB CONTENT STYLES === */
.content-title {
font-family: 'Cinzel', serif;
font-family: 'Glass Antiqua', serif;
font-size: clamp(16px, 2.5vw, 20px);
color: var(--amber);
letter-spacing: 3px;
@@ -778,7 +778,7 @@
}
.card-title {
font-family: 'Cinzel', serif;
font-family: 'Glass Antiqua', serif;
font-size: 14px;
letter-spacing: 1px;
color: var(--amber);
@@ -815,7 +815,7 @@
.pull-quote::before {
content: '"';
font-family: 'Cinzel Decorative', serif;
font-family: 'Glass Antiqua', serif;
font-size: 48px;
color: var(--brass-dim);
opacity: 0.4;
@@ -846,7 +846,7 @@
/* Resource links */
.resource-section-title {
font-family: 'Cinzel', serif;
font-family: 'Glass Antiqua', serif;
font-size: 14px;
letter-spacing: 3px;
text-transform: uppercase;
@@ -875,7 +875,7 @@
}
.resource-title {
font-family: 'Cinzel', serif;
font-family: 'Glass Antiqua', serif;
font-size: 13px;
letter-spacing: 1px;
color: var(--text);