mise à niveau de tout le site

2026-09-21 10:56:04 +02:00
parent 5c644d17fc
commit a489298897
36 changed files with 3667 additions and 929 deletions
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>2e différenciée — Initiation à l'informatique</title>
+<meta name="description" content="Les modules du cours d'initiation à l'informatique de 2e différenciée.">
+<meta name="robots" content="noindex">
+<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=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="../assets/theme.css">
+</head>
+<body class="classe-diff">
+
+<header class="entete">
+  <div class="entete__interieur">
+    <nav class="ariane" aria-label="Fil d'Ariane">
+      <a href="../index.html">Mes cours</a><span aria-hidden="true">/</span><strong>2e différenciée</strong>
+    </nav>
+    <h1>2e différenciée</h1>
+    <p class="entete__meta">Initiation à l'informatique · M. Courcelle</p>
+  </div>
+</header>
+
+<main class="contenu">
+
+  <p class="chapeau">Choisis le module sur lequel tu travailles. Tous les jeux se refont autant de fois que tu veux : le deuxième essai est toujours meilleur que le premier.</p>
+
+  <h2>Les modules du cours</h2>
+
+  <!-- ==================================================================
+       POUR AJOUTER UN MODULE
+       1. Créer le dossier du module à côté de ce fichier, avec son
+          index.html dedans (le plus simple : copier un module existant).
+       2. Copier-coller le bloc <li class="module"> ci-dessous, juste
+          avant la fin de la liste, et remplir les quatre champs :
+            module__num     « Module 3 », « Module C »…
+            module__titre   le titre affiché à l'élève
+            module__resume  une phrase sur ce qu'on y fait
+            module__meta    nombre de séances, chapitre du cours papier…
+       3. Adapter le href vers le dossier du nouveau module.
+
+       Gabarit à copier :
+
+       <li class="module">
+         <a class="module__lien" href="DOSSIER/index.html">
+           <span class="module__num">Module N</span>
+           <span class="module__titre">Titre du module</span>
+           <span class="module__resume">Ce qu'on y apprend, en une phrase.</span>
+           <span class="module__meta">X séances · cours papier, chapitre Y</span>
+         </a>
+       </li>
+
+       Un module annoncé mais pas encore prêt : garder le <li> en
+       ajoutant la classe « module--bientot » et remplacer le <a> par
+       un <div class="module__lien">, sans href.
+       ================================================================== -->
+
+  <ul class="modules">
+    <li class="module">
+      <a class="module__lien" href="module-a/index.html">
+        <span class="module__num">Module A</span>
+        <span class="module__titre">Le poste de travail</span>
+        <span class="module__resume">Mettre en marche, la souris, les appareils, les programmes, enregistrer, puis le parcours complet.</span>
+        <span class="module__meta">6 séances d'une heure · 24 jeux</span>
+      </a>
+    </li>
+  </ul>
+
+</main>
+
+<footer class="pied">
+  <div class="pied__interieur">
+    Travaux sur ordinateur, local 134 INFO. Les jeux fonctionnent sans connexion Internet.
+  </div>
+</footer>
+
+</body>
+</html>