feat: Implement light theme, mobile menu, font and image fallback

2026-02-17 18:54:09 +01:00
parent a781249c1a
commit 64f48f82c0
8 changed files with 141 additions and 27 deletions
--- a/default.hbs
+++ b/default.hbs
@@ -1,13 +1,14 @@
 <!DOCTYPE html>
-<html lang="{{@site.lang}}">
+<html lang="{{@site.lang}}" data-theme="dark" class="hidden">
 <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{meta_title}}</title>
    <link rel="stylesheet" href="{{asset "built/screen.css"}}">
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Playfair+Display:wght@700&display=swap" rel="stylesheet">
    {{ghost_head}}
 </head>
-<body class="{{body_class}} font-sans bg-gray-900 text-gray-100 antialiased">
+<body class="{{body_class}} font-sans antialiased">

    <div class="min-h-screen flex flex-col">
        {{> header}}
@@ -19,6 +20,8 @@
        {{> footer}}
    </div>

+    {{> mobile-menu}}
+
    <div id="lightbox" class="hidden fixed inset-0 bg-black bg-opacity-80 z-50 flex items-center justify-center">
        <button id="lightbox-close" class="absolute top-4 right-4 text-white text-3xl">&times;</button>
        <img id="lightbox-image" src="" alt="Lightbox image" class="max-w-full max-h-full">