Ajout de la section galerie photo et nettoyage du template
Galerie photo :
- Ajout du layout photo avec slideshow plein écran
- Navigation par catégories (portraits, paysages, nature, etc.)
- Section "Fil Photo" avec posts illustrés (photoBlogPosts)
- Lightbox pour les albums de catégories
- Composants : Slideshow, CategoryNav, CategoryGrid, Lightbox, MasonryGallery
Nettoyage :
- Suppression du contenu démo du template (posts, images, about)
- Consolidation src/collections/ dans src/data/
- Suppression du config.js dupliqué (garde config.ts)
- Nettoyage des assets inutilisés (posts/, experiences/)
Corrections :
- Favicon récupéré du site actuel
- Chemins favicon corrigés dans les layouts
UI :
- Page d'accueil mise à jour
- Header/Footer simplifiés
- Nouvelle page À propos
2026-01-07 01:45:40 +01:00
|
|
|
---
|
2026-01-07 11:15:15 +01:00
|
|
|
const { title = "Galerie Photo - Jalil Arfaoui", enableScroll = false } = Astro.props;
|
Ajout de la section galerie photo et nettoyage du template
Galerie photo :
- Ajout du layout photo avec slideshow plein écran
- Navigation par catégories (portraits, paysages, nature, etc.)
- Section "Fil Photo" avec posts illustrés (photoBlogPosts)
- Lightbox pour les albums de catégories
- Composants : Slideshow, CategoryNav, CategoryGrid, Lightbox, MasonryGallery
Nettoyage :
- Suppression du contenu démo du template (posts, images, about)
- Consolidation src/collections/ dans src/data/
- Suppression du config.js dupliqué (garde config.ts)
- Nettoyage des assets inutilisés (posts/, experiences/)
Corrections :
- Favicon récupéré du site actuel
- Chemins favicon corrigés dans les layouts
UI :
- Page d'accueil mise à jour
- Header/Footer simplifiés
- Nouvelle page À propos
2026-01-07 01:45:40 +01:00
|
|
|
---
|
|
|
|
|
|
|
|
|
|
<!doctype html>
|
|
|
|
|
<html lang="fr">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
|
<title>{title}</title>
|
|
|
|
|
|
|
|
|
|
<!-- Google Fonts - Karla -->
|
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,600;0,700;1,400&display=swap" rel="stylesheet">
|
|
|
|
|
|
|
|
|
|
<!-- Dark mode script (appliqué directement pour la galerie) -->
|
|
|
|
|
<script is:inline>
|
|
|
|
|
document.documentElement.classList.add('dark')
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<link rel="icon" type="image/x-icon" href="/assets/images/favicon.png" />
|
|
|
|
|
<Fragment set:html={import.meta.env.HEADER_INJECT} />
|
|
|
|
|
</head>
|
|
|
|
|
<body class={`antialiased bg-black text-white ${enableScroll ? '' : 'overflow-hidden'}`} style="font-family: 'Karla', 'Helvetica Neue', Helvetica, Arial, sans-serif;">
|
|
|
|
|
<slot />
|
|
|
|
|
|
|
|
|
|
<!-- Footer bandeau -->
|
|
|
|
|
<footer class="fixed bottom-0 left-0 right-0 z-40 bg-black/30 backdrop-blur-sm transition-transform duration-300">
|
|
|
|
|
<div class="flex justify-between items-center w-full" style="padding-left: 20px; padding-right: 20px; height: 54px; line-height: 54px;">
|
|
|
|
|
<div class="footer-left flex items-center text-white/70" style="font-size: 16px; font-weight: normal;">
|
|
|
|
|
<a href="/a-propos" class="hover:text-white transition-colors" style="margin-right: 15px;">À propos</a>
|
|
|
|
|
<a href="mailto:jalil@arfaoui.net" class="hover:text-white transition-colors" style="margin-right: 15px;">Contact</a>
|
|
|
|
|
<a href="https://instagram.com/l.i.l.a.j" target="_blank" rel="noopener noreferrer" class="hover:text-white transition-colors">Instagram</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="footer-right text-white/70" style="font-size: 16px; font-weight: normal;">
|
|
|
|
|
© Jalil Arfaoui Creative Commons CC-BY-NC 4.0
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
<Fragment set:html={import.meta.env.FOOTER_INJECT} />
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
