T999 – Tutoriel de réplication Browniz Politik

Créer ta propre instance sur clé USB

Ce tutoriel explique comment copier, adapter et diffuser la page browniz-politik.html (et ses annexes) pour que n’importe qui puisse créer sa petite “Organisation de veille citoyenne” à partir d’un simple dossier.

1. Structure minimale du kit

Pour que tout fonctionne “plug-and-play” sur une clé USB ou un dossier partagé, tu peux viser cette structure minimale : 

/mon-kit-browniz/
├── browniz-politik.html
├── brownies-0.html
├── brownies-dossier.pdf      (ou un autre nom de PDF)
└── tuto-T999.html            (ce fichier de tutoriel)

Tu peux évidemment ajouter d’autres pages (cashback, budget, jeux…) mais ce bloc est le cœur “cookies-politique” du kit.

2. Copier les fichiers sur ta clé USB

Prépare un dossier sur ton ordinateur, par ex. mon-kit-browniz.
Place dedans browniz-politik.html, brownies-0.html et ton PDF (par ex. brownies-dossier.pdf).
Branche ta clé USB, crée dessus un dossier Browniz (ou autre) et copie tout le contenu du kit dans ce dossier.
Débranche la clé, rebranche-la ailleurs, double-clique sur browniz-politik.html : le site se lance dans le navigateur.

3. Adapter les chemins dans les embeds

Dans browniz-politik.html, deux lignes importantes : 

<embed src="docs/brownies-dossier.pdf" type="application/pdf">

<iframe src="brownies-0.html"
        title="brownies-0.html – Politique de cookies">
</iframe>

Si ton PDF est à côté de la page (même dossier), tu peux simplifier : 

<embed src="brownies-dossier.pdf" type="application/pdf">

L’important : les chemins doivent correspondre à la vraie organisation des fichiers sur ta clé. Tu peux tester en ouvrant la page dans ton navigateur et en modifiant les chemins jusqu’à ce que les embeds s’affichent correctement.

4. Adapter l’adresse de l’Organisation

Dans browniz-politik.html, une zone <div class="org-address">…</div> contient l’adresse fictive de l’Organisation. 

<div class="org-address">
Organisation de Veille Citoyenne (OVC)
c/o Cellule Browniz Politik
Rue des Protocoles 42
B-1000 Bruxelles
Belgique
</div>

Remplace ce bloc par les coordonnées que tu veux utiliser dans ton contexte (asso, collectif, salle, simple email…). Si tu préfères, tu peux même mettre une adresse générique du style : “À définir avec le groupe”.

5. Adapter les questions du quiz

Tu peux modifier le texte des questions / réponses, tout en gardant :

  • la structure HTML des <div class="quiz-question">,
  • les name="q1", name="q2", etc.,
  • et la clé de correction en bas du fichier :
const answerKey = {
  q1: { type: "single", value: "b" },
  q2: { type: "multi", values: ["b","c"] },
  // ...
};

Si tu ajoutes une nouvelle question q9, pense à :

  • lui donner data-q="9" dans le HTML,
  • et l’ajouter dans answerKey.

6. Comment expliquer tout ça à d’autres ?

Tu peux imprimer ce tuto-T999.html en PDF, ou simplement demander aux gens de :

  • ouvrir le fichier dans un navigateur,
  • faire clic droit > Imprimer > Enregistrer en PDF (sur beaucoup de systèmes),
  • le distribuer comme “manuel de réplication Browniz Politik”.

2. Aperçu & check-list rapide

📄 Aperçu du PDF (exemple)

Ici, on montre simplement comment un PDF peut être intégré dans la page (remplace le chemin par le tien).

🌐 Aperçu de brownies-0.html

Et ici, on embarque la page brownies-0.html telle quelle.

3. Check-list “prêt pour diffusion”

  • 1. Les fichiers sont-ils dans un seul dossier cohérent ?
  • 2. Les embeds PDF / HTML fonctionnent-ils hors-ligne ?
  • 3. L’adresse de l’Organisation est-elle adaptée (ou volontairement fictive) ?
  • 4. Le quiz est-il compréhensible pour des non-spécialistes ?
  • 5. As-tu testé la clé USB sur au moins deux ordinateurs différents ?

4. Idées de variantes

  • Créer une version “école” avec des questions plus simples.
  • Créer une version “hardcore” couplée à tes autres examens (cashback, budget, etc.).
  • Remplacer les références par des dossiers locaux (propagande, guerre narrative, CCT, etc.).
  • Ajouter un petit fichier LISEZ-MOI.txt avec les coordonnées de la personne qui anime le jeu.
T999 · REPLICATION KIT