🧪 Article Test : L’Arsenal Complet du Markdown

Note de test : Cet article sert à vérifier que tous les styles CSS de Tailwind Typography (prose) sont bien appliqués.

1. Les Titres et la Hiérarchie

Voici un exemple de sous-titre de niveau 3 :

1.1 Détails techniques

Et un niveau 4 si nécessaire :

1.1.1 Précisions mineures

---

2. Les Listes et l’Organisation

Liste à puces (Checklist de l’asso) :

• Scolarisation (Frais d’inscription)
• Nutrition (Riz, haricots, compléments)
• Santé (Vaccins et urgences)

Liste numérotée (Processus de don) :

1. Connexion à HelloAsso
2. Choix du montant
3. Réception du reçu fiscal par email

---

3. Les Tableaux (Data Test)

Crée un bloc “Table” dans Notion pour ce test :

Poste de dépense	Coût Mensuel	Impact
Cantine	45 €	1 repas/jour
Fournitures	12 €	Kit complet
Professeurs	85 €	Salaire partiel

excel.ods Fichier ods

---

4. Citations et Blocs d’emphase

Voici une citation longue pour tester le design du bandeau latéral :

“L’éducation est l’arme la plus puissante que vous pouvez utiliser pour changer le monde. À Madagascar, chaque jour d’école gagné est une victoire contre la fatalité.”

— Citation célèbre souvent reprise par l’équipe.

---

5. Formats de texte et Code

On peut écrire en gras, en italique, ou même en barré.

On peut aussi insérer du code en ligne pour des références techniques : config.site_url.

Bloc de code (pour tester la coloration) :

JavaScript

function calculerImpact(don) { const fraisScolaires = don * 0.75; return Votre don aide ${fraisScolaires} enfants; }

Acceleration.xlsx Fichier xlsx

---

6. Médias et Liens

• Lien externe : Visiter notre Facebook

• Image avec légende : (Insère une image ici dans Notion)

  Légende : Test de rendu d’image avec bordures arrondies.

---

7. Séparateur Horizontal

Ci-dessous, une ligne horizontale :

---

💡 Ce qu’il faut vérifier sur ton site :

1. Le Tableau : Est-ce qu’il a des bordures ? Est-ce qu’il est lisible sur mobile ? (Tu devras peut-être ajouter un overflow-x-auto autour de ton contenu dans Astro).
2. La Citation : Est-ce que la barre verticale à gauche est de la couleur primary (teal) ?
3. Le Code : Est-ce que le fond est gris foncé ou noir ?
4. L’espacement : Est-ce que les titres ne sont pas trop collés au texte ?

Dis-moi si un élément sort “moche” ou ne s’affiche pas, on ajustera le CSS global !

Simulation_panneau_solaire_800w.xlsx Fichier xlsx