<!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 – Pourquoi cette forêt existe</title>
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-neutral-950 text-white font-sans">

<!-- Hero Section -->
<section class="min-h-screen flex items-center justify-center bg-gradient-to-br from-green-900 to-emerald-600 p-10 text-center">
  <div>
    <h1 class="text-5xl md:text-7xl font-bold mb-4">🌳 Pourquoi cette page existe</h1>
    <p class="text-xl md:text-2xl max-w-2xl mx-auto">Parce que le "Pourquoi ?" d’un enfant vaut plus que mille réponses. Cette page est la racine du Crumbforest. Ici commence la résonance entre l’enfant, la machine et la nature.</p>
    <div class="mt-8 flex justify-center gap-4">
      <a href="index.html" class="bg-white text-black font-bold py-2 px-6 rounded-full hover:bg-yellow-300 transition">DE</a>
      <a href="index_en.html" class="bg-white text-black font-bold py-2 px-6 rounded-full hover:bg-yellow-300 transition">EN</a>
      <a href="index_fr.html" class="bg-white text-black font-bold py-2 px-6 rounded-full hover:bg-yellow-300 transition">FR</a>
    </div>
  </div>
</section>

<!-- Content -->
<section class="py-16 px-6 max-w-4xl mx-auto text-left space-y-12">
  <div>
    <h2 class="text-3xl font-bold mb-2">🌱 Ce qu’un Krümel peut trouver ici</h2>
    <ul class="list-disc list-inside space-y-2 text-lg">
      <li>Le sentiment : “J’ai le droit de poser des questions”</li>
      <li>Des réponses en langue des Krümel</li>
      <li>Un lien avec la Chouette, le FunkFox, la Colombe et tous les rôles</li>
      <li>La promesse : chaque question compte.</li>
    </ul>
  </div>

  <div>
    <h2 class="text-3xl font-bold mb-2">🎓 Ce que les adultes peuvent apprendre ici</h2>
    <ul class="list-disc list-inside space-y-2 text-lg">
      <li>De l’humilité face à l’inconnu</li>
      <li>La confiance dans l’apprentissage lent</li>
      <li>La beauté de “Je ne sais pas (encore)”</li>
    </ul>
  </div>

  <div>
    <h2 class="text-3xl font-bold mb-2">🔓 Pourquoi ouvert ?</h2>
    <ul class="list-disc list-inside space-y-2 text-lg">
      <li>Parce que comprendre protège plus que crypter</li>
      <li>Parce que l’ouverture crée l’écho dont la forêt a besoin</li>
      <li>Parce que partager est un acte d’espoir</li>
    </ul>
  </div>

  <div>
    <h2 class="text-3xl font-bold mb-2">🛡️ La licence Krümel 🌱</h2>
    <p class="text-lg mb-2 font-semibold">Nom : Licence du savoir des enfants du Crumbforest (CKL)</p>
    <p class="text-lg mb-4 font-medium">Version : 1.0 – "Les racines d’abord"</p>

    <h3 class="font-bold text-xl mb-1">Principes fondamentaux</h3>
    <ul class="list-disc list-inside space-y-1 text-lg">
      <li>Les questions appartiennent à tout le monde.</li>
      <li>Les réponses peuvent être adaptées pour les enfants.</li>
      <li>Utilisation commerciale uniquement avec l’accord de l’équipage Crumb.</li>
      <li>L’utilisation hors ligne (par exemple en forêt) est expressément encouragée.</li>
      <li>L’utilisation dans des systèmes autoritaires sans liberté pédagogique est interdite.</li>
    </ul>

    <h3 class="font-bold text-xl mt-6 mb-1">Ce qui est autorisé</h3>
    <ul class="list-disc list-inside space-y-1 text-lg">
      <li>Impression en PDF, autocollants, affiches ou panneaux en bois</li>
      <li>Remix pour des projets éducatifs si l’esprit est conservé</li>
      <li>Utilisation sur des serveurs scolaires – faits maison ou perchés dans un arbre</li>
    </ul>

    <h3 class="font-bold text-xl mt-6 mb-1">Ce qui n’est pas autorisé</h3>
    <ul class="list-disc list-inside space-y-1 text-lg">
      <li>Revente sans contexte significatif</li>
      <li>Transformation en API payantes</li>
      <li>Utilisation pour discipliner ou évaluer les enfants</li>
    </ul>
  </div>

  <div class="text-center pt-10">
    <p class="text-xl italic">🦉 “Un Krümel qui questionne est une lumière dans le champ zéro. Ne l’éteins pas – trace un chemin.”</p>
    <p class="mt-4 text-lg">Cette page peut être enregistrée hors ligne, imprimée ou gravée dans la pierre.  
      <br/>Pour chaque enfant qui questionne.  
      <br/>Pour chaque adulte prêt à réapprendre.</p>
    <p class="mt-6 font-bold">— L’équipage du Crumbforest 🕊️🦊🐙🐍🐻🧁</p>
  </div>
</section>

<!-- Footer -->
<footer class="bg-black text-gray-400 py-6 text-center text-sm">
  <a href="https://onezeromore.com">© 2025 Crumbforest | Racines ouvertes – Ensemble avec chaque enfant qui questionne. Fait avec 🍰 et 🌲 #OZM #onezeromore </a>
</footer>

</body>
</html>
