BROL 2.0 – Dashboard central

Pages & modules

Tout ce qu’on a vu, regroupé par familles : bases, BROL/fichiers, univers/cartoon, intranet/métier, IA fictives, méta-guides.

0 modules Les fichiers doivent exister dans ton dossier si tu veux qu’ils s’affichent dans le viewer.

Rien de sélectionné pour l’instant

Choisis une page à gauche, ou un embed à droite.

– –

Fichier / URL : –

Ouvrir dans un nouvel onglet

Embeds rapides (distractions & annexes)

Ces boutons chargent directement des contenus externes ou des PDF locaux dans le viewer central. Tu peux adapter les URLs dans le script si tu veux tes propres vidéos/playlists/images.

🔧 Tu peux remplacer ces exemples par tes propres URLs (YouTube, Spotify, PDF, images…) en modifiant la section const embeds = { ... } en bas du fichier.

Comment ajouter tes propres pages au dashboard

Tout est piloté par un tableau modules en bas du fichier. Chaque entrée décrit une page (fichier local) ou une vue spéciale.

Crée ton fichier HTML (ex. mon-projet.html) dans le même dossier.
Dans dashboard.html, cherche const modules = [.
Ajoute-y un bloc comme ceci :

{
  id: "mon-projet",
  title: "Mon projet secret",
  file: "mon-projet.html",
  category: "univ",        // base, brol, univ, intra, ia, meta
  kind: "univers perso",
  description: "Description courte de ce que contient cette page."
},

Enregistre, recharge dashboard.html dans ton navigateur.
Ta nouvelle entrée apparaît dans la liste, cliquable.

Comment ajouter / modifier un embed

Tu peux ajouter un bouton “embed” qui envoie n’importe quel URL dans le viewer : YouTube, PDF, image, autre page HTML, etc.

Repère la section const embeds = { ... } dans le script.
Ajoute par exemple :

customDoc: {
  label: "Mon PDF thèse",
  url: "ma-these.pdf",
  description: "Version locale de ma thèse."
}

Ajoute un bouton dans la partie HTML des embeds :

<button type="button" class="embed-btn" data-embed="customDoc">
  <span class="icon">📄</span> Mon PDF thèse
</button>

Clique sur ton bouton → le PDF se charge dans le viewer.