feat: main logic for one page

2026-05-27 19:14:34 +02:00
parent 1711d6c3ca
commit eef955dd3f
5 changed files with 547 additions and 0 deletions
@@ -0,0 +1,39 @@
+<!doctype html>
+<html lang="fr">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="description" content="Site statique one-page avec navigation par URL et chargement dynamique du contenu." />
+    <title>Fws Web</title>
+    <link rel="stylesheet" href="p/assets/main-styles/styles.css" />
+  </head>
+  <body>
+    <div class="page-shell">
+      <header class="site-header">
+        <a class="brand" href="/" data-route="home" aria-label="Retour à l'accueil">
+          <span class="brand-mark">F</span>
+          <span class="brand-text">
+            <strong>Fws</strong>
+            <small>Site statique</small>
+          </span>
+        </a>
+
+        <nav class="site-nav" aria-label="Navigation principale">
+          <a href="/" data-route="home">Accueil</a>
+          <a href="/?p/dl/" data-route="dl">DL</a>
+          <a href="/?p/test/" data-route="test">test</a>
+        </nav>
+      </header>
+
+      <main id="app-main" class="site-main" aria-live="polite">
+        <noscript>Ce site a besoin de JavaScript pour charger les pages dans la zone principale.</noscript>
+      </main>
+
+      <footer class="site-footer">
+        <p>Un seul index, un header, un footer, et du contenu injecté dans le main selon l'URL.</p>
+      </footer>
+    </div>
+
+    <script src="p/assets/main-nav/app.js"></script>
+  </body>
+</html>