From 395d1f26a2f8520ff9da55921d583f4066e03ff1 Mon Sep 17 00:00:00 2001
From: ache <ache@ache.one>
Date: Fri, 28 May 2021 02:30:30 +0200
Subject: New contact page

---
 contact/index.md      | 56 +++++++++++++++++++++++++++++++++++----------------
 left.m4               |  2 +-
 package.json          |  2 +-
 src/css/_contenu.scss | 12 ++++++-----
 src/css/design.scss   | 11 ++++++++++
 5 files changed, 59 insertions(+), 24 deletions(-)

diff --git a/contact/index.md b/contact/index.md
index 28e4d22..938f642 100644
--- a/contact/index.md
+++ b/contact/index.md
@@ -1,26 +1,48 @@
 
-# Contact
+<dl>
 
-Pour parler d'un projet, d'un article, de programmation,
- de Mathématiques. Si vous voulez me parlez d'un de vos projets
-(personel ou professionel). Discuter de tout et de rien. C'est bien ici !
+<dt>E-mail</dt>
+<dd><a href="mailto:ache@ache.one">ache@ache.one</a>. C'est le moyen privilégié pour me contacter.<br>
+Je m'excuse d'avance si je ne répond pas avant le lendemain, mais c'est généralement le cas.
+</dd>
 
-Je ne répond pas aux questions techniques ; pour cela, je vous redirige vers le forum de [Zeste de Savoir](http://www.zestedesavoir.com)
+<dt>Messageries Instantanées</dt>
+<dd>Uniquement Discord. Je n'apprécie pas être contacter par des inconnus. <a href="https://discordapp.com/users/315268689807147008">ache#0326</a>.</dd>
 
-#### Par e-mail
+<dt>Téléphone</dt>
+<dd>Je n'ai pas de téléphone à proprement parler. J'utilise une carte SIM quelquefois dont je ne souhaite pas partager le numéro.
+</dd>
 
-La méthode la plus simple et la plus efficace.
- Je suis joingnable à l'adresse ci dessous. Je répond généralement dans 
-la journée ou le lendemain. ![Image adresse email](res/contact.png)
+<dt>Réseaux Sociaux</dt>
+<dd>Je n'utilise pas de réseau social. J'ai des comptes abandonnés. <ul><li>Twitter : <a href="https://twitter.com/arobase_che">@arobase_che</a> ;</li> <li>Mastodon: <a href="https://mastodon.xyz/@ache">@mastodon.xyz@ache</a></li><ul></dd>
 
-### À travers le web
 
-Je suis très présent sur [Zeste de Savoir](http://www.zestedesavoir.com).
-J'aime bien passer sur [Project Euler](https://projecteuler.net/progress=ache) m'occuper l'esprit quand j'ai le temps.
-J'ai aussi un [github](https://github.com/arobase-che).
-Un twitter abandonné, [@arobase\_che](https://twitter.com/arobase_che).
-J'aime la décentralisation et quand je peux je m'auto-héberge. Alors je présente aussi mes projets sur mon site [git.ache.one](https://git.ache.one).
-J'évite dès que possible les produits Facebook et Google.
+<dt>IRC</dt>
+<dd>Aucun.</dd>
+
+<dt>PGP</dt>
+<dd>Clé publique associée à mon adresse email: <a href="/res/pgp_ache@ache.one.pub">0xE54A5D8C8D695156</a>.</dd>
+
+</dl>
+
+Sur le web
+---------
+
+Voici une liste de sites que je visite régulièrement :
+
+<div class="flex-img">
+  <a href="https://projecteuler.net">
+    <img src="/res/euler.png" alt="Project Euler">
+  </a>
+  <a href="https://zestedesavoir.com/membres/voir/ache">
+    <img src="/res/ZdS.svg" alt="Zeste de Savoir" class="iimg">
+  </a>
+  <a href="https://git.ache.one">
+    <img src="/res/git.svg" alt="Git" class="iimg">
+  </a>
+  <a href="https://github.com/arobase-che">
+    <img src="/res/github.png" alt="Github" class="iimg">
+  </a>
+</div>
 
-Ah et je suis m'occupe aussi de la communication de Zeste de Savoir (avec d'autres membres). Alors il est possible que je vous réponde si vous contactez [@ZesteDeSavoir](https://twitter.com/ZesteDeSavoir) sur Twitter ou [@ZesteDeSavoir](https://framapiaf.org/@ZesteDeSavoir) sur Mastodon.
 
diff --git a/left.m4 b/left.m4
index 54656e3..600f63c 100644
--- a/left.m4
+++ b/left.m4
@@ -9,7 +9,7 @@ include(s/imgM/acheLogo.svg)
     <ul>
         <li class="sommaire_blien"><a href="/" title="L'accueil">home</a>
         </li><li class="sommaire_blien"><a href="http://git.ache.one/" title="Dépôt git personnel">git</a>
-        </li><li class="sommaire_blien"><a href="/contact/" title="Me contacter">contact</a>
+        </li><li class="sommaire_blien"><a href="/contact/" title="Me contacter">me</a>
         </li>
     </ul>
   </nav>
diff --git a/package.json b/package.json
index 5c6c3ba..af1a234 100644
--- a/package.json
+++ b/package.json
@@ -30,8 +30,8 @@
     "remark-toc": "^7.0.0"
   },
   "devDependencies": {
-    "terser": "^5.5.1",
     "del-cli": "^1.1.0",
+    "terser": "^5.5.1",
     "xo": "^0.23.0"
   },
   "xo": {
diff --git a/src/css/_contenu.scss b/src/css/_contenu.scss
index 54d2990..6497066 100755
--- a/src/css/_contenu.scss
+++ b/src/css/_contenu.scss
@@ -57,11 +57,13 @@ article {
   li p {
     display: inline;
   }
-  li {
-    list-style-type: upper-roman;
-  }
-  li li {
-    list-style-type: lower-roman;
+  ol {
+    li {
+      list-style-type: upper-roman;
+    }
+    li li {
+      list-style-type: lower-roman;
+    }
   }
 
   .footnotes {
diff --git a/src/css/design.scss b/src/css/design.scss
index 6235d8e..f09d695 100755
--- a/src/css/design.scss
+++ b/src/css/design.scss
@@ -57,6 +57,17 @@ body {
   background-repeat: no-repeat;
   background-position: top left;
 }
+.flex-img {
+  display: flex;
+  justify-content: space-evenly;
+  flex-wrap: wrap;
+  align-items: center;
+  align-content: center;
+}
+.iimg {
+  flex-grow: 1;
+  width: 240px;
+}
 .fl {
   float: left;
 }
-- 
cgit v1.2.3