From ff9e13c7806cb48a18b6496b00276a5e4f8fbc9f Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 20:13:00 +0200
Subject: [PATCH] Add titles, format

---
 templates/contact.html | 78 ++++++++++++++++++++++++------------------
 1 file changed, 45 insertions(+), 33 deletions(-)

diff --git a/templates/contact.html b/templates/contact.html
index 75adcd1..1a845b7 100644
--- a/templates/contact.html
+++ b/templates/contact.html
@@ -15,9 +15,10 @@
           <p>
             Twitter :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
               href="/contact/twitter"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte Twitter, pour le shitposting"
               >@Mylloon</a
             >
           </p>
@@ -26,10 +27,10 @@
           <p>
             Mastodon :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
-              title="Alternative à Twitter"
               href="/contact/mastodon"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte Mastodon, alternative à Twitter, principalement pour l'IT"
               >Mylloon@piaille.fr</a
             >
           </p>
@@ -38,16 +39,18 @@
           <p>
             Discord :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
               href="/contact/discord/user"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte Discord perso"
               >mylloon</a
             >
             et
             <a
-              target="_blank"
-              rel="noopener noreferrer"
               href="/contact/discord/guild"
+              target="_blank"
+              rel="noreferrer"
+              title="Serveur Discord accessible à tous, venez !"
               >mon serveur</a
             >
           </p>
@@ -56,9 +59,10 @@
           <p>
             Reddit :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
               href="/contact/reddit"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte Reddit, sert à rien"
               >mylloon</a
             >
           </p>
@@ -67,9 +71,10 @@
           <p>
             Instagram :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
               href="/contact/instagram"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte Instagram, sert à rien"
               >mylloon</a
             >
           </p>
@@ -78,10 +83,10 @@
           <p>
             Kitsu :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
-              title="Anime tracker"
               href="/contact/kitsu"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte Kitsu pour tracker d'anime/manga/webtoon"
               >Mylloon</a
             >
           </p>
@@ -90,9 +95,10 @@
           <p>
             Steam :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
               href="/contact/steam"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte Steam pour les jeux-vidéos"
               >Mylloon</a
             >
           </p>
@@ -101,9 +107,10 @@
           <p>
             Youtube :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
               href="/contact/youtube"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte YouTube, parfois je poste des vidéos JV ou IT"
               >Mylloon</a
             >
           </p>
@@ -112,9 +119,10 @@
           <p>
             Twitch :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
               href="/contact/twitch"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte Twitch, parfois je stream soit des JV soit du dev"
               >mylloon</a
             >
           </p>
@@ -127,9 +135,10 @@
           <p>
             Github :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
               href="/contact/github"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte GitHub, principalement pour les contributions"
               >Mylloon</a
             >
           </p>
@@ -138,9 +147,10 @@
           <p>
             Gitlab :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
               href="/contact/gitlab"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte Gitlab, sert à rien"
               >Mylloon</a
             >
           </p>
@@ -149,9 +159,10 @@
           <p>
             Codeberg :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
               href="/contact/codeberg"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte Codeberg, pas utilisé mais j'adore Codeberg !"
               >Mylloon</a
             >
           </p>
@@ -160,9 +171,10 @@
           <p>
             Forgejo (mon instance) :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
               href="/contact/forgejo"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte Forgejo, là où il y a tout mes projets, hébergé par mes soins"
               >Anri</a
             >
           </p>
@@ -175,7 +187,6 @@
           <p>
             Mail :
             <a
-              rel="noopener noreferrer me"
               href="mailto:kennel.anri%20at%20tutanota.com"
               title="kennel.anri at tutanota.com"
               >kennel.anri at tutanota.com</a
@@ -186,9 +197,10 @@
           <p>
             Keyoxide :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
               href="/contact/keyoxide"
+              target="_blank"
+              rel="noreferrer me"
+              title="Page Keyoxide, vérifie l'appartenance de la majorité des comptes mentionné ici via GPG"
               >Mylloon</a
             >
           </p>