<!DOCTYPE html>
<html lang="fr" class="scroll-smooth">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>🔧 Matériel & Outils Crumb – Crumbforest</title>
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-neutral-950 text-white font-sans leading-relaxed">

<!-- En-tête -->
<section class="bg-gradient-to-br from-emerald-900 to-green-700 p-10 text-center">
  <h1 class="text-4xl md:text-6xl font-bold mb-4">🔧 Matériel & Outils Crumb</h1>
  <p class="text-xl md:text-2xl max-w-3xl mx-auto">Ce que nous utilisons dans la Crumbforest pour construire, observer et poser des questions.</p>
</section>

<!-- Contenu principal -->
<section class="py-16 px-6 max-w-4xl mx-auto space-y-12">

 <div>
  <h2 class="text-3xl font-bold mb-2">🖥️ Matériel Crumb</h2>
  <ul class="list-disc list-inside space-y-2 text-lg">
    <li>🌱 <strong>Raspberry Pi</strong> (Zero, 3, 4, 5, Pi400) pour une expérience Linux adaptée aux enfants</li>
    <li>🔌 <strong>ESP32 / ESP8266</strong> pour de petits projets capteurs et de la robotique intelligente</li>
    <li>📷 <strong>Caméras IA</strong> pour la reconnaissance gestuelle, l’observation des plantes et le jeu</li>
    <li>💾 <strong>SSD USB & cartes SD</strong> pour stocker les journaux, les questions Crumb et les voyages en terminal</li>
  </ul>
</div>

  <div>
    <h2 class="text-3xl font-bold mb-2">🛠️ Outils Crumb</h2>
    <ul class="list-disc list-inside space-y-2 text-lg">
      <li>🖨️ <strong>Imprimantes 3D</strong> pour les boîtiers, bras de robot et maisons pour pigeons</li>
      <li>🔦 <strong>Découpeuses laser</strong> pour des pièces précises en bois et acrylique</li>
      <li>🔧 <strong>Tournevis, stations de soudure, multimètres</strong> pour un vrai travail manuel avec Schraubär 🐻🔧</li>
      <li>🧁 <strong>Boîtes créatives</strong> avec des couleurs, tissus & bois – pour tout comprendre avec les mains</li>
    </ul>
  </div>

  <div>
    <h2 class="text-3xl font-bold mb-2">💡 Interfaces & Terminaux</h2>
    <ul class="list-disc list-inside space-y-2 text-lg">
      <li>🌐 <strong>Terminaux web via TTYD</strong> – adaptés aux enfants, colorés et sûrs</li>
      <li>🐚 <strong>Outils CLI personnalisés</strong> comme <code>eule</code>, <code>funkfox</code>, <code>bugsy</code> ou <code>deepbit</code></li>
      <li>📡 <strong>Intégration MQTT</strong> pour capteurs, maisons de pigeons & signaux lumineux</li>
    </ul>
  </div>

  <div>
    <h2 class="text-3xl font-bold mb-2">📚 Cours & Contenus Liés</h2>
    <ul class="list-disc list-inside space-y-2 text-lg">
      <li><a href="kursplan_taube.html" class="underline text-emerald-300 hover:text-yellow-300">🕊️ Cours Pigeon : Capteurs, résonance et observation</a></li>
      <li><a href="bit_train.md" class="underline text-emerald-300 hover:text-yellow-300">🚂 Bit Train : Voyage à travers les fréquences, l’histoire et le terminal</a></li>
      <li><a href="pourquoi.html" class="underline text-emerald-300 hover:text-yellow-300">🌱 Pourquoi : Le cœur de la Crumbforest</a></li>
    </ul>
  </div>

</section>

<!-- Pied de page -->
<footer class="bg-black text-gray-400 py-6 text-center text-sm">
  <a href="https://branko.de">© 2025 Crumbforest | Ensemble avec chaque enfant qui pose une question. #KRM #CKL #OneZeroMore</a>
</footer>

</body>
</html>
