add drop cap on homepage intro first letter
All checks were successful
Deploy Internet for Kids / Build & Push (push) Successful in 11s
Deploy Internet for Kids / Deploy (push) Successful in 6s
Deploy Internet for Kids / Health Check (push) Successful in 2s
Deploy Internet for Kids / Smoke Tests (push) Successful in 3s
Deploy Internet for Kids / IndexNow Ping (push) Successful in 8s
Deploy Internet for Kids / Promote to Latest (push) Successful in 1s
Deploy Internet for Kids / Rollback (push) Has been skipped
Deploy Internet for Kids / Audit (push) Successful in 2s

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Christian Gick
2026-04-06 07:33:57 +03:00
parent 8f3230a2d0
commit b3f55a2b46
2 changed files with 13 additions and 1 deletions

View File

@@ -1,6 +1,6 @@
{{ define "main" }}
<article class="prose max-w-3xl mx-auto py-12 px-4">
{{ .Content }}
<div class="home-content">{{ .Content }}</div>
<div class="mt-12">
<h2>{{ i18n "recent_posts" | default "Recent Articles" }}</h2>

View File

@@ -326,3 +326,15 @@ nav a:hover {
font-size: 1.1rem;
}
}
/* Drop cap on homepage intro */
.home-content > p:first-child::first-letter {
font-family: 'Newsreader', Georgia, serif;
float: left;
font-size: 4rem;
line-height: 0.8;
padding-right: 0.15em;
margin-top: 0.05em;
font-weight: 700;
color: var(--ifk-accent);
}