3 files changed, 25 insertions, 13 deletions

diff --git a/src/css/main.css b/src/css/main.css
index 9a8830c..139154f 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -94,6 +94,16 @@ h5 { font-size: 1.25rem }
 h6 { font-size: 1.10rem }
 section, p, ul, ol { margin-bottom: 1rem }
 ul, ol { padding-left: 1.5em }
+img { 
+  border-radius: 0.5rem;
+  box-shadow: 0px 0px 30px rgba(31,38,103,0.2); 
+  margin: 0.5rem;
+}
+img.simple {
+  border-radius: 0px;
+  box-shadow: none;
+  margin: 0px;
+}
 
 /*
  * UTILS
diff --git a/src/img/flower.png b/src/img/flower.png
new file mode 100644
index 0000000..3e3841e
--- /dev/null
+++ b/src/img/flower.png
diff --git a/src/index.pug b/src/index.pug
index e6910d3..6520051 100644
--- a/src/index.pug
+++ b/src/index.pug
@@ -4,14 +4,11 @@ prepend root
   - title = "deuxfleurs"
 
 block content
-  section.no_mobile
-    h3 ⇨ protège votre vie privée
-    h3 ⇨ défend vos libertés et vos droits
-    h3 ⇨ ne vous manipule pas
-    h3 ⇨ promeut la sobriété numérique
+  section
+    img(style="width: 100%; margin:-0.5rem;", src="/img/flower.png")
 
   section
-    h2 nos services éthiques
+    h2 # nos services
     section
       a.service-box.left(href='/Guide/Discussion.html')
         div(style='font-size: 80px; height: 120px') 💬
@@ -35,19 +32,24 @@ block content
         div(style='font-size: 80px; height: 120px') 💻
         h5 code
 
-    p ⚠️  Vous devez être membre pour utiliser ces services. 
-      a(href="#nous-rejoindre") Nous rejoindre.
+    p ⚠️  Vous devez être membre pour utiliser ces services.  Faisons connaissance d'abord 👇
    
   section
-    h2 contre les dérives du numérique
-    :markdown-it(linkify)
-      L'IETF, l'organisme en charge de la standardisation d'internet, reconnait que les choix technologiques ont un impact sur les droits de l'homme [[RFC8280]](https://trac.tools.ietf.org/html/rfc8280).
+    h2 # nos valeurs
+   
+    section(style="padding-left:1.5rem")
+      h3 ⇨ protèger notre vie privée
+      h3 ⇨ défendre nos libertés et nos droits
+      h3 ⇨ ne pas se laisser manipuler
+      h3 ⇨ choisir la sobriété numérique
+      h3 ⇨ prendre les décisions ensemble
+      h3 ⇨ mettre en commun nos connaissances et nos infrastructures
 
   section
-    h2(id="nous-rejoindre") construits ensembles
+    h2 # faisons connaissance
     p.spacing Nous fonctionnons actuellement selon un mode de cooptation qui nous permet d'une part de mieux contrôler l'utilisation des ressources et éviter les abus, et d'autre part de créer et garder un contact humain avec nos utilisateurs. 
     p.spacing
       | Si vous connaissez un membre de l'association, contactez le directement pour qu'il vous créer un compte.  
       br
-      | Sinon, vous pouvez nous écrire à coucou<img src="img/arobase.png" height="15"/>deuxfleurs.fr.
+      | Sinon, vous pouvez nous écrire à coucou<img class="simple" src="img/arobase.png" height="15"/>deuxfleurs.fr.