Ce site web est construit avec le logiciel libre Zola. Ce logiciel utilise le principe de contenu spar du style. Pour crire du contenu, il faut aller dans le dossier content et crire en format markdown. La mise en page et le style sont dfinis par les fichiers html du dossier templates ainsi que par les feuilles de styles.

Ce site web utilise une action github pour reconstruire le site chaque fois qu'un nouveau contenu est ajout ou un style est modifi (en ralit chaque action push).

Gestion des images

Les nouvelles images doivent tre charges dans le dossier /static/img/. Pour limiter la taille des images, il est conseill de convertir les images en format webp l'aide de l'diteur en ligne squoosh.

Pour les images dans les slides, cf la section sur les images dans le contenu HTML

Format d'un fichier contenu

Un fichier contenu est constitu - d'une partie en-tte entoure de trois + qui contient les paramtres - d'une partie contenu proprement dite crite en markdown

En-tte de paramtre

md +++ title = "Le pou est un parasite ? " date = 2019-11-27 +++

Contenu au format markdown

Toute la syntaxe de base peut tre trouve sur le site original du format markdown. Le tableau et les lments ci-dessous rcapitulent les principales syntaxes avec des exemples spcifiquement adaptes ce site (pour les chemins relatifs).

| Format | Syntaxe | Exemple | | ---------------------- | ------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------- | | Italique | *Texte* | Texte en italique | | Gras | **Texte** | Texte en gras | | Gras italique | ***Texte*** | Texte en gras et italique | | Lien absolu | [texte](url) | Je suis un lien absolu | | Lien relatif | [texte](chemin) | Je suis un lien relatif | | Image (chemin absolu) |  | | | Image (chemin relatif) | | | | Citations | > Texte cit |

Stay Hungry Stay Foolish

| | Titres | # Titre 1, ## Titre 2 ...) |

C'est un titre de rang 2

|

---

---

md - premier lment de la liste - deuxime lment - troisime lment - Premier lment d'une sous-liste - Second lment de la sous-liste

• premier lment de la liste
• deuxime lment
• troisime lment
  • Premier lment d'une sous-liste
  • Second lment de la sous-liste

---

---

md 1. premier lment d'une liste numrote 1. deuxime lment 1. troisime lment

1. premier lment d'une liste numrote
2. deuxime lment
3. troisime lment

---

---

md | Nom | de | colonne | | ------------- |:-------------:| -----:| | la colonne 3 est | align droite | 150 | | la colonne 2 est | centr | 2 |

| Nom | de | colonne | | ------------- |:-------------:| -----:| | la colonne 3 est | align droite | 150 | | la colonne 2 est | centr | 2 |

Contenu au format html

Quelques rares cas ncessitent un peu de language HTML dans le contenu. Attention les lignes vides sont importantes.

Faire un commentaire

Pour crire un texte qui ne sera pas visible (par ex. pour annoter un endroit o l'on voudrait rajouter une image), il faut utiliser la notation suivante :

md <!-- Idalement, une figure montrant un acarien grimpant sur une patte serait chouette (mais pas indispensable) -->

Image qui prend toute la largeur avec une lgende. {#img_html}

```md

```

On peux changer la valeur de pourcentage du paramtre width du style pour avoir une image moins large. Par exemple pour avoir une image 60% de la largeur on crit :

```md

```

Style pour le "En savoir plus des connaissances"

```md

En savoir plus

Du texte d'explication. ### Sources scientifiques - Dupont et Dupond 2022 - Roy, L, Taudire, A, Papax, J, *et al.* Evaluating the link between predation and pest control services in the mite world. Ecol Evol. 2020; 10: 9968 - 9980. https://doi.org/10.1002/ece3.6655

```

Dveloppement local avec Zola

Pour dvelopper le site en local l'aide des commandes zola build ou zola serve il faut commenter la ligne suivante dans 2 fichiers (base.html et index.html) :

html <base href="https://pourougepoule.fr/" />

devient alors :

html <!-- <base href="https://pourougepoule.fr/" /> -->

Il ne faut pas oublier de le dcommenter pour la publication via github.