aspireves.org/src/layouts/Layout.astro
Jalil Arfaoui 0788de3c05 Remplacer les animations JS (IntersectionObserver) par des animations CSS pures
Les animations fade-up/fade-right/fade-scale utilisaient un IntersectionObserver pour ajouter une classe .visible au scroll. Après un remplacement du DOM par le live preview StoryBlok, les nouveaux éléments n'étaient jamais observés et restaient invisibles (opacity: 0). Remplacé par des @keyframes CSS qui s'exécutent sans JS. Supprimé le middleware manuel (auto-enregistré par l'intégration @storyblok/astro quand livePreview est activé).
2026-03-07 01:49:47 +01:00

30 lines
662 B
Text

---
import Navbar from '../components/Navbar.astro';
import Footer from '../components/Footer.astro';
import ThemeSwitcher from '../components/ThemeSwitcher.astro';
import '../styles/global.css';
interface Props {
title?: string;
}
const { title = 'Compagnie AspiRêves' } = Astro.props;
---
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{title}</title>
</head>
<body class="bg-cloud min-h-screen flex flex-col">
<Navbar />
<main class="flex-grow">
<slot />
</main>
<Footer />
<ThemeSwitcher />
</body>
</html>