botascopia-webiste-static/template.html

92 lines
2.2 KiB
HTML
Raw Normal View History

2026-02-11 10:39:01 +01:00
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Botascopia</title>
<link rel="stylesheet" type="text/css" href="/assets/style.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/borna/stylesheet.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/nunita/stylesheet.css">
</head>
<body>
<include src="/components/site-header.html"></include>
2026-02-16 14:58:31 +01:00
<main>
<section class="page-header">
<div class="page-header__inner">
<h2 class="page-title">À propos du projet</h2>
</div>
</section>
<section class="page-grid">
<nav class="page-nav">
<ul class="toc">
<li><a href="#demarche-botascopia">La démarche</a></li>
<li><a href="#equipe">Léquipe</a></li>
<li><a href="#soutien-financier">Soutien Financier</a></li>
</ul>
</nav>
<section class="page-content">
<!-- Contenu -->
</section>
</section>
2026-02-11 10:39:01 +01:00
2026-02-16 14:58:31 +01:00
</main>
2026-02-11 10:39:01 +01:00
<include src="/components/site-footer.html"></include>
<!-- SCRIPTÀSUPPRIMERUNEFOISLESITEINTEGRÉ (include des composants)-->
<script>
function processIncludes() {
const includes = document.querySelectorAll('include[src]');
if (includes.length === 0) {
return;
}
const promises = Array.from(includes).map(el => {
const src = el.getAttribute('src');
return fetch(src)
.then(r => {
if (!r.ok) throw new Error(`Erreur ${r.status}: ${src}`);
return r.text();
})
.then(html => {
el.outerHTML = html;
})
.catch(err => {
console.error('Erreur de chargement:', err);
});
});
Promise.all(promises).then(() => {
processIncludes();
});
}
document.addEventListener('DOMContentLoaded', processIncludes);
</script>
</body>
</html>