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

22
Writings/escape-annotated-v2.html
View File

@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ESCAPE — Annotated Edition</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Lora:ital,wght@0,400;0,500;1,400&family=Space+Mono:ital@0;1&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Fredericka+the+Great&family=Lora:ital,wght@0,400;0,500;1,400&family=Space+Mono:ital@0;1&display=swap" rel="stylesheet">
<style>
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:16px;scroll-behavior:smooth;}
@@ -120,7 +120,7 @@ body {
}
h1 {
font-family: 'Bebas Neue', sans-serif;
font-family: 'Fredericka the Great', sans-serif;
font-size: clamp(5rem, 18vw, 11rem);
letter-spacing: 0.06em;
line-height: 0.88;
@@ -192,7 +192,7 @@ h1 {
border: none;
border-top: 2px solid transparent;
color: var(--cold-dim);
font-family: 'Bebas Neue', sans-serif;
font-family: 'Fredericka the Great', sans-serif;
font-size: 0.95rem;
letter-spacing: 0.22em;
padding: 0.9rem 1.5rem 0.75rem;
@@ -263,7 +263,7 @@ h1 {
background: var(--cold-border);
}
.countdown-numeral {
font-family: 'Bebas Neue', sans-serif;
font-family: 'Fredericka the Great', sans-serif;
font-size: clamp(4rem, 14vw, 7.5rem);
letter-spacing: 0.04em;
line-height: 1;
@@ -347,7 +347,7 @@ h1 {
.decode-label {
display:block;
font-family:'Bebas Neue',sans-serif;
font-family:'Fredericka the Great',sans-serif;
font-size:0.7rem;
letter-spacing:0.32em;
color: var(--warm-hi);
@@ -355,7 +355,7 @@ h1 {
}
.decode-term {
display:block;
font-family:'Bebas Neue',sans-serif;
font-family:'Fredericka the Great',sans-serif;
font-size:1.05rem;
letter-spacing:0.1em;
color: var(--warm-amber);
@@ -421,7 +421,7 @@ h1 {
.mn-label {
display:block;
font-family:'Bebas Neue',sans-serif;
font-family:'Fredericka the Great',sans-serif;
font-size:0.7rem;
letter-spacing:0.32em;
color: var(--warm-border);
@@ -479,7 +479,7 @@ h1 {
position:sticky; top:0;
}
.lb-title {
font-family:'Bebas Neue',sans-serif;
font-family:'Fredericka the Great',sans-serif;
font-size:1.1rem;
letter-spacing:0.18em;
color: var(--warm-amber);
@@ -497,7 +497,7 @@ h1 {
.lb-close:hover { color: var(--warm-amber); border-color: var(--warm-border); }
.lb-body { padding:1.5rem; }
.lb-body h3 {
font-family:'Bebas Neue',sans-serif;
font-family:'Fredericka the Great',sans-serif;
font-size:0.85rem;
letter-spacing:0.28em;
color: var(--warm-border);
@@ -567,7 +567,7 @@ h1 {
padding:3.5rem 1.5rem 6rem;
}
.edu-wrap > h2 {
font-family:'Bebas Neue',sans-serif;
font-family:'Fredericka the Great',sans-serif;
font-size:clamp(2rem,6vw,3rem);
letter-spacing:0.1em;
color:#d0bc88;
@@ -585,7 +585,7 @@ h1 {
/* ─── FURTHER READING ───────────────────────── */
.reading-section h3 {
font-family:'Bebas Neue',sans-serif;
font-family:'Fredericka the Great',sans-serif;
font-size:0.85rem;
letter-spacing:0.3em;
color: var(--warm-border);