<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>🔧 Crumb Hardware & Tools – 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">🔧 Crumb Hardware & Tools</h1>
  <p class="text-xl md:text-2xl max-w-3xl mx-auto">What we use in the Crumbforest to build, observe, and ask questions.</p>
</section>

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

 <div>
  <h2 class="text-3xl font-bold mb-2">🖥️ Crumb Hardware</h2>
  <ul class="list-disc list-inside space-y-2 text-lg">
    <li>🌱 <strong>Raspberry Pi</strong> (Zero, 3, 4, 5, Pi400) for child-friendly Linux experiences</li>
    <li>🔌 <strong>ESP32 / ESP8266</strong> for small sensor projects and smart robotics</li>
    <li>📷 <strong>AI cameras</strong> for gesture recognition, plant observation and playful learning</li>
    <li>💾 <strong>USB-SSD & SD cards</strong> as storage for logs, crumb questions and terminal journeys</li>
  </ul>
</div>

  <div>
    <h2 class="text-3xl font-bold mb-2">🛠️ Crumb Tools</h2>
    <ul class="list-disc list-inside space-y-2 text-lg">
      <li>🖨️ <strong>3D printers</strong> for cases, robot arms and pigeon houses</li>
      <li>🔦 <strong>Laser cutters</strong> for precise wooden and acrylic parts</li>
      <li>🔧 <strong>Screwdrivers, soldering stations, multimeters</strong> for real hands-on work with Schraubär 🐻🔧</li>
      <li>🧁 <strong>Creative kits</strong> with colors, fabrics & wood – to understand with your hands</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>Web terminals via TTYD</strong> – child-friendly, colorful & secure</li>
      <li>🐚 <strong>Custom CLI tools</strong> like <code>eule</code>, <code>funkfox</code>, <code>bugsy</code> or <code>deepbit</code></li>
      <li>📡 <strong>MQTT integration</strong> for sensors, pigeon houses & light signals</li>
    </ul>
  </div>

  <div>
    <h2 class="text-3xl font-bold mb-2">📚 Linked Courses & Content</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">🕊️ Pigeon Course: Sensors, resonance and observation</a></li>
      <li><a href="bit_train.md" class="underline text-emerald-300 hover:text-yellow-300">🚂 Bit Train: Journey through frequencies, history and the terminal</a></li>
      <li><a href="why.html" class="underline text-emerald-300 hover:text-yellow-300">🌱 Why page: The heart of the 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 | Together with every child that asks. #KRM #CKL #OneZeroMore</a>
</footer>

</body>
</html>
