36 lines
1.3 KiB
Handlebars
36 lines
1.3 KiB
Handlebars
<!DOCTYPE html>
|
|
<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">
|
|
<meta name="ghost-api-key" content="YOUR_GHOST_CONTENT_API_KEY"> <!-- IMPORTANT: Replace with your actual Ghost Content API Key -->
|
|
<meta name="ghost-api-url" content="{{@site.url}}">
|
|
{{ghost_head}}
|
|
</head>
|
|
<body class="{{body_class}} font-sans antialiased">
|
|
|
|
<div class="min-h-screen flex flex-col">
|
|
{{> header}}
|
|
|
|
<main class="flex-grow">
|
|
{{{body}}}
|
|
</main>
|
|
|
|
{{> 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">×</button>
|
|
<img id="lightbox-image" src="" alt="Lightbox image" class="max-w-full max-h-full">
|
|
</div>
|
|
|
|
{{ghost_foot}}
|
|
<script src="{{asset "js/main.js"}}"></script>
|
|
</body>
|
|
</html>
|