<!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>🧠 Crumbforest Logiciel</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-sky-900 to-emerald-800 p-10 text-center">
  <h1 class="text-4xl md:text-6xl font-bold mb-4">🧠 Logiciels Crumbforest</h1>
  <p class="text-xl md:text-2xl max-w-3xl mx-auto">Ouvert, vivant et rempli de questions – comme nous.</p>
</section>

<!-- Section Logiciels -->
<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">💾 Nos outils & concepts</h2>

    <p class="text-lg text-gray-300 mb-6">
      Nous construisons avec des <strong>logiciels libres</strong>, des standards ouverts, et des esprits curieux. Notre système d’exploitation est souvent <strong>Linux</strong> – un système puissant et gratuit qui fait fonctionner la plupart des serveurs du monde (y compris les nôtres).
    </p>

    <p class="text-lg text-gray-300 mb-6">
      Pour le développement, nous utilisons <strong>Visual Studio Code (VSC)</strong> – un éditeur de code où enfants, machines et mentors peuvent écrire, tester et comprendre ensemble. Que ce soit du HTML, Python, Bash ou PHP – nous transformons les idées en code vivant.
    </p>

    <p class="text-lg text-gray-300 mb-6">
      Notre langage est le code – mais parfois ce n’est qu’un simple <code class="bg-gray-800 px-2 py-1 rounded">ls</code> dans le terminal. Le <strong>Shell</strong> est notre ligne de commande – un portail vers tout ce qui se passe en coulisses. Les enfants apprennent à naviguer dans les dossiers, créer des fichiers et dialoguer avec des capteurs via des protocoles comme <code>MQTT</code>, <code>HTTP</code> ou <code>SSH</code>.
    </p>

    <p class="text-lg text-gray-300 mb-6">
      Nos systèmes écoutent via des <strong>ports</strong> – des portes pour des conversations spécifiques. Le port 80 pour les sites web, le port 22 pour les accès sécurisés, le port 1883 pour les messages des capteurs. Comprendre les ports, c’est comprendre ce qui vit derrière eux.
    </p>

    <p class="text-lg text-gray-300 mb-6">
      Que ce soit des scripts <code>.sh</code> sur un Raspberry Pi, des programmes <code>.py</code> pour la vision ou des journaux <code>.json</code> de questions – tout se rassemble dans notre forêt. Il n’y a pas de seul bon chemin – seulement beaucoup de chemins ouverts.
    </p>

    <div class="mt-10 text-center text-emerald-400 text-xl italic">
      « Le meilleur logiciel est celui qu’un enfant peut comprendre – et qui allume une machine. »
    </div>
  </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 | Construit avec du code, de la curiosité et du courage.</a>
</footer>

</body>
</html>
