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

<!-- Header -->
<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">🔧 Krümel Hardware & Werkzeuge</h1>
  <p class="text-xl md:text-2xl max-w-3xl mx-auto">Was wir im Crumbforest zum Bauen, Beobachten und Fragen benutzen.</p>
</section>

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

 <div>
  <h2 class="text-3xl font-bold mb-2">🖥️ Krümel Hardware</h2>
  <ul class="list-disc list-inside space-y-2 text-lg">
    <li>🌱 <strong>Raspberry Pi</strong> (Zero, 3, 4, 5, Pi400) für kindgerechtes Linux</li>
    <li>🔌 <strong>ESP32 / ESP8266</strong> für kleine Sensorprojekte und smarte Robotik</li>
    <li>📷 <strong>AI-Kameras</strong> für Gestenerkennung, Pflanzenbeobachtung und Spiel</li>
    <li>💾 <strong>USB-SSD & SD-Karten</strong> als Speicher für Logs, Krümelfragen und Terminalreisen</li>
  </ul>
</div>

  <div>
    <h2 class="text-3xl font-bold mb-2">🛠️ Krümel Werkzeuge</h2>
    <ul class="list-disc list-inside space-y-2 text-lg">
      <li>🖨️ <strong>3D-Drucker</strong> für Gehäuse, Roboterarme und Taubenhäuser</li>
      <li>🔦 <strong>Lasercutter</strong> für präzise Bauteile aus Holz & Acryl</li>
      <li>🔧 <strong>Schraubenzieher, Lötstation, Multimeter</strong> für echte Handarbeit mit dem Schraubär 🐻🔧</li>
      <li>🧁 <strong>Kreativboxen</strong> mit Farben, Stoffen & Holz – um alles mit der Hand zu begreifen</li>
    </ul>
  </div>

  <div>
    <h2 class="text-3xl font-bold mb-2">💡 Interfaces & Terminals</h2>
    <ul class="list-disc list-inside space-y-2 text-lg">
      <li>🌐 <strong>Webterminals via TTYD</strong> – kindgerecht, farbig & sicher</li>
      <li>🐚 <strong>Custom CLI Tools</strong> wie <code>eule</code>, <code>funkfox</code>, <code>bugsy</code> oder <code>deepbit</code></li>
      <li>📡 <strong>MQTT-Integration</strong> für Sensoren, Taubenhäuser & Lichtsignale</li>
    </ul>
  </div>

  <div>
    <h2 class="text-3xl font-bold mb-2">📚 Verlinkte Kurse & Inhalte</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">🕊️ Taubenkurs: Sensorik, Resonanz und Beobachtung</a></li>
      <li><a href="bit_train.md" class="underline text-emerald-300 hover:text-yellow-300">🚂 Bit Train: Reise durch Frequenzen, Geschichte und Terminal</a></li>
      <li><a href="warum.html" class="underline text-emerald-300 hover:text-yellow-300">🌱 Warum-Seite: Das Herz des Crumbforest</a></li>
    </ul>
  </div>

</section>

<!-- Footer -->
<footer class="bg-black text-gray-400 py-6 text-center text-sm">
  <a href="https://branko.de">© 2025 Crumbforest | Gemeinsam mit jedem Kind, das fragt. #KRM #CKL #OneZeroMore </a>
</footer>

</body>
</html>
