Ajout des premières pages, et modification du générateur afin d'avoir les citations

11 files changed, 292 insertions, 67 deletions

diff --git a/articles/about.md b/articles/about.md
index 8ecbdfa..091d111 100644
--- a/articles/about.md
+++ b/articles/about.md
@@ -6,7 +6,7 @@ Le but n'est pas de vous transformer ou de promouvoir certaines conneries de dé
 
 # Qui suis-je ?
 
-Je suis Oxbian, un étudiant en école d'ingénieur. Passionné d'informatique, promoteur de l'open-source & des logiciels libres. Curieux par nature, tombé dans la marmitte de ce monde magnifique qu'est l'informatique, toujours désireux d'en apprendre plus et de m'améliorer.
+Je suis Oxbian, un étudiant en école d'ingénieur. Passionné d'informatique, promoteur de l'open-source et des logiciels libres. Curieux par nature, tombé dans la marmitte de ce monde magnifique qu'est l'informatique, toujours désireux d'en apprendre plus et de m'améliorer.
 
 # Contact
 
diff --git a/articles/data-privacy.md b/articles/data-privacy.md
index d1f7b28..90ea6a0 100644
--- a/articles/data-privacy.md
+++ b/articles/data-privacy.md
@@ -6,7 +6,7 @@ Pour autant, ce droit est constamment brisé sur internet, de nombreux sites / a
 
 > Lorsque vous dites 'le droit à la vie privée ne me préoccupe pas, parce que je n'ai rien à cacher',
 > cela ne fait aucune différence avec le fait de dire 'Je me moque du droit à la liberté d'expression
