alex/daichendt.one
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add picture, improve layout

Browse source
This commit is contained in:
Alexander Daichendt 2025-07-04 17:05:28 +02:00
parent bf720b79ee
commit b3d158d52c
10 changed files with 361 additions and 168 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/layouts/BaseLayout.astro
View file

@ -12,12 +12,14 @@ interface Props {
title?: string;
description?: string;
subtitle?: string;
className?: string;
}
const {
title = SITE_TITLE,
description = SITE_DESCRIPTION,
subtitle,
className = "max-w-2xl px-4 py-8",
} = Astro.props;
---
@ -42,6 +44,8 @@ const {
<body
class="bg-white dark:bg-gray-900 text-black dark:text-white min-h-screen flex flex-col"
>
<div id="theme-overlay" class="theme-overlay"></div>
<!-- Mobile Navigation Drawer (at body level for proper positioning) -->
<MobileNavDrawer />
@ -50,7 +54,7 @@ const {
<!-- Main Content -->
<main class="flex-1">
<div class="max-w-2xl mx-auto px-4 py-8">
<div class={`${className} mx-auto`}>
<PageHeadline title={title} subtitle={subtitle} />
<slot />
</div>
@ -58,5 +62,19 @@ const {
<!-- Footer -->
<Footer />
<style>
.theme-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
pointer-events: none;
z-index: 9999;
display: none;
transition: clip-path 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
</style>
</body>
</html>