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

42
templates/color-palette.html
View File

@@ -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 @@
</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="topbar">
<div class="topbar-left">