-> parce que je n'ai rien à dire', ou 'de la liberté de la presse parce que je n'ai rien à écrire'."
+> parce que je n'ai rien à dire', ou 'de la liberté de la presse parce que je n'ai rien à écrire'.
 - [Edward Snowden](https://fr.wikipedia.org/wiki/Edward_Snowden), ancien employé de la CIA et de la NSA. Lanceur d'alerte sur la surveillance de masse.
 
 Ce droit fondamental se doit donc d'être protégé, et ça tombe bien, cet article est fait pour vous aider à y parvenir.
@@ -19,12 +19,12 @@ Pour vous aider à vous en rendre compte, faisons un petit jeu, pensez à tous l
 
 > Si c'est gratuit c'est vous le produit.
 
-En effet, les GAFAM utilisent les données qu'ils collectent pour vous afin de vendre des publicités mieux ciblées, pas pour rien que la [principale source de revenu de Google](https://www.webrankinfo.com/dossiers/google/resultats-financiers) est son outil de pubs, Google ads & ses dérivés. 
+En effet, les GAFAM utilisent les données qu'ils collectent pour vous afin de vendre des publicités mieux ciblées, pas pour rien que la [principale source de revenu de Google](https://www.webrankinfo.com/dossiers/google/resultats-financiers) est son outil de pubs, Google ads et ses dérivés. 
 
 Ainsi un bon début afin d'améliorer sa vie privée est de se passer des GAFAM, ou de fortement limiter son exposition à ces derniers.
 Et le coup de chance dans tout ça c'est que ces solutions existe, et certaines sont plus vieilles que les GAFAM. Ci-dessous vous trouverez la démarche à suivre afin d'atteindre cette vie privée.
 
-### Changer sa boite mail & ses comptes
+### Changer sa boite mail et ses comptes
 
 La première et plus simple des choses à faire est de changer de boite mail, oui une énième boite mail, mais cette fois c'est pour votre bien. Cette boite mail devra être chez un hébergeur respectueux de la vie privée, il en existe plusieurs [protonmail](https://proton.me/fr/mail), [tutanota](https://tutanota.com/fr/), [mailbox.org](https://mailbox.org/en/), bien sûr, il en existe d'autres plus petits, mais plus Français... Ou vous-même, si vous en avez les compétences et l'envie.
 
@@ -41,7 +41,7 @@ Il existe tellement d'alternatives aux applications et services que vous utilise
 
 - Pour la suite office, il existe la suite [open office](https://www.openoffice.org/fr/Produits/), ils sont suffisamment puissants pour aisemment remplacer vos habitudes.
 - Pour le client mail, je vous conseille [thunderbird](https://www.thunderbird.net/fr/), et pour le navigateur je vous conseille d'utiliser [Firefox](https://www.mozilla.org/fr/firefox/new/).
-- Pour remplacer le google play store, je vous conseille d'utiliser [F-Droid](https://f-droid.org/fr/) un store mettant en avant que des applications respectants libre & open source, et vous permet de savoir si ces applications contiennent des trackers. Et pour une vraie alternative du google play store il y a [Aurora store](https://auroraoss.com/) un google play store sans compte qui vous permet d'éviter le tracking de google sur son store.
+- Pour remplacer le google play store, je vous conseille d'utiliser [F-Droid](https://f-droid.org/fr/) un store mettant en avant que des applications respectants libre et open source, et vous permet de savoir si ces applications contiennent des trackers. Et pour une vraie alternative du google play store il y a [Aurora store](https://auroraoss.com/) un google play store sans compte qui vous permet d'éviter le tracking de google sur son store.
 
 Afin de trouver plus de logiciel respectueux de la vie privée, je vous conseille l'excellent [annuaire de Framalibre](https://framalibre.org/).
 
@@ -53,7 +53,7 @@ Si tout du moins vous êtes obligés de garder certaines applications peu respec
 
 Les deux parties précédentes peuvent se faire du jour au lendemain, cela demandera peut-être un petit temps d'adaptation le temps de s'habituer aux nouvelles interfaces, mais rien de plus. Changer de système d'exploitation c'est comme changer de vélo ou de voiture, ça reste globalement la même chose mais l'ergonomie, le design, les fonctionnalités peuvent être différentes. Si vous êtes débutant je vous conseil de vous faire aider pour la partie qui va suivre, des vidéos youtube, des amis / collègues peuvent aider..
 
-La première chose à faire est de décider vers quel système d'exploitation se tourner. Je pense que vous connaissez probablement les 3 grandes familles, Windows, Linux & Mac-OS, mais il en existe plein d'autres.  
+La première chose à faire est de décider vers quel système d'exploitation se tourner. Je pense que vous connaissez probablement les 3 grandes familles, Windows, Linux et Mac-OS, mais il en existe plein d'autres.  
 De plus, sous Linux il existe plein de "distributions" qui ont toutes un but et une utilité différente. Chacun à ses préférences, et générallement pour les débutants il est recommandé de commencer avec [Ubuntu](https://www.ubuntu-fr.org/). Je vous recommande aussi de lire [l'excellent guide privacyguides.org](https://www.privacyguides.org/fr/os/linux-overview/) sur les systèmes d'exploitations linux.
 
 Une fois ce choix réalisé il vous faudra télécharger l'ISO (le fichier d'installation du système d'exploitation), l'installer sur une clé USB (appelé clé bootable) avec des logiciels comme [Rufus](https://rufus.ie/fr/) ou [Balena Etcher](https://www.balena.io/etcher), puis installer ce système d'exploitation. Comme dit précédemment si vous n'avez aucune idée de comment faire cela pas de panique il existe des milliers de tuto pour chaque système d'exploitation et distributions sur comment les installer.
@@ -64,7 +64,7 @@ Une fois votre installation réussie, plus qu'à ajouter vos logiciels respectue
 
 Maintenant que nous avons notre système d'exploitation respectueux de la vie privée mis en place, il nous faut trouver des applications qui la respecte aussi. Pour cela, le plus simple est de partir des applications que vous utilisez au quotidien, et de les lister. 
 
-De cette liste vous pourrez aller chercher des alternatives libres & open source sur des sites spécialisés, comme [Framalibre](https://framalibre.org/) (à privilégier) ou [Alternativeto](https://alternativeto.net/).
+De cette liste vous pourrez aller chercher des alternatives libres et open source sur des sites spécialisés, comme [Framalibre](https://framalibre.org/) (à privilégier) ou [Alternativeto](https://alternativeto.net/).
 
 Une fois que vous avez trouvé des alternatives, regardé les fonctionnalités qu'elles proposent et si elles vous correspondent, sinon essayer de trouver une autre alternative. Ou deux alternatives qui combiner ensemble peuvent en remplacer une.
 
@@ -94,7 +94,7 @@ Merci de m'avoir lu, pour ne pas rater d'article je vous recommande de suivre mo
 ### Approfondir le sujet
 
 - [Framasoft](https://framasoft.org/fr/) association qui aide les personnes à être plus libre sur internet, héberge et développe pas mal d'alternative au GAFAM.
-- [PrivacyGuides](https://www.privacyguides.org/fr/) un site web qui guide les personnes sur les bonnes pratiques & bonnes utilisations pour maintenir votre vie privée.
+- [PrivacyGuides](https://www.privacyguides.org/fr/) un site web qui guide les personnes sur les bonnes pratiques et bonnes utilisations pour maintenir votre vie privée.
 - [Le reddit de privacyGuides](https://www.reddit.com/r/PrivacyGuides/) discussion des sujets, demande / aides / conseils sur la vie privée.
 - [Le reddit de degoogle](https://www.reddit.com/r/degoogle/) discussion / conseils / aides pour se dégoogliser.
 - [Le reddit de privacy](https://www.reddit.com/r/privacy/) pour avoir des news sur le sujet.
diff --git a/assets/css/style.css b/assets/css/style.css
index 4940e28..74056e4 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -28,6 +28,7 @@ a:hover
   margin-right: auto;
   width: 60%;
 }
+
 .header{
 	margin: 1em 0;
 	display: block;
@@ -38,4 +39,10 @@ a:hover
 	display: flex;
 	justify-content: space-between;
 	font-weight: bold;
-}
\ No newline at end of file
+}
+
+blockquote {
+	border-left: 3px solid #0077b6;
+	padding-left: 10px;
+	background-color: #90e0ef;
+}
diff --git a/index.html b/index.html
index 55ac3d8..246b60f 100644
--- a/index.html
+++ b/index.html
@@ -4,15 +4,14 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="Blog d'Oxbian">
-    <meta property="og:title" content="Blog d'Oxbian" >
-    <meta property="og:url" content="https://blog.arka.rocks" >
-    <meta property="og:type" content="article" >
+    <meta property="og:title" content="Blog d'Oxbian">
+    <meta property="og:url" content="https://blog.arka.rocks">
+    <meta property="og:type" content="article">
     <meta property="og:article:author" content="Oxbian">
-    <meta property="og:article:published_time" content="2023-04-01" >
     <title>Blog d'Oxbian</title>
-    <link rel="alternate" href="../rss.xml" type="application/rss+xml" title="RSS">
-    <link rel="stylesheet" href="../assets/css/style.css">
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon">
+    <link rel="alternate" href="atom.xml" type="application/atom+xml" title="RSS">
+    <link rel="stylesheet" href="assets/css/style.css">
+    <link rel="shortcut icon" href="assets/favicon/favicon.ico" type="image/x-icon">
 </head>
 <body>
     <header>
@@ -25,16 +24,13 @@
     <main>
         <article>
             <h1>Bienvenue sur mon blog</h1>
-            Sur ce blog vous retrouverez des articles liées à l'informatique, la programmation, le réseau, la sécurité, le libre, etc.
-            De plus j'y partage aussi des articles sur les bonnes pratiques dans divers domaines, comme la vie privée, le sport..
+            <p>Sur ce blog vous retrouverez des articles liées à l'informatique, la programmation, le réseau, la sécurité, le libre, etc.
+            De plus j'y partage aussi des articles sur les bonnes pratiques dans divers domaines, comme la vie privée, le sport..</p>
 
-            <h2>Articles sur les bonnes pratiques</h2>
-            <ul>
-            </ul>
-
-            <h2>Autres articles</h2>
-            <ul>
-            </ul>
+            <h2>Articles</h2><ul><li><a href="pages/how-to-read.html">Comment lire ce blog ?</a></li>
+<li><a href="pages/about.html">C'est quoi ce blog ?Qui suis-je ?Contact</a></li>
+<li><a href="pages/data-privacy.html">Données et vie privée</a></li>
+</ul>
         </article>
     </main>
     <hr>
@@ -45,7 +41,6 @@
             <a class="mastodon" href="https://social.linux.pizza/@Oxbian">Mastodon</a>
             <a class="mail" href="mailto:oxbian.noch@simplelogin.com">Mail</a>
         </div>
-        <a href="../rss.xml"></a>
     </footer>
 </body>
 </html>
diff --git a/pages/about.html b/pages/about.html
new file mode 100644
index 0000000..3049dcb
--- /dev/null
+++ b/pages/about.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="">
+    <meta property="og:title" content="C'est quoi ce blog ?Qui suis-je ?Contact">
+    <meta property="og:type" content="article" >
+    <meta property="og:article:author" content="Oxbian">
+    <meta property="og:article:published_time" content="" >
+    <meta property="og:image" content="$IMAGE_PREVIEW" >
+    <title>C'est quoi ce blog ?Qui suis-je ?Contact</title>
+    <link rel="alternate" href="../atom.xml" type="application/atom+xml" title="RSS">
+    <link rel="stylesheet" href="../assets/css/style.css">
+    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon">
+</head>
+<body>
+    <header>
+        <div class="navbar">
+            <a href="../index.html">Accueil</a>
+            <a href="../pages/how-to-read.html">Comment lire ce blog ?</a>
+            <a href="../pages/about.html">À Propos</a>
+        </div>
+    </header>
+    <main>
+        <article>
+            <h1>C'est quoi ce blog ?Qui suis-je ?Contact</h1>
+            <p>J'ai créé ce blog dans le but de partager des bonnes pratiques dans divers domaines. Cette idée m'est venu lorsque je me suis rendu compte que je n'avais pas les bonnes bases sur divers domaines comme la nutrition et que mes amis ne l'avaient pas non plus.</p>
+<p>Le but n'est pas de vous transformer ou de promouvoir certaines conneries de développement personnel ou je ne sais quoi, seulement que si vous le voulez, vous puissiez avoir les bonnes pratiques et bases dans différents domaines et les approfondir tout en étant guidés dans vos recherches au début.</p>
+<p>Je suis Oxbian, un étudiant en école d'ingénieur. Passionné d'informatique, promoteur de l'open-source et des logiciels libres. Curieux par nature, tombé dans la marmitte de ce monde magnifique qu'est l'informatique, toujours désireux d'en apprendre plus et de m'améliorer.</p>
+<p>Si vous souhaitez me contacter je suis disponible sur plusieurs plateformes:</p>
+<ul><li>Matrix: @oxbian:matrix.org</li>
+<li>Email: oxbian.noch@simplelogin.com</li></ul>
+
+        </article>
+    </main>
+    <hr>
+    <footer>
+        <p>Contactez-moi pour toute question ou discussion, je répond assez vite en général.</p>
+        <div>
+            <a class="matrix" href="https://matrix.to/#/@oxbian:matrix.org">Matrix</a>
+            <a class="mastodon" href="https://social.linux.pizza/@Oxbian">Mastodon</a>
+            <a class="mail" href="mailto:oxbian.noch@simplelogin.com">Mail</a>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/pages/data-privacy.html b/pages/data-privacy.html
new file mode 100644
index 0000000..404ad79
--- /dev/null
+++ b/pages/data-privacy.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="">
+    <meta property="og:title" content="Données et vie privée">
+    <meta property="og:type" content="article" >
+    <meta property="og:article:author" content="Oxbian">
+    <meta property="og:article:published_time" content="" >
+    <meta property="og:image" content="$IMAGE_PREVIEW" >
+    <title>Données et vie privée</title>
+    <link rel="alternate" href="../atom.xml" type="application/atom+xml" title="RSS">
+    <link rel="stylesheet" href="../assets/css/style.css">
+    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon">
+</head>
+<body>
+    <header>
+        <div class="navbar">
+            <a href="../index.html">Accueil</a>
+            <a href="../pages/how-to-read.html">Comment lire ce blog ?</a>
+            <a href="../pages/about.html">À Propos</a>
+        </div>
+    </header>
+    <main>
+        <article>
+            <h1>Données et vie privée</h1>
+            <p>La <a href="https://fr.wikipedia.org/wiki/Vie_priv%C3%A9e">vie privée est un droit fondamental</a>, qui figure à l'article 12 de la Déclaration universelle des droits de l'homme de 1948 et à l'article 8 de la convention européenne des droits de l'homme.</p>
+<p>Pour autant, ce droit est constamment brisé sur internet, de nombreux sites / applications collectent des données sur vous (position géographique, informations sur votre matériel, sexe, âge, goût, orientation sexuelle..). Cette collecte représente une forte atteinte à notre droit à la vie privée, et cela ne semble dérangée personne. Nombreux sont ceux qui me diront qu'ils s'en contrefichent de la vie privée, car ils n'ont rien à cacher. Pour cela, une citation vous répondra :</p>
+<blockquote>Lorsque vous dites 'le droit à la vie privée ne me préoccupe pas, parce que je n'ai rien à cacher',cela ne fait aucune différence avec le fait de dire 'Je me moque du droit à la liberté d'expressionparce que je n'ai rien à dire', ou 'de la liberté de la presse parce que je n'ai rien à écrire'."</blockquote>
+<ul><li><a href="https://fr.wikipedia.org/wiki/Edward_Snowden">Edward Snowden</a>, ancien employé de la CIA et de la NSA. Lanceur d'alerte sur la surveillance de masse.</li></ul>
+<p>Ce droit fondamental se doit donc d'être protégé, et ça tombe bien, cet article est fait pour vous aider à y parvenir.</p>
+<h2>Comment améliorer votre vie privée ?</h2>
+<p>La solution est simple, ne plus utiliser d'outils collectant des données à notre insu. Mais la pratique n'est pas aussi simple malheureusement, et ce, pour plusieurs raisons. La première et non des moindres est l'habitude, en effet, nous avons tous nos petites habitudes avec certains logiciels, certaines suites de logiciels (combien d'entre nous utilisons google tous les jours ?).</p>
+<p>Pour vous aider à vous en rendre compte, faisons un petit jeu, pensez à tous les logiciels que vous utilisez au quotidien, puis pensez aux entreprises qui les possèdent. Dans la majorité des cas, votre réponse tournera autour des GAFAM (Google, Amazon, Facebook, Apple, Microsoft), ces 5 sociétés contrôlent la grande majorité de notre quotidien, et leur point commun ? La gratuité de leurs services. Cette gratuité à un prix, et ce prix, c'est votre vie privée, comme se dit souvent :</p>
+<blockquote>Si c'est gratuit c'est vous le produit.</blockquote>
+<p>En effet, les GAFAM utilisent les données qu'ils collectent pour vous afin de vendre des publicités mieux ciblées, pas pour rien que la <a href="https://www.webrankinfo.com/dossiers/google/resultats-financiers">principale source de revenu de Google</a> est son outil de pubs, Google ads et ses dérivés.</p>
+<p>Ainsi un bon début afin d'améliorer sa vie privée est de se passer des GAFAM, ou de fortement limiter son exposition à ces derniers.</p>
+<p>Et le coup de chance dans tout ça c'est que ces solutions existe, et certaines sont plus vieilles que les GAFAM. Ci-dessous vous trouverez la démarche à suivre afin d'atteindre cette vie privée.</p>
+<h3>Changer sa boite mail et ses comptes</h3>
+<p>La première et plus simple des choses à faire est de changer de boite mail, oui une énième boite mail, mais cette fois c'est pour votre bien. Cette boite mail devra être chez un hébergeur respectueux de la vie privée, il en existe plusieurs <a href="https://proton.me/fr/mail">protonmail</a>, <a href="https://tutanota.com/fr/">tutanota</a>, <a href="https://mailbox.org/en/">mailbox.org</a>, bien sûr, il en existe d'autres plus petits, mais plus Français... Ou vous-même, si vous en avez les compétences et l'envie.</p>
+<p>Une fois cette boite mail créé je vous conseille maintenant d'utiliser un email alias, il s'agit de boite mail redirigeant automatiquement les mails vers votre boite mail principale. Cela vous permettra d'éviter de donnée votre vraie adresse mail et ainsi d'éviter le spam. De plus si une adresse mail se fait spam ou que vous n'en avez plus besoin vous pouvez la supprimer d'un clique.</p>
+<p>Il existe plusieurs entreprises proposant ce style de service <a href="https://simplelogin.io/">simplelogin</a> (appartenant à protonmail), <a href="https://anonaddy.com/">anonaddy</a>, ...</p>
+<p>Une fois votre boite mail et ses alias mise en place, commencé par déplacer vos comptes important sur les alias, et tant qu'à faire utiliser un gestionnaire de mot de passe afin d'avoir un mot de passe fort et propre à chaque compte. Je recommande d'utiliser KeepassXC, c'est juste un fichier chiffré sur votre ordinateur contenant tous vos mots de passes, attention penser bien à le sauvegarder sur un disque dur externe lorsque vous rajouter un nouveau mot de passe. Si vous préférez un gestionnaire de mot de passe moins contraignant, je recommande <a href="https://bitwarden.com/">Bitwarden</a>, ce gestionnaire est sur un serveur et donc accessible depuis n'importe quel navigateur internet (Chrome, Firefox, Safari...). De plus, vous pouvez l'autohéberger.</p>
+<h3>Applications</h3>
+<p>Maintenant que vous avez migré tous vos comptes vers une boite mail plus respectueuse de la vie privée, autant utilisé des applications et services plus respectueux de cette dernière.</p>
+<p>Il existe tellement d'alternatives aux applications et services que vous utilisez aux quotidiens qu'il sera compliqué de tous les lister ici pour cette raison, donc je donnerai seulement quelques alternatives et vous laisse donc vous renseigner pour le reste.</p>
+<ul><li>Pour la suite office, il existe la suite <a href="https://www.openoffice.org/fr/Produits/">open office</a>, ils sont suffisamment puissants pour aisemment remplacer vos habitudes.</li>
+<li>Pour le client mail, je vous conseille <a href="https://www.thunderbird.net/fr/">thunderbird</a>, et pour le navigateur je vous conseille d'utiliser <a href="https://www.mozilla.org/fr/firefox/new/">Firefox</a>.</li>
+<li>Pour remplacer le google play store, je vous conseille d'utiliser <a href="https://f-droid.org/fr/">F-Droid</a> un store mettant en avant que des applications respectants libre et open source, et vous permet de savoir si ces applications contiennent des trackers. Et pour une vraie alternative du google play store il y a <a href="https://auroraoss.com/">Aurora store</a> un google play store sans compte qui vous permet d'éviter le tracking de google sur son store.</li></ul>
+<p>Afin de trouver plus de logiciel respectueux de la vie privée, je vous conseille l'excellent <a href="https://framalibre.org/">annuaire de Framalibre</a>.</p>
+<p>Si tout du moins vous êtes obligés de garder certaines applications peu respectueuses de la vie privée (Youtube, Instagram, Reddit..), plusieurs solutions s'offrent à vous.</p>
+<ul><li>La première est d'utiliser le navigateur, combiné avec les bonnes extensions qui bloquent les pubs et les traqueurs, votre vie privée sera mieux protégés qu'en utilisant les applications de base (truffés de traqueurs et ayant accès à tout votre téléphone, contact, fichiers, localisation..)..</li>
+<li>La deuxième, utilisé des applications proxy, un intermédiaire qui permet de vous protéger, ce sont des applications qui permettent d'accéder aux services tout en respectant votre vie privée. Et parfois sans avoir besoin d'utiliser un compte. Le paradis, non ? Par exemple pour Youtube il existe <a href="https://newpipe.net/">NewPipe</a>, pour Reddit - Infinity.. Pour tiktok, instagram, pinterest il en existe aussi.</li></ul>
+<h3>Systèmes d'exploitations</h3>
+<p>Les deux parties précédentes peuvent se faire du jour au lendemain, cela demandera peut-être un petit temps d'adaptation le temps de s'habituer aux nouvelles interfaces, mais rien de plus. Changer de système d'exploitation c'est comme changer de vélo ou de voiture, ça reste globalement la même chose mais l'ergonomie, le design, les fonctionnalités peuvent être différentes. Si vous êtes débutant je vous conseil de vous faire aider pour la partie qui va suivre, des vidéos youtube, des amis / collègues peuvent aider..</p>
+<p>La première chose à faire est de décider vers quel système d'exploitation se tourner. Je pense que vous connaissez probablement les 3 grandes familles, Windows, Linux et Mac-OS, mais il en existe plein d'autres.</p>
+<p>De plus, sous Linux il existe plein de "distributions" qui ont toutes un but et une utilité différente. Chacun à ses préférences, et générallement pour les débutants il est recommandé de commencer avec <a href="https://www.ubuntu-fr.org/">Ubuntu</a>. Je vous recommande aussi de lire <a href="https://www.privacyguides.org/fr/os/linux-overview/">l'excellent guide privacyguides.org</a> sur les systèmes d'exploitations linux.</p>
+<p>Une fois ce choix réalisé il vous faudra télécharger l'ISO (le fichier d'installation du système d'exploitation), l'installer sur une clé USB (appelé clé bootable) avec des logiciels comme <a href="https://rufus.ie/fr/">Rufus</a> ou <a href="https://www.balena.io/etcher">Balena Etcher</a>, puis installer ce système d'exploitation. Comme dit précédemment si vous n'avez aucune idée de comment faire cela pas de panique il existe des milliers de tuto pour chaque système d'exploitation et distributions sur comment les installer.</p>
+<p>Une fois votre installation réussie, plus qu'à ajouter vos logiciels respectueux de la vie privée favoris, et voilà bienvenue dans le monde de la vie privée. Si vous faites bien attention, votre vie privée sera entre de bonne main, et non celle des GAFAM. <i></i>Attention<i></i>, cela ne fait pas de vous quelqu'un d'anonyme ni d'invisible sur internet pour autant, les services de renseignement seront toujours capables de récolter et avoir des informations sur vous, mais moins facilement et en moins grande quantité.</p>
+<h3>Logiciels</h3>
+<p>Maintenant que nous avons notre système d'exploitation respectueux de la vie privée mis en place, il nous faut trouver des applications qui la respecte aussi. Pour cela, le plus simple est de partir des applications que vous utilisez au quotidien, et de les lister.</p>
+<p>De cette liste vous pourrez aller chercher des alternatives libres et open source sur des sites spécialisés, comme <a href="https://framalibre.org/">Framalibre</a> (à privilégier) ou <a href="https://alternativeto.net/">Alternativeto</a>.</p>
+<p>Une fois que vous avez trouvé des alternatives, regardé les fonctionnalités qu'elles proposent et si elles vous correspondent, sinon essayer de trouver une autre alternative. Ou deux alternatives qui combiner ensemble peuvent en remplacer une.</p>
+<p>Puis je vous invite aussi à jeter un coup d'oeil du côté de <a href="https://www.privacyguides.org/fr/tools/">privacyguides.org</a> qui ont une bonne liste de recommandations de logiciels.</p>
+<h3>Sauvegarde et données</h3>
+<p>Une dernière bonne pratique est de sauvegarder tout ce que vous avez fait / configurer. Voir même si vous en avez l'envie et les compétences d'automatiser la remise en place de ce système. Pratique en cas de perte / vol de votre ordinateur de savoir qu'en 5 minutes vous retrouvez le même environnement que vous avez tous les jours sur un autre ordinateur sans le moindre effort, non ?</p>
+<p>Pour cela il vous faudra effectuer des sauvegardes hebdomadaire, sur un disque dur externe et non dans le cloud (ne gâchons pas tout ce travail sur la vie privée pour tout stockée chez un GAFAM..).</p>
+<p>Pour plus d'informations sur les sauvegardes et comment en réaliser proprement je vous redirige vers mon <a href="">article</a> sur ce sujet.</p>
+<h3>Conclusion</h3>
+<p>Si vous avez appliqué ces conseils, vous avez maintenant un environnement plus respectueux de votre vie privée, <i></i>attention<i></i> cela ne vous rend pas anonyme pour autant, pour cela il faudrait supprimer votre empreinte numérique et c'est une autre histoire, je ferais probablement un article dessus dans le futur.</p>
+<p>J'espère que cet article vous aura servi de porte d'entrée dans le monde de la conscience numérique et l'importance de la vie privée sur internet.</p>
+<p>Si vous en avez les moyens, je vous recommande d'aller soutenir <a href="https://framasoft.org/fr/">Framasoft</a>, une super organisation qui aide à contribuer à une société empreinte de justice sociale où le numérique permet aux humain·es de s’émanciper, à contre-courant des imaginaires du capitalisme de surveillance.</p>
+<p>Si vous voulez avoir plus de ressources je vous mets quelques liens ci-dessous.</p>
+<p>Merci de m'avoir lu, pour ne pas rater d'article je vous recommande de suivre mon flux RSS, c'est libre et respectueux de votre vie privée :)</p>
+<h3>Approfondir le sujet</h3>
+<ul><li><a href="https://framasoft.org/fr/">Framasoft</a> association qui aide les personnes à être plus libre sur internet, héberge et développe pas mal d'alternative au GAFAM.</li>
+<li><a href="https://www.privacyguides.org/fr/">PrivacyGuides</a> un site web qui guide les personnes sur les bonnes pratiques et bonnes utilisations pour maintenir votre vie privée.</li>
+<li><a href="https://www.reddit.com/r/PrivacyGuides/">Le reddit de privacyGuides</a> discussion des sujets, demande / aides / conseils sur la vie privée.</li>
+<li><a href="https://www.reddit.com/r/degoogle/">Le reddit de degoogle</a> discussion / conseils / aides pour se dégoogliser.</li>
+<li><a href="https://www.reddit.com/r/privacy/">Le reddit de privacy</a> pour avoir des news sur le sujet.</li></ul>
+<h3>Ressources en Anglais</h3>
+<p>Les ressources suivantes sont en anglais, j'essaye de privilégier les ressources Françaises, mais vous trouverez plus de contenus en Anglais.</p>
+<ul><li><a href="https://www.techlore.tech/">Le site de Techlore</a> un youtubeur qui a fait de la vie privée sa marque de fabrique, une sorte de youtubeur tech mais pour la vie privée.</li>
+<li><a href="https://www.youtube.com/channel/UCs6KfncB4OV6Vug4o_bzijg">La chaine youtube de Techlore</a></li>
+<li><a href="https://www.privacyguides.org/">PrivacyGuides</a> bien que le site existe en français de nombreux articles ne sont pas encore traduits et peuvent être intéressants à lire.</li></ul>
+
+        </article>
+    </main>
+    <hr>
+    <footer>
+        <p>Contactez-moi pour toute question ou discussion, je répond assez vite en général.</p>
+        <div>
+            <a class="matrix" href="https://matrix.to/#/@oxbian:matrix.org">Matrix</a>
+            <a class="mastodon" href="https://social.linux.pizza/@Oxbian">Mastodon</a>
+            <a class="mail" href="mailto:oxbian.noch@simplelogin.com">Mail</a>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/pages/how-to-read.html b/pages/how-to-read.html
new file mode 100644
index 0000000..259cc47
--- /dev/null
+++ b/pages/how-to-read.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="">
+    <meta property="og:title" content="Comment lire ce blog ?">
+    <meta property="og:type" content="article" >
+    <meta property="og:article:author" content="Oxbian">
+    <meta property="og:article:published_time" content="" >
+    <meta property="og:image" content="$IMAGE_PREVIEW" >
+    <title>Comment lire ce blog ?</title>
+    <link rel="alternate" href="../atom.xml" type="application/atom+xml" title="RSS">
+    <link rel="stylesheet" href="../assets/css/style.css">
+    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon">
+</head>
+<body>
+    <header>
+        <div class="navbar">
+            <a href="../index.html">Accueil</a>
+            <a href="../pages/how-to-read.html">Comment lire ce blog ?</a>
+            <a href="../pages/about.html">À Propos</a>
+        </div>
+    </header>
+    <main>
+        <article>
+            <h1>Comment lire ce blog ?</h1>
+            <p>Ce blog a pour but de transmettre des connaissances que tout le monde devrait avoir. Elles touchent divers domaines (nutrition, sport, hygiène, informatique…).</p>
+<p>Ces connaissances ont pour but de vous aider à acquérir les bonnes pratiques dans des choses de votre quotidien.</p>
+<p>Lorsque j'écris un article sur ce blog, je me base sur mon expérience personnelle ainsi que des recherches sur le domaine. Je ne suis pas un expert loin de là (même si dans l'informatique je pense avoir assez d'expérience pour donner de bons conseils), donc ne prenez pas ces articles pour paroles d'évangile.</p>
+<p>C'est pourquoi je vous invite à pratiquer les bonnes pratiques de l'information, c'est-à-dire vérifier les sources, croiser les informations, et vous faire votre propre opinion.</p>
+<p>De plus, j'essaierai de mettre le plus possible les sources ayant servi à l'écriture de mes articles ainsi que des communautés / ressources permettant de pousser le sujet plus loin si vous le souhaitez.</p>
+<p>Si vous avez des questions ou souhaitez discuter d'un article, vous pouvez la room matrix ou m'envoyer un mail, vous y serez accueilli chaleureusement.</p>
+<p>Si vous êtes expert ou bon connaisseur du sujet, et que vous souhaitez apporter une modification, vous pouvez faire un pull request sur le github du projet ou venir sur la room matrix / mes mails afin de m'en faire part.</p>
+<p>Bonne lecture et bon apprentissage.</p>
+
+        </article>
+    </main>
+    <hr>
+    <footer>
+        <p>Contactez-moi pour toute question ou discussion, je répond assez vite en général.</p>
+        <div>
+            <a class="matrix" href="https://matrix.to/#/@oxbian:matrix.org">Matrix</a>
+            <a class="mastodon" href="https://social.linux.pizza/@Oxbian">Mastodon</a>
+            <a class="mail" href="mailto:oxbian.noch@simplelogin.com">Mail</a>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/readme.md b/readme.md
index d255f1f..907ef15 100644
--- a/readme.md
+++ b/readme.md
@@ -8,6 +8,18 @@ Cette page html est ajouté automatiquement à la page d'accueil de votre blog.
 
 De plus un fichier xml est créer pour générer le flux atom / RSS.
 
-# Crédits
+## Génération des fichiers
+
+Afin de générer les fichiers html et le feed atom, il vous faudra aller dans le dossier tools, puis `python3 page-generator.py`.
+Cela devrait générer le fichier index, le feed atom et les différentes pages des articles.
+
+## Crédits
 
 Ce projet m'a été inspiré par le [générateur de blog](https://git.sr.ht/~lioploum/ploum.net) de [Ploum](https://ploum.net), merci à lui pour son travail remarquable.
+
+## TODO:
+
+- Afficher les pages par date d'ajout dans l'index
+- échapper les caractères spéciaux en HTML
+- changer le css plus un truc un peu plus sympa
+- autheur de la citation
diff --git a/tools/index_template.html b/tools/index_template.html
index 9efa788..fab5a2d 100644
--- a/tools/index_template.html
+++ b/tools/index_template.html
@@ -9,9 +9,9 @@
     <meta property="og:type" content="article">
     <meta property="og:article:author" content="Oxbian">
     <title>Blog d'Oxbian</title>
-    <link rel="alternate" href="../atom.xml" type="application/atom+xml" title="RSS">
-    <link rel="stylesheet" href="../assets/css/style.css">
-    <link rel="shortcut icon" href="../assets/favicon/favicon.ico" type="image/x-icon">
+    <link rel="alternate" href="atom.xml" type="application/atom+xml" title="RSS">
+    <link rel="stylesheet" href="assets/css/style.css">
+    <link rel="shortcut icon" href="assets/favicon/favicon.ico" type="image/x-icon">
 </head>
 <body>
     <header>
diff --git a/tools/page-generator.py b/tools/page-generator.py
index bde61a0..1257a73 100644
--- a/tools/page-generator.py
+++ b/tools/page-generator.py
@@ -1,7 +1,7 @@
 import os
 
 articles_path = 'articles/'
-generate_path = 'archives/'
+generate_path = 'pages/'
 atom_content = ""
 index_content = "<h2>Articles</h2><ul>"
 
@@ -41,53 +41,67 @@ def parsemd(filename):
         # Vérifie si on est dans une citation
         elif line.startswith(">"):
             if inquote:
-                content['content'] += "</blockquote>\n"
-            
-            content['content'] += "<blockquote>" + line.lstrip("> ")
-            inquote = True
+                content['content'] += parseline(line.lstrip("> "))
+            else: 
+                content['content'] += "<blockquote>" + parseline(line.lstrip("> "))
+                inquote = True
 
         # Vérifie si on est dans un listing
         elif line.startswith("-"):
             if inul:
                 content['content'] += "</li>\n"
-                content['content'] += "<li>" + line.lstrip("- ")
+                content['content'] += "<li>" + parseline(line.lstrip("- "))
             else:
-                content['content'] += "<ul><li>" + line.lstrip("- ")
+                content['content'] += "<ul><li>" + parseline(line.lstrip("- "))
                 inul = True
         
         # Vérifie si on est dans un titre
         elif line.startswith("###"):
-            content['content'] += "<h3>" + line.lstrip("# ") + "</h3>\n"
+            content['content'] += "<h3>" + parseline(line.lstrip("# ")) + "</h3>\n"
         elif line.startswith("##"):
-            content['content'] += "<h2>" + line.lstrip("# ") + "</h2>\n"
+            content['content'] += "<h2>" + parseline(line.lstrip("# ")) + "</h2>\n"
         elif line.startswith("#"):
-            content['title'] += line.lstrip("# ")
+            content['title'] += parseline(line.lstrip("# "))
 
         # Sinon, on est dans un paragraphe
         elif line != " " and line != "":
-            # Vérifie si on a des italiques ou gras
-            while '*' in line:
-                line = line.replace('*', '<i>', 1)
-                line = line.replace('*', '</i>', 1)
-            while '**' in line:
-                line = line.replace('**', '<b>', 1)
-                line = line.replace('**', '</b>', 1)
-            
-            # Vérifie si on a des images
-            while '![' in line and ']' in line:
-                title = line.split(']')[0].split('[')[1]
-                link = line.split(']')[1].split('(')[1].split(')')[0]
-                line = line.replace('![' + title + '](' + link + ')', '<img src="' + link + '" alt="' + title + '"/>')
-            
-            # Vérifie si on a des liens
-            while '[' in line and ']' in line:
-                title = line.split(']')[0].split('[')[1]
-                link = line.split(']')[1].split('(')[1].split(')')[0]
-                line = line.replace('[' + title + '](' + link + ')', '<a href="' + link + '">' + title + '</a>')
-            content['content'] += "<p>" + line + "</p>\n"
+            content['content'] += "<p>" + parseline(line) + "</p>\n"
+    # Vérification que chaque balise est bien fermée
+    if inquote:
+        content['content'] += "</blockquote>\n"
+        inquote = False
+
+    if inul:
+        content['content'] += "</li></ul>\n"
+        inul = False
+        
+    if inpre:
+        content['content'] += "</code></pre>\n"
+        inpre = False
     return content
             
-    
+def parseline(line):
+    # Vérifie si on a des italiques ou gras
+    while '*' in line:
+        line = line.replace('*', '<i>', 1)
+        line = line.replace('*', '</i>', 1)
+    while '**' in line:
+        line = line.replace('**', '<b>', 1)
+        line = line.replace('**', '</b>', 1)
+
+    # Vérifie si on a des images
+    while '![' in line and ']' in line:
+        title = line.split(']')[0].split('[')[1]
+        link = line.split(']')[1].split('(')[1].split(')')[0]
+        line = line.replace('![' + title + '](' + link + ')', '<img src="' + link + '" alt="' + title + '"/>')
+            
+    # Vérifie si on a des liens
+    while '[' in line and ']' in line:
+        title = line.split(']')[0].split('[')[1]
+        link = line.split(']')[1].split('(')[1].split(')')[0]
+        line = line.replace('[' + title + '](' + link + ')', '<a href="' + link + '">' + title + '</a>')
+    return line
+
 def md2html(filename):
     content = parsemd(filename) # Contenu parsé de notre fichier markdown
     template = open('page_template.html', 'r').read()
@@ -139,4 +153,4 @@ if __name__=="__main__":
         print("Génération du fichier RSS / Atom")
         generateAtom()
         print("Génération de l'index")
-        updateIndex()
\ No newline at end of file
+        updateIndex()
diff --git a/tools/page_template.html b/tools/page_template.html
index aada517..871d433 100644
--- a/tools/page_template.html
+++ b/tools/page_template.html
@@ -28,13 +28,14 @@
             $CONTENT
         </article>
     </main>
+    <hr>
     <footer>
         <p>Contactez-moi pour toute question ou discussion, je répond assez vite en général.</p>
-        <ul class="contact">
-            <li><a class="matrix" href="https://matrix.to/#/@oxbian:matrix.org">Matrix</a></li>
-            <li><a class="mastodon" href="https://social.linux.pizza/@Oxbian">Mastodon</a></li>
-            <li><a class="mail" href="mailto:oxbian.noch@simplelogin.com">Mail</a></li>
-        </ul>
+        <div>
+            <a class="matrix" href="https://matrix.to/#/@oxbian:matrix.org">Matrix</a>
+            <a class="mastodon" href="https://social.linux.pizza/@Oxbian">Mastodon</a>
+            <a class="mail" href="mailto:oxbian.noch@simplelogin.com">Mail</a>
+        </div>
     </footer>
 </body>
 </html>