felixfoertsch/felixfoertsch.de
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

increase font sizes across all templates for readability

Browse Source
This commit is contained in:
Felix Förtsch
2026-04-15 07:59:17 +02:00
parent 1f0939e27c
commit 7b884f50e8
32 changed files with 652 additions and 652 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
templates/envelope.html
View File

@@ -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 @@
</style>
</head>
<body>
<a href="/{{ preview_query }}" style="position:fixed;top:calc(1rem + env(safe-area-inset-top, 0px));left:calc(1rem + env(safe-area-inset-left, 0px));z-index:9999;font-family:system-ui,-apple-system,sans-serif;font-size:0.8rem;padding:0.5rem 0.9rem;background:rgba(255,255,255,0.95);color:#000;text-decoration:none;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,0.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,0.1);transition:transform 0.2s">&larr; back</a>
<a href="/{{ preview_query }}" style="position:fixed;top:calc(1rem + env(safe-area-inset-top, 0px));left:calc(1rem + env(safe-area-inset-left, 0px));z-index:9999;font-family:system-ui,-apple-system,sans-serif;font-size: 1.08rem;padding:0.5rem 0.9rem;background:rgba(255,255,255,0.95);color:#000;text-decoration:none;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,0.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,0.1);transition:transform 0.2s">&larr; back</a>
<div class="envelope">
<div class="airmail-border-top"></div>