5 files changed, 81 insertions, 0 deletions

diff --git a/src/._layout.pug.swp b/src/._layout.pug.swp
new file mode 100644
index 0000000..be34817
--- /dev/null
+++ b/src/._layout.pug.swp
diff --git a/src/.documentation.pug.swp b/src/.documentation.pug.swp
new file mode 100644
index 0000000..c3ff08b
--- /dev/null
+++ b/src/.documentation.pug.swp
diff --git a/src/_layout.pug b/src/_layout.pug
new file mode 100644
index 0000000..37d269a
--- /dev/null
+++ b/src/_layout.pug
@@ -0,0 +1,23 @@
+block root
+  doctype html
+  head
+    meta(charset='utf-8')
+    title 💮💮 deuxfleurs - #{title}
+    link(rel="stylesheet", href="css/main.css")
+  header
+    .container
+      .menu-item
+        a(href='index.html') 
+          strong deuxfleurs 
+        img(src='img/flower.svg' width='38')
+        img(src='img/flower.svg' width='38')
+      .menu-item
+        a(href='https://guichet.deuxfleurs.fr') compte
+        span  |  
+      .menu-item
+        a(href='documentation.html') doc
+        span  |  
+      h1 #{title}
+  main
+    block content
+
diff --git a/src/documentation.pug b/src/documentation.pug
new file mode 100644
index 0000000..a9a70f0
--- /dev/null
+++ b/src/documentation.pug
@@ -0,0 +1,9 @@
+extends _layout.pug
+
+prepend root
+  - title = "documentation"
+
+block content
+  .container.spacing
+    h2 Bientôt...
+
diff --git a/src/index.pug b/src/index.pug
new file mode 100644
index 0000000..b2fb145
--- /dev/null
+++ b/src/index.pug
@@ -0,0 +1,49 @@
+extends _layout.pug
+
+prepend root
+  - title = "deuxfleurs"
+
+block content
+  .container.spacing
+    .chapeau ⇨ protège votre vie privée
+    .chapeau ⇨ défend vos libertés et vos droits
+    .chapeau ⇨ ne vous manipule pas
+    .chapeau ⇨ promeut la sobriété numérique pour protéger la planète
+
+    section.spacing
+      h2 nos services permettent de
+      .list
+        a.service-box.spacing(href='https://riot.deuxfleurs.fr')
+          div(style='font-size: 80px') 💬
+          h3 discuter
+        a.service-box.spacing(href='https://cloud.deuxfleurs.fr')
+          div(style='font-size: 80px') 🔒
+          h3 sauvegarder vos documents
+        a.service-box.spacing(href='https://sogo.deuxfleurs.fr')
+          div(style='font-size: 80px') 📨
+          h3 envoyer des emails
+        a.service-box.spacing(href='https://p.adnab.me')
+          div(style='font-size: 80px') 📄
+          h3 collaborer
+        a.service-box.spacing(href='documentation.html#site')
+          div(style='font-size: 80px') 🌐
+          h3 créer votre site
+        a.service-box.spacing(href='https://git.deuxfleurs.fr')
+          div(style='font-size: 80px') 💻
+          h3 coder
+        br
+
+    section.spacing
+      h2 internet est politique
+      :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).
+
+    section.spacing
+      h2 nous sommes une association collégiale
+    section.spacing
+      h2 nous rejoindre
+      p
+        | Si vous connaissez un membre de l'association, contactez le directement.  
+        br
+        | Sinon, vous pouvez nous écrire à coucou<img src="img/arobase.png" height="15"/>deuxfleurs.fr.
+