From b3f55a2b466f2ffbdde7e06399fac6d013f0e270 Mon Sep 17 00:00:00 2001
From: Christian Gick <service@agiliton.eu>
Date: Mon, 6 Apr 2026 07:33:57 +0300
Subject: [PATCH] add drop cap on homepage intro first letter

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 layouts/_default/home.html |  2 +-
 static/css/main.css        | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/layouts/_default/home.html b/layouts/_default/home.html
index c4b5cee..002e699 100644
--- a/layouts/_default/home.html
+++ b/layouts/_default/home.html
@@ -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>
diff --git a/static/css/main.css b/static/css/main.css
index 9c102bd..06cc6ef 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -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);
+}