Cette application permet d'afficher un mur de liens à partir d'un fichier en markdown.
1. Créez un fichier markdown avec vos ressources sur CodiMD (AppsEducation) ou DigiPage (La Digitale)
2. Voir ce fichier exemple pour le formatage et les différentes options disponibles de votre fichier markdown.
# pour indiquer le nom du mur
### pour ajouter un sous-titre et donner plus d'informations (optionnel)
## pour indiquer une catégorie
Lien textuel avec [texte](url_site) ou lien image avec (url_site)
Ajouter une image dans une carte avec . Un clique sur l'image la fera apparaître en grand dans une fenêtre. Pour désactiver cette fonctionnalité mettre lightbox: false dans le yaml (par défaut true)
Si un lien pointe vers un pdf, il peut être affiché directement dans un cadre. Cela ne fonctionne pas si le lien provient de Nuage (nextcloud bloque l'affichage dans un iframe), dans ce cas le document s'ouvrira dans un nouvel onglet. Par contre cela fonctionne pour les PDF issus d'Eduscol par exemple.
Possiblité d'ajouter un une vidéo qui s'affichera dans une fenêtre avec le --iframe:[nom](url de la vidéo)--. Attention : il faut mettre la vidéo avec le code embed dans l'url. Pour les vidéos de Portail Tubes, lien comme ceci : https://tube-numerique-educatif.apps.education.fr/videos/embed/id_de_la_video et pour youtube : https://www.youtube.com/embed/id_de_la_video.
Exemple :
# mon titre
### mon sous-titre
## Catégorie1
- [un lien simple](url) si le lien est un pdf peut s'ouvrir directement dans la page
-  une image qui s'ouvre en grand quand on clique dessus
## Catégorie2
- (url du site) une image qui ouvre un lien
- (url du site) une image qui ouvre un lien
--iframe:[nom](url de la vidéo)-- Lien d'une vidéo avec embed qui s'ouvre dans un cadre
---footer--- permet d'ajouter un bas de page personnalisé pour indiquer par exemple les auteurs, la licence, le lien du fichier markdown source (comme pour le reste, utiliser la syntaxe markdaon)
Lien vers un fichier codimd exemple
En-tête YAML (optionnel) pour configurer l'apparence du mur. Si rien n'est indiqué dans cette partie, les valeurs par défaut sont : 3 colonnes Catégories, 2 colonnes Ressources, hauteur des cartes : 12Opx, thème clair, couleur de thème bleu, police Liberation couleur bleu taille 16px et titre en police Liberation taille 50px
Vous pouvez configurer l'en-tête en utlisant le le générateur.
---
theme: lightAu choix : light (thème clair) ou dark (thème sombre)
colonnesCategories: 1 Nombre de colonnes pour l'affichage des catégories
colonnesRessources: 3 Nombre de colonnes pour les ressources dans chaque catégorie
carteHauteur: 100px Hauteur des cartes de ressources. Par défaut : 120px.
couleur: violet Couleur principale (titres, bordures) Couleurs avec code HEX ou en textuel (rouge, vert, bleu, gris, jaune, violet, orange, rose, cyan)
bordure: 2px violet pour indiquer l'épaisseur de la bordure des cartes et sa couleur. Par défaut : 1px gris. Couleurs avec code HEX ou en extuel (rouge, vert, bleu, gris, jaune, violet, orange, rose, cyan)
carteFond: violet pour indiquer la couleur de fond des cartes. Couleurs avec code HEX ou en textuel (rouge, vert, bleu, gris, jaune, violet, orange, rose, cyan)
texte: Luciole 12 px violet Permet de spécifier la police, la taille et la couleur du texte des cartes. Par défaut : Liberation 16px #1a4d8c. Polices disponibles : Liberation, Luciole, Opendyslexic, Roboto, Inter, Oswald, BelleAllure. Couleurs avec code HEX ou en textuel (rouge, vert, bleu, gris, jaune, violet, orange, rose, cyan)
titre: Luciole 30px pour indiquer la police du titre et sa taille. Par défaut Liberation 50px
imageGauche: url directe d'une image pour ajouter une image dans le bandeau à gauche du titre à partir de l'URL d'une image
imageDroite: url directe d'une image pour ajouter une image dans le bandeau à droite du titre à partir de l'URL d'une image
---
Exemple de mur pour les enseignants
N'hésitez pas à laisser vos commentaires, remontées de bugs ou suggestions d'améliorations sur l'espace de tickets.
- Luciole par Laurent Bourcellier & Jonathan Perez, sous licence libre Creative Commons BY.
- Opendyslexic, sous licence libre SIL-OFL.
- Roboto conçue par Christian Robertson, sous licence libre Apache.
- Police Belle Allure de Jean Boyault, avec son aimable autorisation pour Mur de Liens : Adresse du site
