2024-08-18 19:06:50 +02:00
|
|
|
---
|
|
|
|
|
import Footer from "../components/footer.astro";
|
|
|
|
|
import Header from "../components/header.astro";
|
|
|
|
|
import SquareLines from "../components/square-lines.astro";
|
2026-02-18 18:46:21 +01:00
|
|
|
const { title, facet } = Astro.props;
|
2024-08-18 19:06:50 +02:00
|
|
|
---
|
|
|
|
|
|
|
|
|
|
<!doctype html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
|
<title>{title}</title>
|
|
|
|
|
|
|
|
|
|
<!-- Used to add dark mode right away, adding here prevents any flicker -->
|
|
|
|
|
<script is:inline>
|
|
|
|
|
if (typeof Storage !== 'undefined') {
|
2026-02-17 01:17:58 +01:00
|
|
|
var theme = localStorage.getItem('theme');
|
|
|
|
|
if (theme === 'dark' || (!theme && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
|
2024-08-18 19:06:50 +02:00
|
|
|
document.documentElement.classList.add('dark')
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
.prose img {
|
|
|
|
|
border-radius: 20px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
2026-02-18 18:46:21 +01:00
|
|
|
<style is:global>
|
|
|
|
|
[data-facet="code"] {
|
|
|
|
|
--facet-code-color: #4b1762;
|
|
|
|
|
background-color: var(--facet-code-color) !important;
|
|
|
|
|
color: rgba(255, 255, 255, 0.7) !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
[data-facet="code"] h2,
|
|
|
|
|
[data-facet="code"] strong {
|
|
|
|
|
color: white !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
[data-facet="code"] a {
|
|
|
|
|
color: white !important;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
[data-facet="code"] p,
|
|
|
|
|
[data-facet="code"] li {
|
|
|
|
|
color: rgba(255, 255, 255, 0.7) !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
[data-facet="code"] #header .bg-white\/80 {
|
|
|
|
|
background-color: rgba(255, 255, 255, 0.9) !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
[data-facet="code"] #header .bg-white\/80 a {
|
|
|
|
|
color: var(--facet-code-color) !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
[data-facet="code"] footer {
|
|
|
|
|
background-color: rgba(255, 255, 255, 0.9) !important;
|
|
|
|
|
border-color: var(--facet-code-color) !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
[data-facet="code"] footer,
|
|
|
|
|
[data-facet="code"] footer a,
|
|
|
|
|
[data-facet="code"] footer p,
|
|
|
|
|
[data-facet="code"] footer svg,
|
|
|
|
|
[data-facet="code"] footer button {
|
|
|
|
|
color: var(--facet-code-color) !important;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
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
|
|
|
<link rel="icon" type="image/x-icon" href="/assets/images/favicon.png" />
|
2024-08-18 19:06:50 +02:00
|
|
|
<script src="../assets/css/main.css"></script>
|
|
|
|
|
<Fragment set:html={import.meta.env.HEADER_INJECT} />
|
|
|
|
|
</head>
|
2026-02-18 18:46:21 +01:00
|
|
|
<body class="antialiased bg-white dark:bg-neutral-950" data-facet={facet}>
|
|
|
|
|
{!facet && <SquareLines />}
|
2024-08-18 19:06:50 +02:00
|
|
|
<Header />
|
|
|
|
|
<slot />
|
|
|
|
|
<Footer />
|
|
|
|
|
<script src="../assets/js/main.js"></script>
|
|
|
|
|
<Fragment set:html={import.meta.env.FOOTER_INJECT} />
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
