giersig.eu/indiekit-blog
1
0
Fork 0
Code Issues Actions Packages Projects Releases Activity

style: serve Lora locally, lighten bg, bump article font size

Browse Source 
- Install @fontsource/lora and serve latin/latin-ext woff2 files
  (weights 400/700, normal + italic) via Eleventy passthrough copy
- Lora now leads the serif font stack in Tailwind and critical CSS,
  with Iowan Old Style / Palatino as system-font fallbacks
- Light-mode background lightened: #fbf1c7 → #fefcf0 (still warm,
  noticeably less yellow)
- Article prose bumped: post.njk prose-lg, page.njk prose-xl

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
svemagie
2026-03-19 14:59:03 +01:00
parent 66414d8cd6
commit 1ed4cb4663
8 changed files with 100 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
_includes/layouts/page.njk
View File

@@ -31,7 +31,7 @@ withSidebar: true
{% endif %}
</header>
<div class="e-content prose dark:prose-invert prose-lg max-w-none">
<div class="e-content prose dark:prose-invert prose-xl max-w-none">
{{ content | safe }}
</div>

4
_includes/layouts/post.njk
View File

@@ -87,12 +87,12 @@ withBlogSidebar: true
<span>&#9888; {{ contentWarning }}</span>
<span class="text-xs text-amber-600 dark:text-amber-400">(click to show)</span>
</summary>
<div class="e-content prose prose-surface dark:prose-invert max-w-none mt-4{% if isInteraction and hasContent %} border-l-[3px] border-l-accent-500 dark:border-l-accent-400 pl-4{% endif %}">
<div class="e-content prose prose-lg prose-surface dark:prose-invert max-w-none mt-4{% if isInteraction and hasContent %} border-l-[3px] border-l-accent-500 dark:border-l-accent-400 pl-4{% endif %}">
{{ content | safe }}
</div>
</details>
{% else %}
<div class="e-content prose prose-surface dark:prose-invert max-w-none{% if isInteraction and hasContent %} border-l-[3px] border-l-accent-500 dark:border-l-accent-400 pl-4{% endif %}">
<div class="e-content prose prose-lg prose-surface dark:prose-invert max-w-none{% if isInteraction and hasContent %} border-l-[3px] border-l-accent-500 dark:border-l-accent-400 pl-4{% endif %}">
{{ content | safe }}
</div>
{% endif %}