✓ Lien copié dans le presse-papier !

Freeze

Créez une frise interactive à partir d'un pad CodiMD ou d'un fichier Markdown.

🌐

Lien CodiMD

Collez l'URL de votre pad.
Mise à jour automatique.

✓ Lien copié !
📄

Fichier .md

Chargez un fichier Markdown.
Lien partageable généré.

📁 Glisser ou cliquer
📚

Exemple

Préhistoire à Antiquité.
Programme CM1.

Guide

Comment créer et partager
votre frise.

Emmanuel Herold·Code source·GPL-3.0·v1.0
Emmanuel Herold·Code source·GPL-3.0·v1.0

Syntaxe Markdown

# Titre de la frise
### Sous-titre

## La Révolution
1789 - 1815

## Période sans dates

- 1789, Prise de la Bastille
Description de l'événement.
![image](url_image.jpg)
[En savoir plus](https://exemple.fr)

- 14/07/1790, Fête
- vers 3 000 av. J.-C., Écriture

Formats de dates acceptés :
  1789 - 1815
  de 1789 à 1815
  vers 3 000 av. J.-C. - 500 av. J.-C.
  3 000 000 (espaces acceptés)

Survolez un nom de période
pour voir ses dates !

✚ Ajouter un événement

Formats : année, jour/mois/année, vers..., av. J.-C.
💡 Pour l'image, copiez l'adresse d'une image sur Wikimedia Commons ou un autre site.
✅ Markdown généré — collez-le dans votre fichier ou pad : 
















📍 Guide d'utilisation



📈 Échelle adaptative — Lorsque votre frise couvre une très grande amplitude (plus de 100 000 ans), Freeze utilise automatiquement une échelle par densité d'événements, inspirée de Histography. Plus il y a d'événements dans une zone, plus elle s'étale. Par exemple, les périodes cosmiques (Big Bang, formation de la Terre) occupent environ la moitié de la frise — elles restent visiblement plus larges, ce qui donne la sensation de temps long — et les périodes d'histoire humaine occupent l'autre moitié, bien étalées et lisibles. Pour les frises de moins de 100 000 ans, l'échelle reste linéaire classique.



1 Écrire le contenu


Rédigez votre frise en Markdown, soit dans un fichier .md (avec n'importe quel éditeur de texte), soit sur un pad CodiMD (apps.education.fr) pour la collaboration en ligne.



2 Structure du Markdown


Votre fichier doit suivre cette structure :


# Titre de la frise
### Sous-titre (optionnel)

## Nom de la période
date début - date fin

- date, Titre de l'événement
Description de l'événement.
![image](https://url-de-l-image.jpg)
[Texte du lien](https://url-du-lien.fr)

## Autre période
de date début à date fin

- date, Autre événement
...



3 Formats de dates


Plusieurs formats sont acceptés pour les dates :


1789                      → année simple
14/07/1789                → jour/mois/année
vers 3 000 av. J.-C.     → date approximative
environ 10 000 av. J.-C. → synonyme de "vers"


Les grands nombres acceptent les espaces séparateurs de milliers : 3 000 000 est identique à 3000000.



4 Dates des périodes


Les dates de début et fin d'une période s'écrivent sur la ligne juste en-dessous du ##. Deux formats de séparateurs :


1789 - 1815               → avec tiret
de 1789 à 1815            → avec "de ... à ..."


💡 Les dates des périodes apparaissent au survol du nom de la période, dans la frise comme dans la légende.



5 Images et liens


Pour chaque événement, vous pouvez ajouter une image et un lien :


![image](https://url-de-l-image.jpg)
[Texte cliquable](https://url-du-site.fr)


🎨 Les images de Wikimedia Commons fonctionnent très bien. Utilisez les URL des vignettes (thumb) pour un chargement rapide.



6 Charger la frise


🌐 Lien CodiMD — Collez l'URL de votre pad. La frise se met à jour automatiquement toutes les 30 secondes, idéal pour la collaboration.


📄 Fichier .md — Glissez-déposez ou sélectionnez votre fichier. Un lien partageable est généré automatiquement (les données sont compressées dans l'URL).


📚 Exemple — Testez immédiatement avec une frise Préhistoire à Antiquité.



7 Naviguer dans la frise


Défilement — Cliquez et glissez pour parcourir la frise.


Zoom — Boutons +/− ou molette de la souris. Le zoom se centre sur le curseur.


Sommaire — Liste tous les événements par période. Cliquez pour y accéder.


Légende — Cliquez sur une période pour y naviguer.


Cartes — Cliquez sur une carte pour voir le détail : description, lien et image en grand.



8 Partager


Cliquez sur le bouton 🔗 Partager pour copier l'URL dans le presse-papier. Le lien contient toutes les données : le destinataire n'a besoin d'aucun compte ni fichier.


🔗 Pour les pads CodiMD, le lien partagé pointe vers votre pad : les modifications seront visibles en temps réel par tous ceux qui ont le lien.