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

3
.gitignore vendored
View File

@@ -31,9 +31,6 @@ HomePage-JL-notes.md
*.woff2 *.woff2
*.otf *.otf
# Oversized HTML (embedded images)
Writings/life_in_alexandra.html
# Binaries # Binaries
DumperCan/WAMEX/WAMEX DumperCan/WAMEX/WAMEX

38
Writings/SkyFishing_Annotated.html
View File

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

1008
Writings/escape-annotated-minimalist.html
View File

File diff suppressed because it is too large Load Diff

887
Writings/life_in_alexandra.html Normal file
View File

File diff suppressed because one or more lines are too long

3
index.html
View File

@@ -707,8 +707,7 @@ body::after {
{ id: 'butforadream', label: 'But For A Dream', sign: '夢', href: 'Writings/butforadream-annotated.html', x: 24, y: 6 }, { id: 'butforadream', label: 'But For A Dream', sign: '夢', href: 'Writings/butforadream-annotated.html', x: 24, y: 6 },
{ id: 'daddydidntdoit', label: "Daddy Didn't Do It", sign: '証', href: 'Writings/DaddyDidntDoIt_Annotated.html', x: 40, y: 6 }, { id: 'daddydidntdoit', label: "Daddy Didn't Do It", sign: '証', href: 'Writings/DaddyDidntDoIt_Annotated.html', x: 40, y: 6 },
{ id: 'doomy', label: 'Doomy McDoomface', sign: '骸', href: 'Writings/doomy-mcdoomface.html', x: 10, y: 15 }, { id: 'doomy', label: 'Doomy McDoomface', sign: '骸', href: 'Writings/doomy-mcdoomface.html', x: 10, y: 15 },
{ id: 'escape', label: 'Escape', sign: '逃', href: 'Writings/escape-annotated-minimalist.html', x: 26, y: 15 }, { id: 'escape2', label: 'Escape', sign: '逃', href: 'Writings/escape-annotated-v2.html', x: 42, y: 15 },
{ id: 'escape2', label: 'Escape II', sign: '二', href: 'Writings/escape-annotated-v2.html', x: 42, y: 15 },
{ id: 'faultywarpcore', label: 'Faulty Warp Core', sign: '核', href: 'Writings/faulty-warp-core.html', x: 6, y: 24 }, { id: 'faultywarpcore', label: 'Faulty Warp Core', sign: '核', href: 'Writings/faulty-warp-core.html', x: 6, y: 24 },
{ id: 'gladstone', label: 'Gladstone', sign: '石', href: 'Writings/gladstone-annotated.html', x: 20, y: 24 }, { id: 'gladstone', label: 'Gladstone', sign: '石', href: 'Writings/gladstone-annotated.html', x: 20, y: 24 },
{ id: 'raft', label: 'How To Build A Raft', sign: '舟', href: 'Writings/HowToBuildARaft_Annotated.html', x: 36, y: 24 }, { id: 'raft', label: 'How To Build A Raft', sign: '舟', href: 'Writings/HowToBuildARaft_Annotated.html', x: 36, y: 24 },