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

SkyFishing fonts, remove escape duplicate, add life_in_alexandra

Browse Source 
- SkyFishing: Cormorant Garamond → Estonia (display/headings), IBM Plex Mono → Share Tech Mono
- Remove escape-annotated-minimalist.html (duplicate of v2); rename Escape II → Escape in nav
- .gitignore: unblock Writings/life_in_alexandra.html (large but the one and only exception)
- life_in_alexandra.html now tracked

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
JL Kruger
2026-03-27 15:57:48 +02:00
parent fc60904e69
commit cb77460e35
5 changed files with 907 additions and 1032 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
Writings/SkyFishing_Annotated.html
View File

@@ -6,7 +6,7 @@
<title>Sky Fishing — Annotated</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Lora:ital,wght@0,400;0,500;1,400;1,500&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Estonia&family=Lora:ital,wght@0,400;0,500;1,400;1,500&family=Share+Tech+Mono&display=swap" rel="stylesheet">
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
@@ -81,7 +81,7 @@ body {
}
.header-eyebrow {
font-family: 'IBM Plex Mono', monospace;
font-family: 'Share Tech Mono', monospace;
font-size: 0.6rem;
letter-spacing: 0.4em;
text-transform: uppercase;
@@ -92,7 +92,7 @@ body {
}
.site-title {
font-family: 'Cormorant Garamond', serif;
font-family: 'Estonia', serif;
font-size: clamp(2.4rem, 7vw, 5rem);
font-weight: 700;
font-style: italic;
@@ -115,7 +115,7 @@ body {
}
.site-subtitle {
font-family: 'IBM Plex Mono', monospace;
font-family: 'Share Tech Mono', monospace;
font-size: 0.62rem;
letter-spacing: 0.28em;
text-transform: uppercase;
@@ -137,7 +137,7 @@ body {
flex-wrap: wrap;
}
.nav-btn {
font-family: 'IBM Plex Mono', monospace;
font-family: 'Share Tech Mono', monospace;
font-size: 0.63rem;
font-weight: 500;
letter-spacing: 0.2em;
@@ -201,7 +201,7 @@ body {
border-bottom: 1px solid var(--dawn-dark);
}
.doc-overline {
font-family: 'IBM Plex Mono', monospace;
font-family: 'Share Tech Mono', monospace;
font-size: 0.57rem;
letter-spacing: 0.38em;
text-transform: uppercase;
@@ -209,7 +209,7 @@ body {
margin-bottom: 0.9rem;
}
.doc-title {
font-family: 'Cormorant Garamond', serif;
font-family: 'Estonia', serif;
font-size: clamp(1.7rem, 4.5vw, 2.6rem);
font-weight: 700;
font-style: italic;
@@ -236,7 +236,7 @@ body {
/* Timeline labels — Past / Present */
.timeline-label {
font-family: 'IBM Plex Mono', monospace;
font-family: 'Share Tech Mono', monospace;
font-size: 0.58rem;
letter-spacing: 0.3em;
text-transform: uppercase;
@@ -268,7 +268,7 @@ body {
/* First letter on opening paragraph only */
.story-open::first-letter {
font-family: 'Cormorant Garamond', serif;
font-family: 'Estonia', serif;
font-size: 3.8em;
font-weight: 700;
float: left;
@@ -282,7 +282,7 @@ body {
margin-top: 2.5rem;
padding-top: 1.6rem;
border-top: 1px solid var(--dawn-dark);
font-family: 'IBM Plex Mono', monospace;
font-family: 'Share Tech Mono', monospace;
font-size: 0.72rem;
color: var(--ink-muted);
letter-spacing: 0.05em;
@@ -357,7 +357,7 @@ body {
.decode-label {
display: block;
font-family: 'IBM Plex Mono', monospace;
font-family: 'Share Tech Mono', monospace;
font-size: 0.57rem;
letter-spacing: 0.3em;
text-transform: uppercase;
@@ -366,7 +366,7 @@ body {
}
.decode-term {
display: block;
font-family: 'Cormorant Garamond', serif;
font-family: 'Estonia', serif;
font-size: 1.05rem;
font-weight: 600;
color: var(--dawn);
@@ -377,7 +377,7 @@ body {
.decode-link {
display: block;
margin-top: 0.42rem;
font-family: 'IBM Plex Mono', monospace;
font-family: 'Share Tech Mono', monospace;
font-size: 0.6rem;
color: var(--horizon);
text-decoration: none;
@@ -431,7 +431,7 @@ body {
border-bottom: 1px solid rgba(74,122,170,0.3);
}
.lightbox-title {
font-family: 'Cormorant Garamond', serif;
font-family: 'Estonia', serif;
font-size: 1rem;
font-weight: 600;
font-style: italic;
@@ -459,7 +459,7 @@ body {
color: var(--haze);
}
.lightbox-body h3 {
font-family: 'IBM Plex Mono', monospace;
font-family: 'Share Tech Mono', monospace;
font-size: 0.58rem;
letter-spacing: 0.32em;
text-transform: uppercase;
@@ -480,7 +480,7 @@ body {
══════════════════════════════════════ */
.section-header { margin-bottom: 2.2rem; }
.section-eyebrow {
font-family: 'IBM Plex Mono', monospace;
font-family: 'Share Tech Mono', monospace;
font-size: 0.58rem;
letter-spacing: 0.42em;
text-transform: uppercase;
@@ -489,7 +489,7 @@ body {
opacity: 0.8;
}
.section-title {
font-family: 'Cormorant Garamond', serif;
font-family: 'Estonia', serif;
font-size: clamp(1.7rem, 5vw, 2.8rem);
font-weight: 700;
font-style: italic;
@@ -561,7 +561,7 @@ body {
/* ── FURTHER READING ── */
.reading-group-title {
font-family: 'IBM Plex Mono', monospace;
font-family: 'Share Tech Mono', monospace;
font-size: 0.57rem;
letter-spacing: 0.38em;
text-transform: uppercase;
@@ -579,7 +579,7 @@ body {
.reading-item a:hover { text-decoration: underline; color: var(--cloud); }
.reading-desc { color: rgba(194,216,236,0.45); font-size: 0.84rem; font-style: italic; flex: 1 1 200px; font-family: 'Lora', serif; }
.reading-tag {
font-family: 'IBM Plex Mono', monospace;
font-family: 'Share Tech Mono', monospace;
font-size: 0.56rem; letter-spacing: 0.12em; text-transform: uppercase;
background: rgba(26,48,80,0.8); color: rgba(194,216,236,0.5);
border: 1px solid rgba(74,122,170,0.25);