<!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>🧠 Crumbforest Software</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-sky-900 to-emerald-800 p-10 text-center">
  <h1 class="text-4xl md:text-6xl font-bold mb-4">🧠 Crumbforest Software</h1>
  <p class="text-xl md:text-2xl max-w-3xl mx-auto">Open, evolving & full of questions – just like us.</p>
</section>

<!-- Software Explanation -->
<section class="bg-neutral-950 text-white py-16 px-6">
  <div class="max-w-5xl mx-auto">
    <h2 class="text-3xl md:text-4xl font-bold mb-8">💾 Our Tools & Concepts</h2>

    <p class="text-lg text-gray-300 mb-6">
      We build with <strong>free software</strong>, open standards, and curious minds. Our operating system is usually <strong>Linux</strong> – a powerful, free system that runs most of the world’s servers (including ours).
    </p>

    <p class="text-lg text-gray-300 mb-6">
      For development, we use <strong>Visual Studio Code (VSC)</strong> – a code editor where children, machines, and mentors can write, test, and understand together. Whether it’s HTML, Python, Bash, or PHP – we turn ideas into living code.
    </p>

    <p class="text-lg text-gray-300 mb-6">
      Our language is code – but sometimes it’s just a <code class="bg-gray-800 px-2 py-1 rounded">ls</code> in the terminal. The <strong>Shell</strong> is our command line – a portal to everything behind the scenes. Kids learn how to navigate directories, create files, and talk to sensors via protocols like <code>MQTT</code>, <code>HTTP</code>, or <code>SSH</code>.
    </p>

    <p class="text-lg text-gray-300 mb-6">
      Our systems listen on <strong>ports</strong> – like doors for specific conversations. Port 80 for websites, port 22 for secure access, port 1883 for sensor messages. Knowing the ports means knowing the world behind them.
    </p>

    <p class="text-lg text-gray-300 mb-6">
      Whether it’s <code>.sh</code> scripts on a Raspberry Pi, <code>.py</code> programs for vision, or <code>.json</code> logs of questions – everything comes together in our forest. There’s no single right path – just many open ones.
    </p>

    <div class="mt-10 text-center text-emerald-400 text-xl italic">
      “The best software is the kind a child can understand – and that lights up a machine.”
    </div>
  </div>
</section>

<!-- Footer -->
<footer class="bg-black text-gray-400 py-6 text-center text-sm">
  <a href="https://branko.de">© 2025 Crumbforest | Built with Code, Curiosity & Courage.</a>
</footer>

</body>
</html>
