Magasin de fichiers — Documentation · Version 2025-08-02

Chapitre 8 — Exemples prêts à copier (PDF, image, vidéo, zip, page)

Copiez-collez un ou plusieurs de ces objets dans le tableau items de votre manifest.json. Adaptez les chemins (url, thumb) à vos dossiers.

1) PDF — brochure téléchargeable

{
  "title": "Brochure 2025",
  "description": "Présentation de l’association et de ses activités.",
  "url": "./pdfs/Brochure-2025.pdf",
  "type": "pdf",
  "tags": ["association", "présentation"],
  "created": "2025-08-02",
  "thumb": "./thumbs/brochure-2025.jpg",
  "badges": ["new", "star"],
  "info": "https://exemple.org/brochure"
}

2) Image — visuel d’atelier

{
  "title": "Affiche Atelier Carton",
  "description": "Affiche A3 prête à imprimer.",
  "url": "./images/affiche-carton-a3.jpg",
  "type": "image",
  "tags": ["atelier", "affiche"],
  "created": "2025-07-18",
  "thumb": "./images/affiche-carton-a3.jpg",
  "badges": ["free"]
}

3) Vidéo — tutoriel (mp4)

{
  "title": "Tuto : Montez votre dossier",
  "description": "Pas à pas pour préparer un dossier de demande.",
  "url": "./videos/tuto-monter-dossier.mp4",
  "type": "video",
  "tags": ["tutoriel", "projet"],
  "created": "2025-06-30",
  "thumb": "./thumbs/tuto-dossier.jpg",
  "badges": ["edu"],
  "info": "https://exemple.org/tuto-dossier"
}

4) Archive — pack de documents

{
  "title": "Pack Ateliers – ressources",
  "description": "Fiches, modèles et images libres pour animer.",
  "url": "./zips/pack-ateliers-ressources.zip",
  "type": "zip",
  "tags": ["atelier", "ressources"],
  "created": "2025-05-12",
  "badges": [
    { "variant": "custom", "label": "Essentiel", "emoji": "📦", "color": "#0ea5e9" }
  ],
  "size": 104857600
}

5) Page HTML — démo/mini-site

{
  "title": "Démo interactive",
  "description": "Mini-site de démonstration avec exemples.",
  "url": "./demos/index.html",
  "type": "html",
  "tags": ["démo", "exemple"],
  "created": "2025-07-02",
  "thumb": "./thumbs/demo.jpg",
  "run": "./demos/index.html",
  "info": "https://exemple.org/demo"
}

Astuce de vérification

Après chaque ajout, enregistrez manifest.json puis rafraîchissez index.html. Si une carte n’apparaît pas, relisez bien les virgules et les guillemets et vérifiez que le chemin de fichier (url, thumb) existe réellement.

À retenir

← Précédent Sommaire Suivant →