organisation css

2026-02-11 10:39:01 +01:00 · 2026-02-11 10:39:01 +01:00 · 96812f75df
commit 96812f75df
parent a0fa93a62e
18 changed files with 260 additions and 16 deletions
--- a/template.html
+++ b/template.html
@ -0,0 +1,65 @@
+<!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>
+
+    <main id="main_species-list">
+
+
+   
+
+</main>
+
+
+
+<include src="/components/site-footer.html"></include>
+
+
+
+<!-- SCRIPT À SUPPRIMER UNE FOIS LE SITE INTEGRÉ (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>