From 5fae903b14a202f6e754bba280e7640cf0354122 Mon Sep 17 00:00:00 2001
From: Raphael Forment <raphael.forment@gmail.com>
Date: Sat, 23 Dec 2023 18:03:32 +0100
Subject: [PATCH] ajout article

---
 src/routes/+layout.svelte                |  4 ++--
 src/routes/guides/ajouter_information.md | 26 ++++++++++++++++++++++++
 src/routes/guides/proposer_guide.md      |  8 ++++----
 3 files changed, 32 insertions(+), 6 deletions(-)
 create mode 100644 src/routes/guides/ajouter_information.md

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 5d93a95..e4caf45 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -61,10 +61,10 @@
       <label
         for="my-drawer-2"
         aria-label="close sidebar"
-        class="drawer-overlay"
+        class="drawer-overlay scrollbar-hide whitespace-nowrap overflow-hidden"
       />
       <ul
-        class="menu p-4 w-40 min-h-full bg-neutral-800 dark:bg-base-300 text-base-content"
+        class="menu p-4 w-40 min-h-full bg-neutral-800 dark:bg-base-300 text-base-content overflow-hidden"
       >
         <li class="text-xl ml-0">
           <a class="text-white hover:text-orange-300" href="/evenements">Évènements</a>
diff --git a/src/routes/guides/ajouter_information.md b/src/routes/guides/ajouter_information.md
new file mode 100644
index 0000000..a1a4e77
--- /dev/null
+++ b/src/routes/guides/ajouter_information.md
@@ -0,0 +1,26 @@
+---
+title: Comment ajouter des informations au site ?
+date: '2023-12-23'
+author: "Raphaël Maurice Forment"
+---
+
+Ce site est conçu pour être rapidement mis à jour par la communauté des _live coders_ francophones. Chaque section est construite automatiquement à partir des données mises à disposition par chacun : **Évènements**, **Membres**, **Outils**, **Guides**, **Réseaux**, **Resources**, **Presse**, etc. En séparant les données de la mise en page, cela permet au site d'évoluer rapidement et indépendamment des données amassées :)
+
+## Où se situent les données ?
+
+Les données sont intégrées à la source du site :
+
+<div class="pl-8 mt-4">
+
+1) Rendez-vous sur le [dépôt](https://github) dans le dossier `lib/data` : [ici](https://github.com/Bubobubobubobubo/livecodingfr/tree/main/src/lib/data).
+
+2) Vous y trouverez un fichier **JSON** pour chaque section du site.
+
+3) Éditez depuis l'éditeur intégré de GitHub ou modifiez en local.
+
+4) Soumettez vos changements, attendez la mise à jour du site !
+</div>
+
+## Où se situent les guides ?
+
+Les guides répondent à un format différent. Il existe [un autre article](/guides/proposer_guide) qui vous guidera pour en créer/modifier un guide. 
diff --git a/src/routes/guides/proposer_guide.md b/src/routes/guides/proposer_guide.md
index c0e1f3d..6c8b111 100644
--- a/src/routes/guides/proposer_guide.md
+++ b/src/routes/guides/proposer_guide.md
@@ -4,7 +4,7 @@ date: '2023-12-22'
 author: "Raphaël Maurice Forment"
 ---
 
-Les guides sont rédigés en [MarkDown](https://en.wikipedia.org/wiki/Markdown), un format de balisage léger qui facilite l'écriture et la publication. Une fois ajoutés au site, ces derniers sont automatiquement recensés et publiés. Chaque article reçoit un entête simple. Voici l'entête de l'article actuel :
+Les guides sont rédigés en [MarkDown](https://en.wikipedia.org/wiki/Markdown), un format de balisage léger qui facilite l'écriture et la publication. Une fois ajoutés au site, ces derniers sont automatiquement recensés et publiés. Chaque article reçoit un entête simple qui permet de l'identifier. Voici l'entête de l'article actuel :
 
 ```yaml
 ---
@@ -14,7 +14,7 @@ author: "Raphaël Maurice Forment"
 ---
 ```
 
-Chaque balise se comprend assez facilement : 
+Il n'est pas nécessaire de répéter le titre au début de votre article. Chaque balise se comprend assez facilement : 
 
 - **title** : le titre complet de l'article
 - **date** : au format `AAAA-MM-JJ`
@@ -24,8 +24,8 @@ Le site utilise ensuite ces données pour générer un entête. Les données peu
 
 ## Contenu de l'article
 
-Écrivez ce que vous voulez ! Notez que vous pouvez librement mélanger **MarkDown**, **HTML/CSS** et composants **Svelte** pour les plus confirmés. Vous ne devriez pas avoir de problème particulier à publier quoi que ce soit sous la forme que vous imaginez ! Si vous écrivez du **MarkDown** pur et simple, votre article recevra le style par défaut utilisé par le site.
+Écrivez ce que vous voulez ! Notez que vous pouvez librement mélanger **MarkDown**, **HTML/CSS** et composants **Svelte** pour les plus confirmés. Vous ne devriez pas avoir de problème pour publier quoi que ce soit sous la forme que vous imaginez ! Si vous écrivez du **MarkDown** pur et simple, votre article recevra le style par défaut utilisé par le site.
 
 ## Publication
 
-Une fois votre article prêt, il vous faudra faire une [Pull Request](https://docs.github.com/fr/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-pull-requests) pour que ce dernier soit ajouté au [dépôt](https://github.com/Bubobubobubobubo/livecodingfr) du site et validé par un contributeur. Bonne chance ! Nous avons besoin de guides pour couvrir l'essentiel des plateformes existantes !
\ No newline at end of file
+Une fois votre article prêt, il vous faudra faire une [Pull Request](https://docs.github.com/fr/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-pull-requests) pour que ce dernier soit  au [dépôt](https://github.com/Bubobubobubobubo/livecodingfr) du site et validé par un contributeur. Bonne chance ! Nous avons besoin de guides pour couvrir l'essentiel des plateformes existantes !
\ No newline at end of file