diff --git a/templates/bootscreen.html b/templates/bootscreen.html
index dc12848..38beec5 100644
--- a/templates/bootscreen.html
+++ b/templates/bootscreen.html
@@ -20,7 +20,7 @@
background: #000000;
color: #aaaaaa;
font-family: "Share Tech Mono", "VT323", "Courier New", monospace;
- font-size: 14px;
+ font-size: 21px;
line-height: 1.45;
min-height: 100vh;
overflow-x: hidden;
@@ -44,12 +44,12 @@
.bios-header-title {
font-family: "VT323", monospace;
- font-size: 18px;
+ font-size: 27px;
letter-spacing: 0.05em;
}
.bios-header-version {
- font-size: 13px;
+ font-size: 20px;
color: #ffff55;
}
@@ -82,7 +82,7 @@
}
.bios-memory-label {
- font-size: 12px;
+ font-size: 18px;
color: #aaa;
}
@@ -109,7 +109,7 @@
display: flex;
gap: 8px;
margin-bottom: 2px;
- font-size: 13px;
+ font-size: 20px;
}
.boot-timestamp {
@@ -135,7 +135,7 @@
/* Separator */
.separator {
color: #333;
- font-size: 13px;
+ font-size: 20px;
margin: 6px 0;
letter-spacing: 0.02em;
}
@@ -152,11 +152,11 @@
.article-header-title {
font-family: "VT323", monospace;
- font-size: 18px;
+ font-size: 27px;
}
.article-header-meta {
- font-size: 12px;
+ font-size: 18px;
color: #55ffff;
}
@@ -164,7 +164,7 @@
background: #000080;
color: #ffff55;
padding: 4px 12px;
- font-size: 12px;
+ font-size: 18px;
display: flex;
gap: 24px;
flex-wrap: wrap;
@@ -178,7 +178,7 @@
.content-area h1 {
font-family: "VT323", monospace;
- font-size: 22px;
+ font-size: 33px;
color: #ffff55;
margin-top: 20px;
margin-bottom: 8px;
@@ -193,7 +193,7 @@
.content-area h2 {
font-family: "VT323", monospace;
- font-size: 18px;
+ font-size: 27px;
color: #55ffff;
margin-top: 16px;
margin-bottom: 6px;
@@ -206,14 +206,14 @@
}
.content-area h3 {
- font-size: 14px;
+ font-size: 21px;
color: #ff5555;
margin-top: 14px;
margin-bottom: 5px;
}
.content-area h4, .content-area h5, .content-area h6 {
- font-size: 13px;
+ font-size: 20px;
color: #aaaaaa;
margin-top: 10px;
margin-bottom: 4px;
@@ -310,7 +310,7 @@
width: 100%;
border-collapse: collapse;
margin: 10px 0;
- font-size: 12px;
+ font-size: 18px;
}
.content-area th {
@@ -318,7 +318,7 @@
color: #fff;
padding: 5px 10px;
text-align: left;
- font-size: 11px;
+ font-size: 16px;
text-transform: uppercase;
}
@@ -346,7 +346,7 @@
background: #001100;
border: 1px solid #333;
padding: 6px 12px;
- font-size: 12px;
+ font-size: 18px;
color: #55ff55;
margin-bottom: 8px;
}
@@ -358,7 +358,7 @@
padding: 5px 12px;
display: flex;
justify-content: space-between;
- font-size: 12px;
+ font-size: 18px;
flex-wrap: wrap;
gap: 8px;
}
@@ -367,7 +367,7 @@
background: #aaa;
color: #000;
padding: 1px 5px;
- font-size: 11px;
+ font-size: 16px;
margin-right: 4px;
}
@@ -388,7 +388,7 @@
- ← back
+ ← back
diff --git a/templates/cafe-menu.html b/templates/cafe-menu.html
index 817ba67..adcbadc 100644
--- a/templates/cafe-menu.html
+++ b/templates/cafe-menu.html
@@ -35,7 +35,7 @@
radial-gradient(ellipse at 70% 80%, rgba(60,30,10,0.5) 0%, transparent 60%);
color: var(--ink);
font-family: "Caveat", cursive;
- font-size: 18px;
+ font-size: 27px;
line-height: 1.65;
min-height: 100vh;
padding: 32px 16px 48px;
@@ -73,7 +73,7 @@
position: absolute;
width: 40px;
height: 40px;
- font-size: 28px;
+ font-size: 42px;
color: var(--brown-light);
display: flex;
align-items: center;
@@ -103,7 +103,7 @@
}
.cafe-subtitle {
- font-size: 15px;
+ font-size: 22px;
color: var(--brown-mid);
letter-spacing: 0.12em;
font-family: "Special Elite", cursive;
@@ -111,7 +111,7 @@
.ornamental-divider {
text-align: center;
- font-size: 20px;
+ font-size: 30px;
color: var(--brown-light);
margin: 16px 0;
letter-spacing: 0.2em;
@@ -119,7 +119,7 @@
.ornamental-divider-sm {
text-align: center;
- font-size: 16px;
+ font-size: 24px;
color: var(--brown-light);
margin: 12px 0;
letter-spacing: 0.15em;
@@ -142,7 +142,7 @@
position: absolute;
top: 50%;
transform: translateY(-50%);
- font-size: 24px;
+ font-size: 36px;
color: var(--brown-light);
}
@@ -163,7 +163,7 @@
justify-content: center;
flex-wrap: wrap;
gap: 16px 32px;
- font-size: 15px;
+ font-size: 22px;
color: var(--brown-mid);
padding: 10px 0 16px;
font-family: "Special Elite", cursive;
@@ -183,7 +183,7 @@
}
.tag {
- font-size: 14px;
+ font-size: 21px;
color: var(--brown);
padding: 2px 12px;
border: 1px solid var(--brown-light);
@@ -199,7 +199,7 @@
.content-area h1 {
font-family: "Shadows Into Light", cursive;
- font-size: 32px;
+ font-size: 48px;
color: var(--brown-dark);
margin-top: 32px;
margin-bottom: 12px;
@@ -209,7 +209,7 @@
}
.content-area h2 {
- font-size: 26px;
+ font-size: 39px;
color: var(--brown);
margin-top: 28px;
margin-bottom: 10px;
@@ -217,7 +217,7 @@
}
.content-area h3 {
- font-size: 22px;
+ font-size: 33px;
color: var(--brown-mid);
margin-top: 20px;
margin-bottom: 8px;
@@ -236,7 +236,7 @@
.content-area code {
font-family: "Special Elite", cursive;
- font-size: 16px;
+ font-size: 24px;
background: var(--parchment);
padding: 0 5px;
border: 1px dashed var(--brown-light);
@@ -251,7 +251,7 @@
margin: 16px 0;
overflow-x: auto;
font-family: "Special Elite", cursive;
- font-size: 14px;
+ font-size: 21px;
line-height: 1.7;
}
@@ -268,7 +268,7 @@
padding: 12px 8px;
margin: 18px 0;
text-align: center;
- font-size: 20px;
+ font-size: 30px;
font-style: italic;
color: var(--brown-mid);
}
@@ -307,7 +307,7 @@
padding: 7px 10px;
text-align: left;
color: var(--brown-dark);
- font-size: 16px;
+ font-size: 24px;
}
.content-area td {
@@ -327,7 +327,7 @@
text-align: center;
margin: 24px 0;
color: var(--brown-light);
- font-size: 20px;
+ font-size: 30px;
letter-spacing: 0.3em;
}
@@ -342,7 +342,7 @@
border-top: 1px solid var(--brown-light);
text-align: center;
font-family: "Special Elite", cursive;
- font-size: 13px;
+ font-size: 20px;
color: var(--brown-mid);
letter-spacing: 0.08em;
line-height: 2;
@@ -350,7 +350,7 @@
- ← back
+ ← back
*
diff --git a/templates/chalkboard.html b/templates/chalkboard.html
index bba6a4e..cc19578 100644
--- a/templates/chalkboard.html
+++ b/templates/chalkboard.html
@@ -33,7 +33,7 @@
background: var(--board-dark);
color: var(--chalk-white);
font-family: "Caveat", cursive;
- font-size: 20px;
+ font-size: 30px;
line-height: 1.7;
min-height: 100vh;
position: relative;
@@ -130,7 +130,7 @@
}
.course-label {
- font-size: 15px;
+ font-size: 22px;
color: var(--chalk-dim);
letter-spacing: 0.15em;
text-transform: uppercase;
@@ -154,7 +154,7 @@
justify-content: center;
gap: 32px;
margin-top: 16px;
- font-size: 16px;
+ font-size: 24px;
color: var(--chalk-dim);
}
@@ -184,7 +184,7 @@
.content-area h1 {
font-family: "Caveat Brush", cursive;
- font-size: 36px;
+ font-size: 54px;
color: var(--chalk-yellow);
text-shadow: 0 0 12px rgba(245,230,66,0.3), 1px 1px 2px rgba(0,0,0,0.5);
margin-top: 40px;
@@ -195,7 +195,7 @@
}
.content-area h2 {
- font-size: 28px;
+ font-size: 42px;
color: var(--chalk-blue);
text-shadow: 0 0 10px rgba(126,200,227,0.3), 1px 1px 2px rgba(0,0,0,0.5);
margin-top: 32px;
@@ -203,7 +203,7 @@
}
.content-area h3 {
- font-size: 24px;
+ font-size: 36px;
color: var(--chalk-pink);
text-shadow: 0 0 8px rgba(245,160,176,0.3);
margin-top: 24px;
@@ -224,7 +224,7 @@
.content-area code {
font-family: "Courier New", monospace;
- font-size: 16px;
+ font-size: 24px;
color: var(--chalk-orange);
background: rgba(245,176,66,0.08);
padding: 1px 6px;
@@ -240,7 +240,7 @@
margin: 20px 0;
overflow-x: auto;
font-family: "Courier New", monospace;
- font-size: 15px;
+ font-size: 22px;
line-height: 1.7;
}
@@ -302,7 +302,7 @@
padding: 8px 12px;
text-align: left;
color: var(--chalk-yellow);
- font-size: 18px;
+ font-size: 27px;
}
.content-area td {
@@ -327,7 +327,7 @@
/* KaTeX math — make it readable on dark board */
.content-area .katex {
color: var(--chalk-white);
- font-size: 1.1em;
+ font-size: 1.49em;
}
.content-area .katex-display {
@@ -341,13 +341,13 @@
border-top: 1px solid var(--chalk-faint);
display: flex;
justify-content: space-between;
- font-size: 16px;
+ font-size: 24px;
color: var(--chalk-dim);
}
- ← back
+ ← back
diff --git a/templates/collection.html b/templates/collection.html
index 89bf434..5972fae 100644
--- a/templates/collection.html
+++ b/templates/collection.html
@@ -94,7 +94,7 @@
{% if description %}
.hero p {
- font-size: 1.1rem;
+ font-size: 1.49rem;
color: rgba(240, 236, 228, 0.7);
margin-top: 1rem;
font-weight: 300;
@@ -110,7 +110,7 @@
color: #fbbf24;
padding: 0.3em 0.8em;
border-radius: 4px;
- font-size: 0.8rem;
+ font-size: 1.08rem;
margin-top: 1rem;
backdrop-filter: blur(8px);
}
@@ -160,14 +160,14 @@
.post-title {
font-family: 'Iosevka', monospace;
- font-size: 1.2rem;
+ font-size: 1.62rem;
font-weight: 500;
color: #ffffff;
line-height: 1.3;
}
.draft-tag {
- font-size: 0.65rem;
+ font-size: 0.88rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #fbbf24;
@@ -180,7 +180,7 @@
}
.post-date {
- font-size: 0.8rem;
+ font-size: 1.08rem;
color: rgba(240, 236, 228, 0.4);
margin-top: 0.3rem;
font-weight: 300;
@@ -188,7 +188,7 @@
}
.post-description {
- font-size: 0.9rem;
+ font-size: 1.22rem;
color: rgba(240, 236, 228, 0.6);
margin-top: 0.4rem;
line-height: 1.5;
@@ -207,7 +207,7 @@
z-index: 1;
text-align: center;
padding: 2rem 2rem calc(2rem + env(safe-area-inset-bottom, 0px));
- font-size: 0.75rem;
+ font-size: 1.01rem;
color: rgba(240, 236, 228, 0.25);
}
@@ -233,7 +233,7 @@
.hero { padding: calc(3rem + env(safe-area-inset-top, 0px)) 1.5rem 2rem; }
.posts-container { padding-left: calc(1rem + env(safe-area-inset-left, 0px)); padding-right: calc(1rem + env(safe-area-inset-right, 0px)); }
.post-item { padding: 1rem 1.25rem; }
- .post-title { font-size: 1.05rem; }
+ .post-title { font-size: 1.42rem; }
}
diff --git a/templates/color-palette.html b/templates/color-palette.html
index d643f2a..76517cf 100644
--- a/templates/color-palette.html
+++ b/templates/color-palette.html
@@ -29,7 +29,7 @@
background: var(--bg);
color: var(--text);
font-family: "DM Sans", system-ui, sans-serif;
- font-size: 14px;
+ font-size: 21px;
line-height: 1.5;
min-height: 100vh;
}
@@ -53,7 +53,7 @@
.topbar-brand {
font-weight: 700;
- font-size: 15px;
+ font-size: 22px;
color: var(--text);
letter-spacing: -0.02em;
}
@@ -64,7 +64,7 @@
}
.topbar-nav-item {
- font-size: 13px;
+ font-size: 20px;
font-weight: 500;
color: var(--dim);
padding: 4px 10px;
@@ -77,7 +77,7 @@
}
.topbar-right {
- font-size: 12px;
+ font-size: 18px;
color: var(--dim);
}
@@ -104,7 +104,7 @@
left: 50%;
transform: translateX(-50%);
font-family: "DM Mono", monospace;
- font-size: 9px;
+ font-size: 14px;
font-weight: 500;
background: rgba(0,0,0,0.4);
color: #fff;
@@ -132,7 +132,7 @@
}
.page-title {
- font-size: 28px;
+ font-size: 42px;
font-weight: 700;
letter-spacing: -0.03em;
color: var(--text);
@@ -150,7 +150,7 @@
display: inline-flex;
align-items: center;
gap: 5px;
- font-size: 12px;
+ font-size: 18px;
font-weight: 500;
color: var(--muted);
background: var(--border);
@@ -189,7 +189,7 @@
}
.swatch-name {
- font-size: 11px;
+ font-size: 16px;
font-weight: 600;
color: var(--text);
margin-bottom: 2px;
@@ -197,13 +197,13 @@
.swatch-hex {
font-family: "DM Mono", monospace;
- font-size: 10px;
+ font-size: 15px;
color: var(--dim);
}
/* Content */
.content-section-label {
- font-size: 11px;
+ font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
@@ -222,7 +222,7 @@
}
.content-area h1 {
- font-size: 22px;
+ font-size: 33px;
font-weight: 700;
letter-spacing: -0.02em;
color: var(--text);
@@ -231,7 +231,7 @@
}
.content-area h2 {
- font-size: 17px;
+ font-size: 26px;
font-weight: 700;
color: var(--text);
margin-top: 22px;
@@ -239,7 +239,7 @@
}
.content-area h3 {
- font-size: 14px;
+ font-size: 21px;
font-weight: 700;
color: var(--text);
margin-top: 18px;
@@ -247,7 +247,7 @@
}
.content-area h4, .content-area h5, .content-area h6 {
- font-size: 13px;
+ font-size: 20px;
font-weight: 600;
color: var(--muted);
margin-top: 14px;
@@ -255,7 +255,7 @@
}
.content-area p {
- font-size: 14px;
+ font-size: 21px;
color: var(--muted);
margin-bottom: 12px;
line-height: 1.65;
@@ -273,7 +273,7 @@
.content-area code {
font-family: "DM Mono", monospace;
- font-size: 12px;
+ font-size: 18px;
background: #f3f3f8;
color: #5b4fcf;
padding: 2px 6px;
@@ -292,7 +292,7 @@
background: none;
color: #e0e0f0;
padding: 0;
- font-size: 13px;
+ font-size: 20px;
}
.content-area blockquote {
@@ -346,7 +346,7 @@
width: 100%;
border-collapse: collapse;
margin: 14px 0;
- font-size: 13px;
+ font-size: 20px;
border-radius: 8px;
overflow: hidden;
}
@@ -355,7 +355,7 @@
background: #f3f3f8;
padding: 9px 13px;
text-align: left;
- font-size: 11px;
+ font-size: 16px;
font-weight: 700;
color: var(--dim);
text-transform: uppercase;
@@ -389,7 +389,7 @@
}
.tag {
- font-size: 11px;
+ font-size: 16px;
font-weight: 600;
color: #5b4fcf;
background: rgba(91,79,207,0.08);
@@ -399,7 +399,7 @@
- ← back
+ ← back
diff --git a/templates/conspiracy.html b/templates/conspiracy.html
index 29ac40d..605a38f 100644
--- a/templates/conspiracy.html
+++ b/templates/conspiracy.html
@@ -20,7 +20,7 @@
background: #000000;
color: #00ff00;
font-family: "Comic Sans MS", "Chalkboard SE", "Fredoka One", cursive;
- font-size: 15px;
+ font-size: 22px;
line-height: 1.6;
min-height: 100vh;
overflow-x: hidden;
@@ -67,7 +67,7 @@
color: #000;
font-family: "Comic Sans MS", cursive;
font-weight: 700;
- font-size: 14px;
+ font-size: 21px;
text-align: center;
padding: 8px;
letter-spacing: 0.2em;
@@ -95,7 +95,7 @@
display: inline-block;
white-space: nowrap;
color: #ffff00;
- font-size: 13px;
+ font-size: 20px;
font-weight: 700;
letter-spacing: 0.05em;
animation: scroll-left 20s linear infinite;
@@ -116,7 +116,7 @@
.site-title {
font-family: "Creepster", "Abril Fatface", cursive;
- font-size: 42px;
+ font-size: 63px;
color: #ff00ff;
text-shadow:
0 0 10px #ff00ff,
@@ -133,7 +133,7 @@
.site-subtitle {
color: #00ffff;
- font-size: 13px;
+ font-size: 20px;
margin-top: 8px;
letter-spacing: 0.1em;
animation: glow-cyan 1.5s ease-in-out infinite alternate;
@@ -155,7 +155,7 @@
.post-meta-title {
font-family: "Creepster", cursive;
- font-size: 28px;
+ font-size: 42px;
color: #ffff00;
text-shadow: 0 0 8px #ffff00;
line-height: 1.2;
@@ -170,14 +170,14 @@
.post-meta-info {
color: #ff9900;
- font-size: 13px;
+ font-size: 20px;
letter-spacing: 0.06em;
}
/* Rainbow colors cycle through content elements */
.content-area h1 {
font-family: "Creepster", cursive;
- font-size: 26px;
+ font-size: 39px;
text-align: center;
text-transform: uppercase;
color: #ff0000;
@@ -198,7 +198,7 @@
.content-area h2 {
font-family: "Creepster", cursive;
- font-size: 22px;
+ font-size: 33px;
color: #00ffff;
text-shadow: 0 0 6px #00ffff;
margin: 20px 0 10px;
@@ -206,14 +206,14 @@
}
.content-area h3 {
- font-size: 16px;
+ font-size: 24px;
color: #ff9900;
text-shadow: 0 0 4px #ff9900;
margin: 16px 0 8px;
}
.content-area h4, .content-area h5, .content-area h6 {
- font-size: 14px;
+ font-size: 21px;
color: #ff00ff;
margin: 12px 0 6px;
}
@@ -242,7 +242,7 @@
padding: 1px 5px;
font-family: "Courier New", monospace;
border: 1px solid #00ff00;
- font-size: 13px;
+ font-size: 20px;
}
.content-area pre {
@@ -289,7 +289,7 @@
left: 0;
color: #ff0000;
font-weight: 700;
- font-size: 10px;
+ font-size: 15px;
top: 2px;
}
@@ -320,7 +320,7 @@
width: 100%;
border-collapse: collapse;
margin: 14px 0;
- font-size: 13px;
+ font-size: 20px;
}
.content-area th {
@@ -330,7 +330,7 @@
border: 1px solid #ff0000;
text-align: left;
text-transform: uppercase;
- font-size: 11px;
+ font-size: 16px;
}
.content-area td {
@@ -363,7 +363,7 @@
}
.visitor-label {
- font-size: 11px;
+ font-size: 16px;
color: #ffff00;
text-transform: uppercase;
letter-spacing: 0.1em;
@@ -371,7 +371,7 @@
.visitor-number {
font-family: "Courier New", monospace;
- font-size: 28px;
+ font-size: 42px;
color: #ff0000;
font-weight: 700;
text-shadow: 0 0 10px #ff0000;
@@ -390,7 +390,7 @@
color: #ffff00;
border: 1px solid #ff00ff;
padding: 3px 10px;
- font-size: 11px;
+ font-size: 16px;
margin: 3px;
text-transform: uppercase;
letter-spacing: 0.1em;
@@ -402,14 +402,14 @@
margin-top: 32px;
padding-top: 16px;
border-top: 2px dashed #00ff00;
- font-size: 11px;
+ font-size: 16px;
color: #00ff00;
letter-spacing: 0.08em;
}
- ← back
+ ← back
diff --git a/templates/crypto-hacker.html b/templates/crypto-hacker.html
index 6ee9d12..1a8c6d7 100644
--- a/templates/crypto-hacker.html
+++ b/templates/crypto-hacker.html
@@ -30,7 +30,7 @@
background: var(--bg);
color: var(--cyber-green);
font-family: "Share Tech Mono", "Courier New", monospace;
- font-size: 14px;
+ font-size: 21px;
line-height: 1.7;
min-height: 100vh;
overflow-x: hidden;
@@ -135,7 +135,7 @@
}
.site-label {
- font-size: 11px;
+ font-size: 16px;
letter-spacing: 0.3em;
color: var(--dim-green);
text-transform: uppercase;
@@ -208,7 +208,7 @@
padding: 12px 0;
border-bottom: 1px solid rgba(0,255,136,0.15);
margin-bottom: 32px;
- font-size: 12px;
+ font-size: 18px;
color: var(--dim-green);
}
@@ -220,7 +220,7 @@
.meta-row .meta-key {
color: var(--cyber-magenta);
- font-size: 10px;
+ font-size: 15px;
letter-spacing: 0.2em;
text-transform: uppercase;
}
@@ -237,7 +237,7 @@
}
.tag {
- font-size: 11px;
+ font-size: 16px;
padding: 2px 10px;
border: 1px solid var(--dim-green);
color: var(--cyber-green);
@@ -268,7 +268,7 @@
.post-content h1 {
font-family: "Orbitron", sans-serif;
- font-size: 22px;
+ font-size: 33px;
font-weight: 700;
color: var(--cyber-magenta);
text-shadow: 0 0 10px var(--cyber-magenta);
@@ -281,7 +281,7 @@
.post-content h2 {
font-family: "Orbitron", sans-serif;
- font-size: 17px;
+ font-size: 26px;
font-weight: 700;
color: var(--cyber-blue);
text-shadow: 0 0 8px var(--cyber-blue);
@@ -291,7 +291,7 @@
}
.post-content h3 {
- font-size: 15px;
+ font-size: 22px;
color: var(--cyber-green);
text-shadow: 0 0 6px var(--cyber-green);
margin-top: 24px;
@@ -319,7 +319,7 @@
.post-content code {
font-family: "Share Tech Mono", monospace;
- font-size: 13px;
+ font-size: 20px;
color: var(--cyber-blue);
background: rgba(0,255,255,0.06);
border: 1px solid rgba(0,255,255,0.2);
@@ -341,7 +341,7 @@
position: absolute;
top: 6px;
right: 10px;
- font-size: 10px;
+ font-size: 15px;
color: var(--dim-green);
letter-spacing: 0.1em;
}
@@ -384,7 +384,7 @@
width: 100%;
border-collapse: collapse;
margin: 20px 0;
- font-size: 13px;
+ font-size: 20px;
}
.post-content th {
@@ -393,7 +393,7 @@
padding: 8px 12px;
color: var(--cyber-green);
text-transform: uppercase;
- font-size: 11px;
+ font-size: 16px;
letter-spacing: 0.1em;
}
@@ -424,7 +424,7 @@
border-top: 1px solid var(--dim-green);
display: flex;
justify-content: space-between;
- font-size: 11px;
+ font-size: 16px;
color: var(--dim-green);
letter-spacing: 0.1em;
}
@@ -435,7 +435,7 @@
- ← back
+ ← back
diff --git a/templates/dracula.html b/templates/dracula.html
index 558917c..2e7d147 100644
--- a/templates/dracula.html
+++ b/templates/dracula.html
@@ -36,7 +36,7 @@
background-color: var(--bg-darker);
color: var(--fg);
font-family: "Inter", system-ui, sans-serif;
- font-size: 16px;
+ font-size: 24px;
line-height: 1.7;
min-height: 100vh;
}
@@ -65,7 +65,7 @@
.site-name {
font-family: "Fira Code", monospace;
- font-size: 13px;
+ font-size: 20px;
color: var(--purple);
letter-spacing: 0.05em;
}
@@ -78,7 +78,7 @@
display: flex;
align-items: center;
gap: 20px;
- font-size: 13px;
+ font-size: 20px;
color: var(--comment);
font-family: "Fira Code", monospace;
}
@@ -109,7 +109,7 @@
.sidebar-label {
font-family: "Fira Code", monospace;
- font-size: 10px;
+ font-size: 15px;
text-transform: uppercase;
letter-spacing: 0.15em;
color: var(--comment);
@@ -124,7 +124,7 @@
.tag {
font-family: "Fira Code", monospace;
- font-size: 11px;
+ font-size: 16px;
padding: 2px 10px;
border-radius: 999px;
letter-spacing: 0.02em;
@@ -139,7 +139,7 @@
.sidebar-info {
font-family: "Fira Code", monospace;
- font-size: 12px;
+ font-size: 18px;
color: var(--fg);
line-height: 1.9;
}
@@ -169,7 +169,7 @@
}
.post-title {
- font-size: 36px;
+ font-size: 54px;
font-weight: 600;
color: var(--fg);
line-height: 1.2;
@@ -188,7 +188,7 @@
}
.post-content h1 {
- font-size: 28px;
+ font-size: 42px;
font-weight: 600;
color: var(--purple);
margin-top: 40px;
@@ -198,7 +198,7 @@
}
.post-content h2 {
- font-size: 22px;
+ font-size: 33px;
font-weight: 600;
color: var(--pink);
margin-top: 36px;
@@ -206,7 +206,7 @@
}
.post-content h3 {
- font-size: 18px;
+ font-size: 27px;
font-weight: 500;
color: var(--cyan);
margin-top: 28px;
@@ -214,7 +214,7 @@
}
.post-content h4 {
- font-size: 16px;
+ font-size: 24px;
font-weight: 500;
color: var(--orange);
margin-top: 20px;
@@ -239,7 +239,7 @@
.post-content code {
font-family: "Fira Code", monospace;
- font-size: 14px;
+ font-size: 21px;
background: var(--bg);
color: var(--green);
padding: 1px 6px;
@@ -262,7 +262,7 @@
border: none;
padding: 0;
color: var(--fg);
- font-size: 14px;
+ font-size: 21px;
}
.post-content blockquote {
@@ -297,7 +297,7 @@
width: 100%;
border-collapse: collapse;
margin: 24px 0;
- font-size: 14px;
+ font-size: 21px;
}
.post-content th {
@@ -306,7 +306,7 @@
padding: 10px 14px;
text-align: left;
font-family: "Fira Code", monospace;
- font-size: 12px;
+ font-size: 18px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
@@ -341,7 +341,7 @@
align-items: center;
justify-content: space-between;
font-family: "Fira Code", monospace;
- font-size: 12px;
+ font-size: 18px;
color: var(--comment);
}
@@ -373,7 +373,7 @@
- ← back
+ ← back
diff --git a/templates/envelope.html b/templates/envelope.html
index 8d87309..9abda70 100644
--- a/templates/envelope.html
+++ b/templates/envelope.html
@@ -86,14 +86,14 @@
.postmark-top {
font-family: "Special Elite", monospace;
- font-size: 9px;
+ font-size: 14px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--ink);
}
.postmark-date {
- font-size: 14px;
+ font-size: 21px;
font-weight: 700;
color: var(--ink);
line-height: 1.2;
@@ -103,7 +103,7 @@
.postmark-bottom {
font-family: "Special Elite", monospace;
- font-size: 8px;
+ font-size: 12px;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--ink);
@@ -143,7 +143,7 @@
}
.stamp-flag {
- font-size: 24px;
+ font-size: 36px;
color: #fff;
line-height: 1;
margin-bottom: 3px;
@@ -151,13 +151,13 @@
.stamp-value {
font-family: "Special Elite", monospace;
- font-size: 10px;
+ font-size: 15px;
color: rgba(255,255,255,0.9);
letter-spacing: 0.08em;
}
.stamp-name {
- font-size: 8px;
+ font-size: 12px;
font-family: "Special Elite", monospace;
text-align: center;
color: rgba(255,255,255,0.7);
@@ -176,13 +176,13 @@
}
.address-block {
- font-size: 14px;
+ font-size: 21px;
color: var(--ink-dim);
line-height: 1.8;
}
.address-label {
- font-size: 10px;
+ font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.14em;
@@ -191,7 +191,7 @@
}
.address-name {
- font-size: 16px;
+ font-size: 24px;
font-weight: 700;
color: var(--ink);
margin-bottom: 2px;
@@ -216,20 +216,20 @@
.letter-date {
text-align: right;
- font-size: 14px;
+ font-size: 21px;
font-style: italic;
color: var(--ink-dim);
margin-bottom: 20px;
}
.letter-salutation {
- font-size: 17px;
+ font-size: 26px;
color: var(--ink);
margin-bottom: 16px;
}
.letter-title {
- font-size: 26px;
+ font-size: 39px;
font-weight: 700;
color: var(--ink);
line-height: 1.2;
@@ -239,7 +239,7 @@
/* Content styles */
.content-area h1 {
- font-size: 22px;
+ font-size: 33px;
font-weight: 700;
font-style: italic;
color: var(--ink);
@@ -248,7 +248,7 @@
}
.content-area h2 {
- font-size: 18px;
+ font-size: 27px;
font-weight: 700;
color: var(--ink);
margin-top: 24px;
@@ -258,7 +258,7 @@
}
.content-area h3 {
- font-size: 16px;
+ font-size: 24px;
font-weight: 700;
color: var(--ink-dim);
margin-top: 20px;
@@ -266,7 +266,7 @@
}
.content-area h4, .content-area h5, .content-area h6 {
- font-size: 15px;
+ font-size: 22px;
font-weight: 700;
color: var(--ink-dim);
margin-top: 16px;
@@ -274,7 +274,7 @@
}
.content-area p {
- font-size: 17px;
+ font-size: 26px;
margin-bottom: 16px;
color: var(--ink);
text-align: justify;
@@ -289,7 +289,7 @@
.content-area code {
font-family: "Special Elite", monospace;
- font-size: 14px;
+ font-size: 21px;
background: rgba(0,0,0,0.05);
padding: 1px 4px;
}
@@ -300,7 +300,7 @@
padding: 12px 16px;
margin: 14px 0;
overflow-x: auto;
- font-size: 14px;
+ font-size: 21px;
}
.content-area pre code {
@@ -328,7 +328,7 @@
.content-area li {
margin-bottom: 6px;
- font-size: 16px;
+ font-size: 24px;
line-height: 1.6;
}
@@ -336,7 +336,7 @@
width: 100%;
border-collapse: collapse;
margin: 14px 0;
- font-size: 15px;
+ font-size: 22px;
}
.content-area th {
@@ -361,7 +361,7 @@
text-align: center;
margin: 24px 0;
color: var(--ink-dim);
- font-size: 20px;
+ font-size: 30px;
letter-spacing: 0.4em;
}
@@ -376,20 +376,20 @@
}
.signoff-farewell {
- font-size: 17px;
+ font-size: 26px;
color: var(--ink);
margin-bottom: 24px;
font-style: italic;
}
.signoff-signature {
- font-size: 22px;
+ font-size: 33px;
color: var(--ink);
font-style: italic;
}
.signoff-site {
- font-size: 13px;
+ font-size: 20px;
color: var(--ink-dim);
margin-top: 4px;
}
@@ -399,7 +399,7 @@
margin-top: 20px;
padding-top: 16px;
border-top: 1px dashed var(--border);
- font-size: 12px;
+ font-size: 18px;
color: var(--ink-dim);
}
@@ -428,7 +428,7 @@
- ← back
+ ← back
diff --git a/templates/fediverse-toot.html b/templates/fediverse-toot.html
index 39959c6..bc421e6 100644
--- a/templates/fediverse-toot.html
+++ b/templates/fediverse-toot.html
@@ -37,7 +37,7 @@
background: var(--bg);
color: var(--text);
font-family: "Roboto", system-ui, sans-serif;
- font-size: 14px;
+ font-size: 21px;
line-height: 1.45;
min-height: 100vh;
}
@@ -66,20 +66,20 @@
}
.nav-logo-icon {
- font-size: 28px;
+ font-size: 42px;
color: var(--purple);
line-height: 1;
margin-bottom: 2px;
}
.nav-logo-name {
- font-size: 15px;
+ font-size: 22px;
font-weight: 700;
color: var(--text);
}
.nav-logo-handle {
- font-size: 12px;
+ font-size: 18px;
color: var(--text-muted);
}
@@ -89,7 +89,7 @@
gap: 12px;
padding: 10px 12px;
border-radius: 8px;
- font-size: 15px;
+ font-size: 22px;
font-weight: 500;
color: var(--text-secondary);
cursor: default;
@@ -100,7 +100,7 @@
}
.nav-item-icon {
- font-size: 20px;
+ font-size: 30px;
width: 24px;
text-align: center;
flex-shrink: 0;
@@ -114,7 +114,7 @@
border-radius: 999px;
text-align: center;
padding: 12px;
- font-size: 14px;
+ font-size: 21px;
}
/* Main content column */
@@ -139,12 +139,12 @@
}
.column-header-back {
- font-size: 18px;
+ font-size: 27px;
color: var(--text-secondary);
}
.column-header-title {
- font-size: 16px;
+ font-size: 24px;
font-weight: 700;
color: var(--text);
}
@@ -157,7 +157,7 @@
}
.status-pinned {
- font-size: 12px;
+ font-size: 18px;
font-weight: 500;
color: var(--text-muted);
margin-bottom: 8px;
@@ -181,7 +181,7 @@
display: flex;
align-items: center;
justify-content: center;
- font-size: 20px;
+ font-size: 30px;
font-weight: 700;
color: #fff;
}
@@ -195,7 +195,7 @@
display: flex;
align-items: center;
justify-content: center;
- font-size: 10px;
+ font-size: 15px;
font-weight: 700;
color: #fff;
}
@@ -213,29 +213,29 @@
}
.status-name {
- font-size: 15px;
+ font-size: 22px;
font-weight: 700;
color: var(--text);
}
.status-handle {
- font-size: 13px;
+ font-size: 20px;
color: var(--text-muted);
}
.status-dot {
color: var(--text-muted);
- font-size: 12px;
+ font-size: 18px;
}
.status-time {
- font-size: 13px;
+ font-size: 20px;
color: var(--text-muted);
}
/* Toot title as a subtitle */
.toot-subject {
- font-size: 13px;
+ font-size: 20px;
font-weight: 500;
color: var(--text-secondary);
background: rgba(99,100,255,0.1);
@@ -248,41 +248,41 @@
/* Content */
.status-body {
color: var(--text-secondary);
- font-size: 15px;
+ font-size: 22px;
line-height: 1.5;
margin-bottom: 12px;
}
.content-area h1 {
- font-size: 18px;
+ font-size: 27px;
font-weight: 700;
color: var(--text);
margin: 16px 0 8px;
}
.content-area h2 {
- font-size: 15px;
+ font-size: 22px;
font-weight: 700;
color: var(--text);
margin: 14px 0 6px;
}
.content-area h3 {
- font-size: 14px;
+ font-size: 21px;
font-weight: 700;
color: var(--text-secondary);
margin: 12px 0 5px;
}
.content-area h4, .content-area h5, .content-area h6 {
- font-size: 13px;
+ font-size: 20px;
font-weight: 600;
color: var(--text-muted);
margin: 10px 0 4px;
}
.content-area p {
- font-size: 15px;
+ font-size: 22px;
margin-bottom: 10px;
color: var(--text-secondary);
line-height: 1.55;
@@ -299,7 +299,7 @@
.content-area code {
font-family: "Roboto Mono", monospace;
- font-size: 13px;
+ font-size: 20px;
background: rgba(255,255,255,0.08);
color: #e6e6ff;
padding: 2px 6px;
@@ -319,7 +319,7 @@
background: none;
color: #d4d8f0;
padding: 0;
- font-size: 13px;
+ font-size: 20px;
}
.content-area blockquote {
@@ -369,14 +369,14 @@
width: 100%;
border-collapse: collapse;
margin: 12px 0;
- font-size: 13px;
+ font-size: 20px;
}
.content-area th {
background: rgba(255,255,255,0.05);
padding: 7px 12px;
text-align: left;
- font-size: 11px;
+ font-size: 16px;
font-weight: 700;
color: var(--text-muted);
border-bottom: 1px solid var(--border);
@@ -410,13 +410,13 @@
.hashtag {
color: var(--blue-accent);
- font-size: 15px;
+ font-size: 22px;
font-weight: 500;
}
/* Status timestamp detail */
.status-timestamp {
- font-size: 13px;
+ font-size: 20px;
color: var(--text-muted);
margin-bottom: 12px;
padding-bottom: 12px;
@@ -435,7 +435,7 @@
display: flex;
align-items: center;
gap: 6px;
- font-size: 13px;
+ font-size: 20px;
font-weight: 500;
color: var(--text-muted);
padding: 6px 12px;
@@ -444,7 +444,7 @@
}
.action-btn-icon {
- font-size: 16px;
+ font-size: 24px;
}
.action-btn.boost { color: var(--boost); }
@@ -461,7 +461,7 @@
}
.engagement-item {
- font-size: 14px;
+ font-size: 21px;
color: var(--text-secondary);
}
@@ -488,7 +488,7 @@
}
.sidebar-card-header {
- font-size: 13px;
+ font-size: 20px;
font-weight: 700;
color: var(--text);
padding: 14px 16px 10px;
@@ -506,12 +506,12 @@
.sidebar-card-item:last-child { border-bottom: none; }
.sidebar-item-text {
- font-size: 13px;
+ font-size: 20px;
color: var(--text-secondary);
}
.sidebar-item-label {
- font-size: 11px;
+ font-size: 16px;
color: var(--text-muted);
}
@@ -522,7 +522,7 @@
- ← back
+ ← back
diff --git a/templates/hardcover-book.html b/templates/hardcover-book.html
index 9b6dfbe..39f5d43 100644
--- a/templates/hardcover-book.html
+++ b/templates/hardcover-book.html
@@ -48,7 +48,7 @@
);
color: var(--ink);
font-family: "EB Garamond", "Georgia", serif;
- font-size: 17px;
+ font-size: 26px;
line-height: 1.7;
min-height: 100vh;
display: flex;
@@ -85,7 +85,7 @@
text-orientation: mixed;
transform: rotate(180deg);
font-family: "Playfair Display", serif;
- font-size: 10px;
+ font-size: 15px;
font-weight: 600;
letter-spacing: 0.3em;
text-transform: uppercase;
@@ -132,14 +132,14 @@
.flap-ornament-inner {
font-family: "Playfair Display", serif;
- font-size: 28px;
+ font-size: 42px;
font-weight: 700;
color: var(--gold-dim);
}
.flap-site {
font-family: "Playfair Display", serif;
- font-size: 12px;
+ font-size: 18px;
font-weight: 400;
letter-spacing: 0.12em;
text-transform: uppercase;
@@ -157,7 +157,7 @@
.flap-year {
font-family: "EB Garamond", serif;
- font-size: 13px;
+ font-size: 20px;
color: var(--gold-dim);
font-style: italic;
}
@@ -194,7 +194,7 @@
.page-ornament-top {
text-align: center;
color: var(--gold);
- font-size: 20px;
+ font-size: 30px;
letter-spacing: 0.3em;
margin-bottom: 32px;
}
@@ -203,7 +203,7 @@
.chapter-label {
text-align: center;
font-family: "Playfair Display", serif;
- font-size: 11px;
+ font-size: 16px;
font-weight: 400;
letter-spacing: 0.3em;
text-transform: uppercase;
@@ -213,7 +213,7 @@
.chapter-title {
font-family: "Playfair Display", serif;
- font-size: 32px;
+ font-size: 48px;
font-weight: 700;
color: var(--ink);
text-align: center;
@@ -224,7 +224,7 @@
.chapter-subtitle {
text-align: center;
font-style: italic;
- font-size: 16px;
+ font-size: 24px;
color: var(--ink-dim);
margin-bottom: 16px;
}
@@ -233,14 +233,14 @@
.ornament-divider {
text-align: center;
color: var(--gold);
- font-size: 16px;
+ font-size: 24px;
letter-spacing: 0.4em;
margin: 20px 0 28px;
}
/* Meta */
.page-meta {
- font-size: 13px;
+ font-size: 20px;
color: var(--ink-light);
text-align: center;
font-style: italic;
@@ -252,7 +252,7 @@
/* Tags */
.tags-line {
text-align: center;
- font-size: 12px;
+ font-size: 18px;
color: var(--ink-light);
margin-top: -10px;
margin-bottom: 32px;
@@ -266,7 +266,7 @@
.content-area > p:first-of-type::first-letter {
font-family: "Playfair Display", serif;
- font-size: 4.5em;
+ font-size: 6.08em;
font-weight: 700;
float: left;
line-height: 0.75;
@@ -277,7 +277,7 @@
.content-area h1 {
font-family: "Playfair Display", serif;
- font-size: 24px;
+ font-size: 36px;
font-weight: 700;
color: var(--ink);
margin-top: 40px;
@@ -288,7 +288,7 @@
.content-area h2 {
font-family: "Playfair Display", serif;
- font-size: 19px;
+ font-size: 28px;
font-weight: 700;
font-style: italic;
color: var(--ink-dim);
@@ -297,7 +297,7 @@
}
.content-area h3 {
- font-size: 16px;
+ font-size: 24px;
font-weight: 600;
color: var(--ink-dim);
margin-top: 24px;
@@ -306,7 +306,7 @@
}
.content-area h4, .content-area h5, .content-area h6 {
- font-size: 15px;
+ font-size: 22px;
font-weight: 600;
color: var(--ink-light);
margin-top: 18px;
@@ -314,7 +314,7 @@
}
.content-area p {
- font-size: 17px;
+ font-size: 26px;
margin-bottom: 14px;
color: var(--ink);
text-align: justify;
@@ -330,7 +330,7 @@
.content-area code {
font-family: "Courier New", monospace;
- font-size: 14px;
+ font-size: 21px;
background: var(--paper-dark);
color: var(--ink-dim);
padding: 1px 4px;
@@ -343,7 +343,7 @@
padding: 14px 18px;
margin: 16px 0;
overflow-x: auto;
- font-size: 14px;
+ font-size: 21px;
}
.content-area pre code {
@@ -355,7 +355,7 @@
padding: 12px 24px;
margin: 20px 0;
font-style: italic;
- font-size: 18px;
+ font-size: 27px;
color: var(--ink-dim);
border-left: 3px solid var(--gold-dim);
}
@@ -372,7 +372,7 @@
.content-area li {
margin-bottom: 6px;
- font-size: 17px;
+ font-size: 26px;
line-height: 1.6;
}
@@ -380,7 +380,7 @@
width: 100%;
border-collapse: collapse;
margin: 16px auto;
- font-size: 15px;
+ font-size: 22px;
}
.content-area th {
@@ -389,7 +389,7 @@
font-weight: 700;
text-align: left;
font-family: "Playfair Display", serif;
- font-size: 14px;
+ font-size: 21px;
}
.content-area td {
@@ -407,7 +407,7 @@
border: none;
text-align: center;
margin: 28px 0;
- font-size: 18px;
+ font-size: 27px;
color: var(--gold-dim);
letter-spacing: 0.4em;
}
@@ -424,14 +424,14 @@
display: flex;
justify-content: space-between;
align-items: center;
- font-size: 12px;
+ font-size: 18px;
color: var(--ink-light);
font-style: italic;
}
.page-number {
font-family: "EB Garamond", serif;
- font-size: 14px;
+ font-size: 21px;
}
@media (max-width: 800px) {
@@ -442,7 +442,7 @@
- ← back
+ ← back
diff --git a/templates/invoice.html b/templates/invoice.html
index 0126b78..191b923 100644
--- a/templates/invoice.html
+++ b/templates/invoice.html
@@ -28,7 +28,7 @@
background: var(--bg);
color: var(--text);
font-family: Arial, Helvetica, "Neue Haas Grotesk", sans-serif;
- font-size: 12px;
+ font-size: 18px;
line-height: 1.4;
min-height: 100vh;
padding: 32px 16px 48px;
@@ -57,7 +57,7 @@
}
.sender-name {
- font-size: 18px;
+ font-size: 27px;
font-weight: 700;
color: var(--text);
letter-spacing: -0.01em;
@@ -65,7 +65,7 @@
}
.sender-details {
- font-size: 11px;
+ font-size: 16px;
color: var(--muted);
line-height: 1.6;
}
@@ -75,7 +75,7 @@
}
.rechnung-title {
- font-size: 36px;
+ font-size: 54px;
font-weight: 700;
letter-spacing: -0.02em;
color: var(--text);
@@ -85,13 +85,13 @@
}
.invoice-number {
- font-size: 11px;
+ font-size: 16px;
color: var(--muted);
margin-bottom: 2px;
}
.invoice-date {
- font-size: 11px;
+ font-size: 16px;
color: var(--muted);
}
@@ -110,7 +110,7 @@
}
.field-label {
- font-size: 9px;
+ font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.12em;
@@ -121,7 +121,7 @@
}
.field-value {
- font-size: 12px;
+ font-size: 18px;
color: var(--text);
line-height: 1.6;
}
@@ -135,7 +135,7 @@
}
.content-subject-label {
- font-size: 9px;
+ font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.12em;
@@ -144,14 +144,14 @@
}
.content-subject-value {
- font-size: 15px;
+ font-size: 22px;
font-weight: 700;
color: var(--text);
}
/* Main content area */
.content-section-label {
- font-size: 9px;
+ font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.12em;
@@ -166,7 +166,7 @@
}
.content-area h1 {
- font-size: 16px;
+ font-size: 24px;
font-weight: 700;
color: var(--text);
margin-top: 24px;
@@ -174,7 +174,7 @@
}
.content-area h2 {
- font-size: 14px;
+ font-size: 21px;
font-weight: 700;
color: var(--text);
margin-top: 20px;
@@ -182,7 +182,7 @@
}
.content-area h3 {
- font-size: 12px;
+ font-size: 18px;
font-weight: 700;
color: var(--muted);
margin-top: 16px;
@@ -192,7 +192,7 @@
}
.content-area h4, .content-area h5, .content-area h6 {
- font-size: 12px;
+ font-size: 18px;
font-weight: 700;
color: var(--muted);
margin-top: 12px;
@@ -200,7 +200,7 @@
}
.content-area p {
- font-size: 12px;
+ font-size: 18px;
margin-bottom: 10px;
color: var(--muted);
line-height: 1.55;
@@ -213,7 +213,7 @@
.content-area code {
font-family: "Courier New", monospace;
- font-size: 11px;
+ font-size: 16px;
background: #f4f4f4;
border: 1px solid var(--border);
padding: 1px 4px;
@@ -225,7 +225,7 @@
padding: 12px 14px;
overflow-x: auto;
margin: 10px 0;
- font-size: 11px;
+ font-size: 16px;
}
.content-area pre code {
@@ -259,14 +259,14 @@
width: 100%;
border-collapse: collapse;
margin: 12px 0;
- font-size: 11px;
+ font-size: 16px;
}
.content-area th {
background: #f0f0f0;
padding: 7px 10px;
text-align: left;
- font-size: 10px;
+ font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
@@ -309,7 +309,7 @@
}
.summary-tag {
- font-size: 9px;
+ font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
@@ -319,7 +319,7 @@
}
.summary-reading {
- font-size: 11px;
+ font-size: 16px;
color: var(--light);
}
@@ -330,12 +330,12 @@
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 16px;
- font-size: 10px;
+ font-size: 15px;
color: var(--light);
}
.footer-block-label {
- font-size: 8px;
+ font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
@@ -357,7 +357,7 @@
- ← back
+ ← back
diff --git a/templates/ipad-ui.html b/templates/ipad-ui.html
index 27c4ff8..37ec538 100644
--- a/templates/ipad-ui.html
+++ b/templates/ipad-ui.html
@@ -33,7 +33,7 @@
radial-gradient(at 80% 80%, rgba(52,199,89,0.06) 0%, transparent 50%);
color: var(--text);
font-family: "Nunito", -apple-system, "SF Pro Rounded", system-ui, sans-serif;
- font-size: 16px;
+ font-size: 24px;
line-height: 1.6;
min-height: 100vh;
display: flex;
@@ -48,7 +48,7 @@
justify-content: flex-end;
align-items: center;
padding: 0 24px;
- font-size: 11px;
+ font-size: 16px;
font-weight: 600;
color: var(--secondary);
}
@@ -66,7 +66,7 @@
}
.nav-back {
- font-size: 15px;
+ font-size: 22px;
font-weight: 600;
color: var(--blue);
display: flex;
@@ -80,13 +80,13 @@
}
.nav-title {
- font-size: 16px;
+ font-size: 24px;
font-weight: 700;
color: var(--text);
}
.nav-right {
- font-size: 14px;
+ font-size: 21px;
font-weight: 600;
color: var(--blue);
}
@@ -122,7 +122,7 @@
}
.reading-label {
- font-size: 11px;
+ font-size: 16px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.1em;
@@ -131,7 +131,7 @@
}
.card-title {
- font-size: 28px;
+ font-size: 42px;
font-weight: 800;
letter-spacing: -0.02em;
color: var(--text);
@@ -152,7 +152,7 @@
gap: 6px;
background: var(--blue);
color: #fff;
- font-size: 12px;
+ font-size: 18px;
font-weight: 700;
padding: 4px 10px 4px 6px;
border-radius: 999px;
@@ -166,12 +166,12 @@
display: inline-flex;
align-items: center;
justify-content: center;
- font-size: 10px;
+ font-size: 15px;
font-weight: 800;
}
.meta-pill {
- font-size: 12px;
+ font-size: 18px;
font-weight: 600;
color: var(--tertiary);
background: rgba(142,142,147,0.12);
@@ -188,7 +188,7 @@
}
.tag {
- font-size: 11px;
+ font-size: 16px;
font-weight: 700;
color: var(--blue);
background: rgba(0,122,255,0.1);
@@ -203,7 +203,7 @@
/* Content */
.content-area h1 {
- font-size: 24px;
+ font-size: 36px;
font-weight: 800;
letter-spacing: -0.02em;
color: var(--text);
@@ -212,7 +212,7 @@
}
.content-area h2 {
- font-size: 20px;
+ font-size: 30px;
font-weight: 700;
color: var(--text);
margin-top: 28px;
@@ -220,7 +220,7 @@
}
.content-area h3 {
- font-size: 17px;
+ font-size: 26px;
font-weight: 700;
color: var(--text);
margin-top: 22px;
@@ -228,7 +228,7 @@
}
.content-area h4, .content-area h5, .content-area h6 {
- font-size: 15px;
+ font-size: 22px;
font-weight: 700;
color: var(--secondary);
margin-top: 16px;
@@ -238,7 +238,7 @@
.content-area p {
margin-bottom: 14px;
color: var(--secondary);
- font-size: 16px;
+ font-size: 24px;
line-height: 1.7;
font-weight: 400;
}
@@ -255,7 +255,7 @@
.content-area code {
font-family: "SF Mono", "Menlo", monospace;
- font-size: 13px;
+ font-size: 20px;
background: rgba(142,142,147,0.14);
color: #c0392b;
padding: 2px 6px;
@@ -274,7 +274,7 @@
background: none;
color: #e5e5ea;
padding: 0;
- font-size: 13px;
+ font-size: 20px;
}
.content-area blockquote {
@@ -330,14 +330,14 @@
margin: 16px 0;
border-radius: 12px;
overflow: hidden;
- font-size: 14px;
+ font-size: 21px;
}
.content-area th {
background: rgba(142,142,147,0.12);
padding: 10px 14px;
text-align: left;
- font-size: 12px;
+ font-size: 18px;
font-weight: 700;
color: var(--tertiary);
text-transform: uppercase;
@@ -382,12 +382,12 @@
padding-left: 20px;
padding-right: 20px;
}
- .card-title { font-size: 22px; }
+ .card-title { font-size: 33px; }
}
- ← back
+ ← back
{{ published_date }} · {{ reading_time }}
diff --git a/templates/math-theorem.html b/templates/math-theorem.html
index 3ef7e46..ae12019 100644
--- a/templates/math-theorem.html
+++ b/templates/math-theorem.html
@@ -30,7 +30,7 @@
background: #dcdccc;
color: var(--text);
font-family: "Libre Caslon Text", "Computer Modern", "Latin Modern Math", "Times New Roman", serif;
- font-size: 16px;
+ font-size: 24px;
line-height: 1.65;
min-height: 100vh;
padding: 40px 16px;
@@ -55,7 +55,7 @@
.paper-maintitle {
font-family: "Libre Caslon Display", "Libre Caslon Text", serif;
- font-size: 26px;
+ font-size: 39px;
font-weight: 400;
color: var(--text);
line-height: 1.25;
@@ -63,13 +63,13 @@
}
.paper-author {
- font-size: 14px;
+ font-size: 21px;
color: var(--muted);
margin-bottom: 6px;
}
.paper-date {
- font-size: 13px;
+ font-size: 20px;
color: var(--dim);
font-style: italic;
}
@@ -83,7 +83,7 @@
.abstract-label {
font-weight: 700;
- font-size: 13px;
+ font-size: 20px;
text-transform: uppercase;
letter-spacing: 0.08em;
text-align: center;
@@ -92,7 +92,7 @@
}
.abstract-text {
- font-size: 14px;
+ font-size: 21px;
font-style: italic;
color: var(--muted);
text-align: justify;
@@ -105,7 +105,7 @@
}
.content-area h1 {
- font-size: 18px;
+ font-size: 27px;
font-weight: 700;
color: var(--text);
margin-top: 40px;
@@ -119,7 +119,7 @@
}
.content-area h2 {
- font-size: 16px;
+ font-size: 24px;
font-weight: 700;
font-style: italic;
color: var(--text);
@@ -128,7 +128,7 @@
}
.content-area h3 {
- font-size: 15px;
+ font-size: 22px;
font-weight: 700;
color: var(--muted);
margin-top: 22px;
@@ -136,7 +136,7 @@
}
.content-area h4, .content-area h5, .content-area h6 {
- font-size: 14px;
+ font-size: 21px;
font-weight: 700;
color: var(--dim);
margin-top: 16px;
@@ -161,7 +161,7 @@
.content-area code {
font-family: "Courier New", monospace;
- font-size: 14px;
+ font-size: 21px;
color: #444;
background: #f0f0e8;
padding: 1px 4px;
@@ -174,7 +174,7 @@
padding: 14px 18px;
margin: 16px 0;
overflow-x: auto;
- font-size: 13px;
+ font-size: 20px;
}
.content-area pre code {
@@ -197,7 +197,7 @@
content: "Theorem " counter(theorem) ".";
font-style: normal;
font-weight: 700;
- font-size: 13px;
+ font-size: 20px;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--accent);
@@ -227,7 +227,7 @@
width: 100%;
border-collapse: collapse;
margin: 16px auto;
- font-size: 14px;
+ font-size: 21px;
}
.content-area th {
@@ -235,7 +235,7 @@
padding: 8px 14px;
border-bottom: 2px solid var(--text);
text-align: center;
- font-size: 13px;
+ font-size: 20px;
}
.content-area td {
@@ -265,7 +265,7 @@
.proof-label {
font-style: italic;
- font-size: 14px;
+ font-size: 21px;
color: var(--muted);
margin-bottom: 6px;
}
@@ -273,7 +273,7 @@
.qed {
display: block;
text-align: right;
- font-size: 18px;
+ font-size: 27px;
color: var(--text);
margin-top: 8px;
}
@@ -283,7 +283,7 @@
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid var(--border);
- font-size: 13px;
+ font-size: 20px;
color: var(--muted);
}
@@ -291,7 +291,7 @@
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
- font-size: 12px;
+ font-size: 18px;
margin-bottom: 6px;
color: var(--text);
}
@@ -301,7 +301,7 @@
margin-top: 40px;
padding-top: 16px;
border-top: 1px solid var(--border);
- font-size: 12px;
+ font-size: 18px;
color: var(--dim);
text-align: center;
font-style: italic;
@@ -314,7 +314,7 @@
- ← back
+ ← back
@@ -342,7 +342,7 @@
diff --git a/templates/meditation.html b/templates/meditation.html
index 05a4791..427fadf 100644
--- a/templates/meditation.html
+++ b/templates/meditation.html
@@ -27,7 +27,7 @@
}
html {
- font-size: 18px;
+ font-size: 27px;
}
body {
@@ -79,7 +79,7 @@
}
.post-title {
- font-size: 2.2rem;
+ font-size: 2.97rem;
font-weight: 300;
letter-spacing: 0.02em;
line-height: 1.25;
@@ -89,12 +89,12 @@
/* Content */
.post-content {
- font-size: 1.05rem;
+ font-size: 1.42rem;
line-height: 1.9;
}
.post-content h1 {
- font-size: 1.7rem;
+ font-size: 2.29rem;
font-weight: 400;
letter-spacing: 0.01em;
margin-top: 64px;
@@ -104,7 +104,7 @@
}
.post-content h2 {
- font-size: 1.35rem;
+ font-size: 1.82rem;
font-weight: 400;
font-style: italic;
margin-top: 52px;
@@ -114,14 +114,14 @@
}
.post-content h3 {
- font-size: 1.1rem;
+ font-size: 1.49rem;
font-weight: 500;
margin-top: 40px;
margin-bottom: 16px;
color: var(--text);
letter-spacing: 0.05em;
text-transform: uppercase;
- font-size: 0.85rem;
+ font-size: 1.15rem;
}
.post-content p {
@@ -129,7 +129,7 @@
}
.post-content p:first-child::first-letter {
- font-size: 3.5rem;
+ font-size: 4.73rem;
font-weight: 300;
line-height: 0.8;
float: left;
@@ -159,7 +159,7 @@
.post-content code {
font-family: "Courier New", monospace;
- font-size: 0.85em;
+ font-size: 1.15em;
background: var(--warm-white);
padding: 1px 6px;
border-radius: 2px;
@@ -172,7 +172,7 @@
margin: 32px 0;
overflow-x: auto;
font-family: "Courier New", monospace;
- font-size: 0.82em;
+ font-size: 1.11em;
line-height: 1.7;
border-left: 2px solid var(--circle);
}
@@ -189,7 +189,7 @@
margin: 40px 0;
border-top: 1px solid var(--circle);
border-bottom: 1px solid var(--circle);
- font-size: 1.2rem;
+ font-size: 1.62rem;
font-style: italic;
color: var(--text-light);
font-weight: 300;
@@ -213,7 +213,7 @@
position: absolute;
left: 6px;
color: var(--circle);
- font-size: 1.2em;
+ font-size: 1.62em;
}
.post-content ol {
@@ -239,7 +239,7 @@
width: 100%;
border-collapse: collapse;
margin: 32px 0;
- font-size: 0.95rem;
+ font-size: 1.28rem;
}
.post-content th {
@@ -249,7 +249,7 @@
font-weight: 500;
letter-spacing: 0.05em;
color: var(--text-light);
- font-size: 0.8rem;
+ font-size: 1.08rem;
text-transform: uppercase;
}
@@ -269,7 +269,7 @@
text-align: center;
margin: 48px 0;
color: var(--text-lighter);
- font-size: 1.2rem;
+ font-size: 1.62rem;
letter-spacing: 0.5em;
}
@@ -283,7 +283,7 @@
padding-top: 32px;
border-top: 1px solid var(--warm-white);
text-align: center;
- font-size: 0.8rem;
+ font-size: 1.08rem;
color: var(--text-lighter);
letter-spacing: 0.08em;
line-height: 2;
@@ -295,7 +295,7 @@
- ← back
+ ← back
Proof.
- The assertions above follow directly from the preceding definitions and observations. The reader may verify each claim by inspection.
+The assertions above follow directly from the preceding definitions and observations. The reader may verify each claim by inspection.
■
diff --git a/templates/newspaper.html b/templates/newspaper.html
index 238df1d..3a161c6 100644
--- a/templates/newspaper.html
+++ b/templates/newspaper.html
@@ -29,7 +29,7 @@
background: #8a7a60;
color: var(--ink);
font-family: "Old Standard TT", Georgia, serif;
- font-size: 15px;
+ font-size: 22px;
line-height: 1.6;
}
@@ -52,7 +52,7 @@
display: flex;
justify-content: space-between;
align-items: center;
- font-size: 11px;
+ font-size: 16px;
color: var(--ink-lighter);
padding-bottom: 8px;
border-bottom: 1px solid var(--rule-color);
@@ -70,7 +70,7 @@
}
.masthead-tagline {
- font-size: 11px;
+ font-size: 16px;
letter-spacing: 0.25em;
text-transform: uppercase;
color: var(--ink-lighter);
@@ -103,7 +103,7 @@
}
.kicker {
- font-size: 11px;
+ font-size: 16px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--ink-lighter);
@@ -123,7 +123,7 @@
.deck {
font-family: "Playfair Display", Georgia, serif;
- font-size: 17px;
+ font-size: 26px;
font-style: italic;
color: var(--ink-light);
line-height: 1.4;
@@ -138,7 +138,7 @@
border-top: 1px solid var(--rule-color);
border-bottom: 1px solid var(--rule-color);
margin-bottom: 20px;
- font-size: 11px;
+ font-size: 16px;
color: var(--ink-lighter);
letter-spacing: 0.05em;
text-transform: uppercase;
@@ -158,7 +158,7 @@
columns: 2;
column-gap: 32px;
column-rule: 1px solid var(--rule-color);
- font-size: 14px;
+ font-size: 21px;
line-height: 1.65;
text-align: justify;
hyphens: auto;
@@ -167,7 +167,7 @@
/* Drop cap on first paragraph */
.columns-body p:first-child::first-letter {
font-family: "Playfair Display", Georgia, serif;
- font-size: 5rem;
+ font-size: 6.75rem;
font-weight: 900;
line-height: 0.8;
float: left;
@@ -179,7 +179,7 @@
.columns-body h1 {
column-span: all;
font-family: "Playfair Display", serif;
- font-size: 22px;
+ font-size: 33px;
font-weight: 700;
margin-top: 24px;
margin-bottom: 12px;
@@ -190,7 +190,7 @@
.columns-body h2 {
font-family: "Playfair Display", serif;
- font-size: 17px;
+ font-size: 26px;
font-weight: 700;
font-style: italic;
margin-top: 20px;
@@ -199,7 +199,7 @@
}
.columns-body h3 {
- font-size: 13px;
+ font-size: 20px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
@@ -219,7 +219,7 @@
.columns-body code {
font-family: "Courier New", monospace;
- font-size: 12px;
+ font-size: 18px;
background: var(--newsprint-dark);
padding: 0 3px;
border: 1px solid rgba(0,0,0,0.1);
@@ -232,7 +232,7 @@
margin: 12px 0;
overflow-x: auto;
font-family: "Courier New", monospace;
- font-size: 11px;
+ font-size: 16px;
line-height: 1.5;
column-span: all;
}
@@ -249,7 +249,7 @@
padding: 12px 0;
margin: 16px 0;
font-family: "Playfair Display", serif;
- font-size: 15px;
+ font-size: 22px;
font-style: italic;
color: var(--ink-light);
text-align: center;
@@ -269,7 +269,7 @@
width: 100%;
border-collapse: collapse;
margin: 14px 0;
- font-size: 12px;
+ font-size: 18px;
column-span: all;
}
@@ -279,7 +279,7 @@
padding: 5px 8px;
text-align: left;
font-weight: 700;
- font-size: 11px;
+ font-size: 16px;
letter-spacing: 0.05em;
}
@@ -310,7 +310,7 @@
display: flex;
justify-content: space-between;
align-items: center;
- font-size: 11px;
+ font-size: 16px;
color: var(--ink-lighter);
background: var(--newsprint-dark);
}
@@ -321,7 +321,7 @@
}
.tags-footer {
- font-size: 11px;
+ font-size: 16px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
@@ -344,7 +344,7 @@
- ← back
+ ← back
diff --git a/templates/old-steam.html b/templates/old-steam.html
index 79b86ef..e632350 100644
--- a/templates/old-steam.html
+++ b/templates/old-steam.html
@@ -10,7 +10,7 @@
html, body {
background: #3d3d3d;
font-family: "Verdana", "Tahoma", Arial, sans-serif;
- font-size: 12px;
+ font-size: 18px;
color: #dadada;
min-height: 100vh;
}
@@ -42,7 +42,7 @@
justify-content: space-between;
border-bottom: 1px solid #1e2e40;
text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
- font-size: 11px;
+ font-size: 16px;
font-weight: bold;
}
@@ -64,7 +64,7 @@
font-weight: bold;
text-align: center;
line-height: 12px;
- font-size: 10px;
+ font-size: 15px;
}
.titlebar-btns { display: flex; gap: 2px; }
@@ -73,7 +73,7 @@
background: linear-gradient(to bottom, #6d7d90, #394756);
border: 1px solid #1e2e40;
color: #fff;
- font-size: 9px;
+ font-size: 14px;
display: flex; align-items: center; justify-content: center;
}
@@ -90,7 +90,7 @@
color: #c0c8d2;
font-weight: bold;
text-transform: uppercase;
- font-size: 11px;
+ font-size: 16px;
letter-spacing: 0.06em;
border-right: 1px solid #111;
cursor: default;
@@ -111,7 +111,7 @@
background: #1e1e1e;
border-bottom: 1px solid #000;
padding: 4px 12px;
- font-size: 10px;
+ font-size: 15px;
color: #8a9ab0;
display: flex;
justify-content: space-between;
@@ -137,7 +137,7 @@
.side-section-title {
padding: 4px 14px;
- font-size: 10px;
+ font-size: 15px;
font-weight: bold;
text-transform: uppercase;
color: #ffcc66;
@@ -149,7 +149,7 @@
.side-item {
padding: 4px 14px 4px 26px;
- font-size: 11px;
+ font-size: 16px;
position: relative;
}
@@ -170,7 +170,7 @@
.side-meta {
margin-top: 14px;
padding: 10px 14px;
- font-size: 10px;
+ font-size: 15px;
color: #8a9ab0;
border-top: 1px solid rgba(0,0,0,0.4);
}
@@ -194,7 +194,7 @@
.hero h1 {
font-family: "Verdana", "Tahoma", sans-serif;
- font-size: 22px;
+ font-size: 33px;
color: #ffcc66;
font-weight: bold;
text-shadow: 0 -1px 0 rgba(0,0,0,0.6);
@@ -205,7 +205,7 @@
.hero .byline {
color: #99c266;
- font-size: 11px;
+ font-size: 16px;
font-weight: bold;
}
@@ -214,13 +214,13 @@
.article {
padding: 24px 28px;
color: #dadada;
- font-size: 12px;
+ font-size: 18px;
line-height: 1.7;
}
.article h2 {
font-family: "Verdana", sans-serif;
- font-size: 14px;
+ font-size: 21px;
color: #ffcc66;
text-transform: uppercase;
letter-spacing: 0.06em;
@@ -230,7 +230,7 @@
}
.article h3 {
- font-size: 12px;
+ font-size: 18px;
color: #a7c6e8;
font-weight: bold;
margin: 18px 0 6px;
@@ -266,7 +266,7 @@
color: #ffcc66;
border: 1px solid #000;
padding: 0 4px;
- font-size: 11px;
+ font-size: 16px;
}
.article pre {
@@ -277,7 +277,7 @@
margin: 14px 0;
overflow-x: auto;
font-family: "Consolas", "Courier New", monospace;
- font-size: 11px;
+ font-size: 16px;
color: #c0c8d2;
line-height: 1.5;
}
@@ -302,7 +302,7 @@
border-collapse: collapse;
width: 100%;
margin: 14px 0;
- font-size: 11px;
+ font-size: 16px;
}
.article th {
@@ -311,7 +311,7 @@
padding: 6px 10px;
text-align: left;
text-transform: uppercase;
- font-size: 10px;
+ font-size: 15px;
letter-spacing: 0.05em;
border-bottom: 1px solid #000;
}
@@ -337,7 +337,7 @@
padding: 4px 10px;
display: flex;
justify-content: space-between;
- font-size: 10px;
+ font-size: 15px;
color: #8a9ab0;
}
@@ -350,7 +350,7 @@
left: calc(1rem + env(safe-area-inset-left, 0px));
z-index: 9999;
font-family: "Verdana", sans-serif;
- font-size: 11px;
+ font-size: 16px;
padding: 5px 11px;
background: linear-gradient(to bottom, #5d7a9a, #2e4560);
color: #fff;
diff --git a/templates/passport.html b/templates/passport.html
index 80d1eaa..b3c6ea4 100644
--- a/templates/passport.html
+++ b/templates/passport.html
@@ -82,7 +82,7 @@
}
.cover-emblem-inner {
- font-size: 28px;
+ font-size: 42px;
color: var(--gold);
font-weight: 700;
letter-spacing: -0.02em;
@@ -90,7 +90,7 @@
.cover-country {
font-family: "Courier Prime", monospace;
- font-size: 11px;
+ font-size: 16px;
font-weight: 700;
letter-spacing: 0.3em;
text-transform: uppercase;
@@ -99,7 +99,7 @@
}
.cover-type {
- font-size: 24px;
+ font-size: 36px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
@@ -108,7 +108,7 @@
}
.cover-type-de {
- font-size: 14px;
+ font-size: 21px;
letter-spacing: 0.08em;
color: rgba(201,168,76,0.6);
}
@@ -116,7 +116,7 @@
/* Security watermark pattern */
.cover-watermark {
margin-top: 20px;
- font-size: 9px;
+ font-size: 14px;
font-family: "Courier Prime", monospace;
color: rgba(201,168,76,0.2);
letter-spacing: 0.3em;
@@ -152,7 +152,7 @@
}
.photo-placeholder {
- font-size: 40px;
+ font-size: 60px;
color: var(--ink-light);
line-height: 1;
}
@@ -164,7 +164,7 @@
right: 0;
text-align: center;
font-family: "Courier Prime", monospace;
- font-size: 8px;
+ font-size: 12px;
letter-spacing: 0.12em;
color: var(--ink-light);
text-transform: uppercase;
@@ -185,7 +185,7 @@
.field-label {
font-family: "Courier Prime", monospace;
- font-size: 8px;
+ font-size: 12px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
@@ -193,7 +193,7 @@
}
.field-value {
- font-size: 14px;
+ font-size: 21px;
color: var(--ink);
font-weight: 700;
border-bottom: 1px solid var(--ink-light);
@@ -201,7 +201,7 @@
}
.field-value-sm {
- font-size: 12px;
+ font-size: 18px;
font-weight: 400;
}
@@ -210,7 +210,7 @@
background: var(--navy-mid);
color: var(--gold);
font-family: "Courier Prime", monospace;
- font-size: 11px;
+ font-size: 16px;
letter-spacing: 0.3em;
padding: 6px 32px;
display: flex;
@@ -226,7 +226,7 @@
.stamps-label {
font-family: "Courier Prime", monospace;
- font-size: 9px;
+ font-size: 14px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--ink-light);
@@ -244,7 +244,7 @@
padding: 6px 12px;
transform: rotate(-2deg);
font-family: "Courier Prime", monospace;
- font-size: 11px;
+ font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
@@ -263,7 +263,7 @@
.observations-header {
font-family: "Courier Prime", monospace;
- font-size: 9px;
+ font-size: 14px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--ink-light);
@@ -274,7 +274,7 @@
.content-area h1 {
font-family: "Libre Caslon Text", serif;
- font-size: 22px;
+ font-size: 33px;
font-weight: 700;
color: var(--ink);
margin-top: 28px;
@@ -282,7 +282,7 @@
}
.content-area h2 {
- font-size: 18px;
+ font-size: 27px;
font-weight: 700;
color: var(--ink-dim);
margin-top: 22px;
@@ -290,7 +290,7 @@
}
.content-area h3 {
- font-size: 15px;
+ font-size: 22px;
font-weight: 700;
color: var(--ink-dim);
margin-top: 18px;
@@ -298,7 +298,7 @@
}
.content-area h4, .content-area h5, .content-area h6 {
- font-size: 13px;
+ font-size: 20px;
font-weight: 700;
color: var(--ink-light);
margin-top: 14px;
@@ -306,7 +306,7 @@
}
.content-area p {
- font-size: 15px;
+ font-size: 22px;
margin-bottom: 12px;
color: var(--ink);
line-height: 1.7;
@@ -321,7 +321,7 @@
.content-area code {
font-family: "Courier Prime", monospace;
- font-size: 13px;
+ font-size: 20px;
background: var(--paper-dark);
color: var(--ink-dim);
padding: 1px 5px;
@@ -333,7 +333,7 @@
padding: 12px 16px;
margin: 12px 0;
overflow-x: auto;
- font-size: 13px;
+ font-size: 20px;
font-family: "Courier Prime", monospace;
}
@@ -363,14 +363,14 @@
.content-area li {
margin-bottom: 5px;
- font-size: 15px;
+ font-size: 22px;
}
.content-area table {
width: 100%;
border-collapse: collapse;
margin: 12px 0;
- font-size: 14px;
+ font-size: 21px;
}
.content-area th {
@@ -379,7 +379,7 @@
padding: 7px 12px;
text-align: left;
font-family: "Courier Prime", monospace;
- font-size: 11px;
+ font-size: 16px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
@@ -406,7 +406,7 @@
background: var(--navy);
padding: 12px 20px;
font-family: "Courier Prime", monospace;
- font-size: 12px;
+ font-size: 18px;
color: var(--gold-light);
letter-spacing: 0.15em;
overflow-x: auto;
@@ -426,7 +426,7 @@
- ← back
+ ← back
diff --git a/templates/podcast-notes.html b/templates/podcast-notes.html
index 7b0cecd..2ab62bf 100644
--- a/templates/podcast-notes.html
+++ b/templates/podcast-notes.html
@@ -34,7 +34,7 @@
background: linear-gradient(160deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);
min-height: 100vh;
font-family: "Inter", -apple-system, system-ui, sans-serif;
- font-size: 15px;
+ font-size: 22px;
line-height: 1.55;
padding: 24px 16px 60px;
}
@@ -54,19 +54,19 @@
}
.nav-back {
- font-size: 14px;
+ font-size: 21px;
font-weight: 600;
color: rgba(255,255,255,0.7);
}
.nav-title {
- font-size: 14px;
+ font-size: 21px;
font-weight: 600;
color: rgba(255,255,255,0.9);
}
.nav-action {
- font-size: 14px;
+ font-size: 21px;
font-weight: 600;
color: #c39bd3;
}
@@ -97,7 +97,7 @@
}
.artwork-letter {
- font-size: 36px;
+ font-size: 54px;
font-weight: 800;
color: rgba(255,255,255,0.9);
letter-spacing: -0.03em;
@@ -109,7 +109,7 @@
}
.episode-show {
- font-size: 11px;
+ font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
@@ -118,7 +118,7 @@
}
.episode-title {
- font-size: 17px;
+ font-size: 26px;
font-weight: 700;
color: #fff;
line-height: 1.25;
@@ -133,13 +133,13 @@
}
.episode-meta-item {
- font-size: 12px;
+ font-size: 18px;
font-weight: 500;
color: rgba(255,255,255,0.5);
}
.episode-label {
- font-size: 10px;
+ font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.12em;
@@ -207,7 +207,7 @@
display: flex;
justify-content: space-between;
margin-top: 6px;
- font-size: 10px;
+ font-size: 15px;
font-weight: 500;
color: rgba(255,255,255,0.35);
}
@@ -222,7 +222,7 @@
}
.ctrl-btn {
- font-size: 20px;
+ font-size: 30px;
color: rgba(255,255,255,0.6);
}
@@ -234,7 +234,7 @@
display: flex;
align-items: center;
justify-content: center;
- font-size: 20px;
+ font-size: 30px;
color: var(--purple-dark);
box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}
@@ -252,7 +252,7 @@
}
.notes-label {
- font-size: 11px;
+ font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
@@ -261,7 +261,7 @@
}
.notes-title {
- font-size: 20px;
+ font-size: 30px;
font-weight: 700;
color: var(--text);
line-height: 1.3;
@@ -275,7 +275,7 @@
}
.notes-meta-chip {
- font-size: 11px;
+ font-size: 16px;
font-weight: 600;
color: var(--purple-mid);
background: rgba(100,65,165,0.08);
@@ -293,7 +293,7 @@
}
.tag {
- font-size: 11px;
+ font-size: 16px;
font-weight: 600;
color: var(--purple-mid);
background: rgba(100,65,165,0.08);
@@ -307,7 +307,7 @@
/* Content */
.content-area h1 {
- font-size: 20px;
+ font-size: 30px;
font-weight: 700;
color: var(--text);
margin-top: 28px;
@@ -315,18 +315,18 @@
}
.content-area h2 {
- font-size: 16px;
+ font-size: 24px;
font-weight: 700;
color: var(--purple-mid);
margin-top: 22px;
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: 0.06em;
- font-size: 12px;
+ font-size: 18px;
}
.content-area h3 {
- font-size: 15px;
+ font-size: 22px;
font-weight: 600;
color: var(--text);
margin-top: 18px;
@@ -334,7 +334,7 @@
}
.content-area h4, .content-area h5, .content-area h6 {
- font-size: 14px;
+ font-size: 21px;
font-weight: 600;
color: var(--muted);
margin-top: 14px;
@@ -342,7 +342,7 @@
}
.content-area p {
- font-size: 15px;
+ font-size: 22px;
margin-bottom: 12px;
color: var(--muted);
line-height: 1.65;
@@ -360,7 +360,7 @@
.content-area code {
font-family: "SF Mono", "Menlo", monospace;
- font-size: 12.5px;
+ font-size: 19px;
background: rgba(100,65,165,0.08);
color: var(--purple-dark);
padding: 2px 6px;
@@ -379,7 +379,7 @@
background: none;
color: #e8e4f0;
padding: 0;
- font-size: 13px;
+ font-size: 20px;
}
.content-area blockquote {
@@ -433,7 +433,7 @@
width: 100%;
border-collapse: collapse;
margin: 14px 0;
- font-size: 14px;
+ font-size: 21px;
border-radius: 10px;
overflow: hidden;
}
@@ -442,7 +442,7 @@
background: rgba(100,65,165,0.08);
padding: 9px 13px;
text-align: left;
- font-size: 11px;
+ font-size: 16px;
font-weight: 700;
color: var(--purple-mid);
text-transform: uppercase;
@@ -479,13 +479,13 @@
}
.subscribe-text {
- font-size: 13px;
+ font-size: 20px;
font-weight: 600;
color: rgba(255,255,255,0.8);
}
.subscribe-btn {
- font-size: 12px;
+ font-size: 18px;
font-weight: 700;
color: var(--purple-dark);
background: #fff;
@@ -497,7 +497,7 @@
- ← back
+ ← back
diff --git a/templates/retro-unix-manual.html b/templates/retro-unix-manual.html
index b328f1c..cb17417 100644
--- a/templates/retro-unix-manual.html
+++ b/templates/retro-unix-manual.html
@@ -26,7 +26,7 @@
background: var(--bg);
color: var(--green);
font-family: "IBM Plex Mono", "Courier New", monospace;
- font-size: 14px;
+ font-size: 21px;
line-height: 1.5;
min-height: 100vh;
}
@@ -60,7 +60,7 @@
justify-content: space-between;
align-items: center;
font-weight: 700;
- font-size: 14px;
+ font-size: 21px;
color: var(--green);
text-transform: uppercase;
letter-spacing: 0.05em;
@@ -89,7 +89,7 @@
color: var(--green);
margin-top: 24px;
margin-bottom: 8px;
- font-size: 14px;
+ font-size: 21px;
letter-spacing: 0.08em;
}
@@ -118,7 +118,7 @@
.content-area h1 {
font-weight: 700;
text-transform: uppercase;
- font-size: 14px;
+ font-size: 21px;
letter-spacing: 0.08em;
color: var(--green);
padding-left: -7ch;
@@ -129,7 +129,7 @@
.content-area h2 {
font-weight: 700;
- font-size: 14px;
+ font-size: 21px;
color: var(--green);
margin-top: 20px;
margin-bottom: 6px;
@@ -138,7 +138,7 @@
.content-area h3 {
font-weight: 700;
- font-size: 14px;
+ font-size: 21px;
color: var(--green-dim);
margin-top: 16px;
margin-bottom: 4px;
@@ -214,7 +214,7 @@
width: 100%;
border-collapse: collapse;
margin: 12px 0;
- font-size: 13px;
+ font-size: 20px;
}
.content-area th {
@@ -244,7 +244,7 @@
}
.meta-section {
- font-size: 13px;
+ font-size: 20px;
color: var(--green-dim);
padding-left: 7ch;
margin-bottom: 16px;
@@ -252,7 +252,7 @@
- ← back
+ ← back
diff --git a/templates/stage-play.html b/templates/stage-play.html
index 47c461b..711c263 100644
--- a/templates/stage-play.html
+++ b/templates/stage-play.html
@@ -29,7 +29,7 @@
min-height: 100vh;
padding: 40px 16px 80px;
font-family: "Courier Prime", "Courier New", monospace;
- font-size: 14px;
+ font-size: 21px;
line-height: 1.6;
color: var(--ink);
}
@@ -52,7 +52,7 @@
}
.title-label {
- font-size: 12px;
+ font-size: 18px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.2em;
@@ -61,7 +61,7 @@
}
.title-main {
- font-size: 28px;
+ font-size: 42px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
@@ -71,14 +71,14 @@
}
.title-subtitle {
- font-size: 14px;
+ font-size: 21px;
font-style: italic;
color: var(--ink-dim);
margin-bottom: 40px;
}
.title-byline {
- font-size: 14px;
+ font-size: 21px;
color: var(--ink-dim);
line-height: 2;
}
@@ -86,7 +86,7 @@
/* ACT heading */
.act-heading {
text-align: center;
- font-size: 14px;
+ font-size: 21px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.2em;
@@ -96,7 +96,7 @@
/* Scene heading */
.scene-heading {
- font-size: 14px;
+ font-size: 21px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
@@ -109,7 +109,7 @@
font-style: italic;
color: var(--ink-dim);
margin: 12px 64px;
- font-size: 13px;
+ font-size: 20px;
line-height: 1.55;
}
@@ -121,13 +121,13 @@
letter-spacing: 0.1em;
margin-top: 20px;
margin-bottom: 4px;
- font-size: 14px;
+ font-size: 21px;
}
/* Dialogue */
.dialogue {
margin: 0 80px 16px;
- font-size: 14px;
+ font-size: 21px;
line-height: 1.65;
}
@@ -137,7 +137,7 @@
font-style: italic;
color: var(--ink-dim);
margin-bottom: 4px;
- font-size: 13px;
+ font-size: 20px;
}
/* Content area — rendered markdown */
@@ -147,7 +147,7 @@
.content-area h1 {
text-align: center;
- font-size: 14px;
+ font-size: 21px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.2em;
@@ -157,7 +157,7 @@
}
.content-area h2 {
- font-size: 14px;
+ font-size: 21px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
@@ -170,7 +170,7 @@
text-align: center;
font-weight: 700;
text-transform: uppercase;
- font-size: 13px;
+ font-size: 20px;
color: var(--ink-dim);
margin-top: 24px;
margin-bottom: 4px;
@@ -178,20 +178,20 @@
.content-area h4 {
font-style: italic;
- font-size: 13px;
+ font-size: 20px;
color: var(--ink-dim);
margin: 8px 64px;
}
.content-area h5, .content-area h6 {
- font-size: 13px;
+ font-size: 20px;
color: var(--ink-light);
margin: 8px 0;
}
.content-area p {
margin: 0 80px 16px;
- font-size: 14px;
+ font-size: 21px;
line-height: 1.65;
}
@@ -202,7 +202,7 @@
.content-area code {
font-family: "Courier Prime", monospace;
- font-size: 13px;
+ font-size: 20px;
background: rgba(0,0,0,0.06);
padding: 1px 4px;
}
@@ -225,7 +225,7 @@
font-style: italic;
color: var(--ink-dim);
margin: 12px 64px;
- font-size: 13px;
+ font-size: 20px;
}
.content-area blockquote::before {
@@ -272,7 +272,7 @@
width: 100%;
border-collapse: collapse;
margin: 14px 0;
- font-size: 13px;
+ font-size: 20px;
}
.content-area th {
@@ -280,7 +280,7 @@
padding: 6px 12px;
border-bottom: 2px solid var(--ink);
text-align: left;
- font-size: 12px;
+ font-size: 18px;
text-transform: uppercase;
letter-spacing: 0.06em;
}
@@ -299,7 +299,7 @@
border: none;
margin: 28px 0;
text-align: center;
- font-size: 12px;
+ font-size: 18px;
color: var(--ink-light);
letter-spacing: 0.4em;
}
@@ -315,7 +315,7 @@
border-top: 1px solid var(--border);
display: flex;
justify-content: space-between;
- font-size: 12px;
+ font-size: 18px;
color: var(--ink-light);
}
@@ -328,7 +328,7 @@
}
.cast-label {
- font-size: 11px;
+ font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.2em;
@@ -345,7 +345,7 @@
}
.cast-item {
- font-size: 12px;
+ font-size: 18px;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--ink-dim);
@@ -363,7 +363,7 @@
- ← back
+ ← back
diff --git a/templates/startup-pitch.html b/templates/startup-pitch.html
index a04a3ee..b1e698a 100644
--- a/templates/startup-pitch.html
+++ b/templates/startup-pitch.html
@@ -29,7 +29,7 @@
background: var(--bg);
color: var(--text);
font-family: "Space Grotesk", system-ui, sans-serif;
- font-size: 16px;
+ font-size: 24px;
line-height: 1.6;
min-height: 100vh;
}
@@ -51,7 +51,7 @@
.topbar-logo {
font-weight: 700;
- font-size: 14px;
+ font-size: 21px;
background: linear-gradient(90deg, var(--blue), var(--purple));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
@@ -60,7 +60,7 @@
}
.topbar-meta {
- font-size: 12px;
+ font-size: 18px;
color: var(--muted);
font-weight: 500;
}
@@ -74,7 +74,7 @@
.hero-badge {
display: inline-block;
- font-size: 11px;
+ font-size: 16px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.12em;
@@ -109,7 +109,7 @@
display: flex;
align-items: center;
gap: 6px;
- font-size: 13px;
+ font-size: 20px;
color: var(--muted);
font-weight: 500;
}
@@ -152,7 +152,7 @@
}
.metric-value {
- font-size: 28px;
+ font-size: 42px;
font-weight: 700;
letter-spacing: -0.03em;
background: linear-gradient(90deg, var(--blue), var(--purple));
@@ -162,7 +162,7 @@
}
.metric-label {
- font-size: 11px;
+ font-size: 16px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
@@ -178,7 +178,7 @@
/* Section dividers */
.content-area h2 {
- font-size: 11px;
+ font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.14em;
@@ -190,7 +190,7 @@
}
.content-area h3 {
- font-size: 22px;
+ font-size: 33px;
font-weight: 700;
letter-spacing: -0.03em;
color: var(--text);
@@ -199,7 +199,7 @@
}
.content-area h4, .content-area h5, .content-area h6 {
- font-size: 15px;
+ font-size: 22px;
font-weight: 600;
color: var(--text);
margin-top: 20px;
@@ -207,7 +207,7 @@
}
.content-area h1 {
- font-size: 32px;
+ font-size: 48px;
font-weight: 700;
letter-spacing: -0.03em;
margin-top: 40px;
@@ -215,7 +215,7 @@
}
.content-area p {
- font-size: 16px;
+ font-size: 24px;
color: #334155;
margin-bottom: 16px;
line-height: 1.7;
@@ -233,7 +233,7 @@
.content-area code {
font-family: "Space Mono", monospace;
- font-size: 13px;
+ font-size: 20px;
background: #f1f5f9;
color: var(--purple);
padding: 2px 6px;
@@ -253,7 +253,7 @@
background: none;
color: inherit;
padding: 0;
- font-size: 14px;
+ font-size: 21px;
}
.content-area blockquote {
@@ -266,7 +266,7 @@
}
.content-area blockquote p {
- font-size: 18px;
+ font-size: 27px;
font-weight: 500;
color: var(--text);
font-style: italic;
@@ -310,14 +310,14 @@
width: 100%;
border-collapse: collapse;
margin: 20px 0;
- font-size: 14px;
+ font-size: 21px;
}
.content-area th {
background: #f8fafc;
padding: 10px 16px;
text-align: left;
- font-size: 11px;
+ font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
@@ -351,7 +351,7 @@
}
.tag {
- font-size: 11px;
+ font-size: 16px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
@@ -371,13 +371,13 @@
display: flex;
justify-content: space-between;
align-items: center;
- font-size: 12px;
+ font-size: 18px;
color: var(--muted);
}
- ← back
+ ← back