Migrate to pug

.gitignore

@@ -0,0 +1 @@
+*.html

.webpull

@@ -1 +1,2 @@
 #!/bin/bash
+pug ./src --out ./static

Dockerfile

@@ -1,3 +0,0 @@
-FROM superboum/amd64_webserver:v2
-COPY ./html /srv/http
-

README.md

@@ -1,3 +1,10 @@
 # site
 
 deuxfleurs.fr
+
+## Building
+
+```
+sudo npm install -g pug
+sudo npm install -g jstransformer-markdown-it
+```

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
+

src/documentation.pug

@@ -0,0 +1,9 @@
+extends _layout.pug
+
+prepend root
+  - title = "documentation"
+
+block content
+  .container.spacing
+    h2 Bientôt...
+

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.
+

static/css/main.css

@@ -0,0 +1,78 @@
+@font-face {
+  font-family: "Heroes";
+  src: url('../fonts/texgyreheros-regular.otf') format('truetype');
+}
+* {
+  font-family: Heroes;
+  margin: 0;
+  padding: 0;
+}
+
+header {
+  background-color: #519c60;
+  color: #ffffff;
+  padding: 30px 0px 1px 0px;
+}
+
+h1 {
+  font-size: 5em;
+}
+
+h2 {
+  font-size: 3em;
+}
+
+p {
+  font-size: 1.2em;
+}
+
+.spacing {
+  margin-top: 1em;
+}
+
+header > .container > h1 {
+  margin: 10px 0px -27px 0px;
+}
+
+header > .container > .menu-item {
+  float: right;
+}
+
+header > .container > .menu-item > img {
+  vertical-align: -9px;
+}
+
+header > .container > .menu-item > a,span {
+  font-size: 30px;
+  color: white;
+  text-decoration: none;
+}
+
+.container {
+  padding: 0px 40px 0px 40px;
+}
+
+.chapeau {
+  font-size: 1.8em;
+  font-weight: bold; 
+  line-height: 1.2;
+}
+
+.service-box {
+  color: #000;
+  text-decoration: none;
+  border: 0.2em solid #000;
+  width: 250px;
+  text-align:center;
+  margin-right: 1em;
+  float: left;
+}
+
+.service-box:hover {
+  background-color: #000;
+  color: #fff;
+}
+
+.list > br {
+  clear: both;
+}