+ Nous sommes une association pour
+ une informatique écologique et humaine,
+ et nous sommes en colère.
+ Nous avons donc pris le maquis.
+
+
+
+
+
+
+
Nous hébergeons
+
+ Celles et ceux qui ont besoin d'outils libres
+ pour discuter, collaborer, s'organiser, se divertir...
+
+
+
+
+
+
+
Sans parasite !
+
+ Toutes nos constructions loufoques
+ sont garanties sans ver espion.
+ Nous préférons le bon goût d'un logiciel bien fait.
+
+
+
+
+
+
+
Infrastructure raisonnée
+
+ On essaye d'héberger nos ordinateurs à la maison.
+ Et c'est pas si facile !
+
+
+
+
+
+
+
Nous créons
+
+ Des logiciels pour améliorer
+ et interconnecter nos cabanes.
+
+
+
+
+
+
+
+
Nous recrutons
+
+
+ Des bâtisseuses de cabanes ou des évadés...
+
+
+
+
+
+
+
+
+
... des mondes d'en bas.
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/draft_site_adrien/README.md b/lab/notes/framework_html.md
similarity index 76%
rename from draft_site_adrien/README.md
rename to lab/notes/framework_html.md
index 0099767..00bdc9a 100644
--- a/draft_site_adrien/README.md
+++ b/lab/notes/framework_html.md
@@ -1,16 +1,7 @@
-# Brouillon du futur site web de Deuxfleurs
-
-> Par Adrien pour commencer. Si ça vous plaît, hésitez pas à contribuer ! Sinon, faites des contre-propositions dans un autre dossier :)
-
-## Features
-
-* Responsive mobile-first design.
-* Un header avec des onglets sur PC et un « menu-sandwich » sur téléphone.
-* Des images envoyées adaptées à la taille des viewports.
-* Des bouts de branches et de canopée qui défilent lors du scroll, contenant des éléments de texte ou autre contenu.
-
## Framework HTML
+__OUTDATED__
+
### Pourquoi ?
Un framework HTML, c'est un include CSS, et parfois du JS. Ca va de Bootstrap/Foundation, qui sont des framworks immenses (avec fonction « carrousel d'images » et une foule de trucs dont on se cogne) à Skeleton/Mini, qui essayent d'être le plus simple possible tout en apportant les fonctionnalités *vitales* à un site web moderne :
@@ -49,18 +40,4 @@ Sources : une recherche web "small html responsive framework" et [Awesome CSS](h
On part sur [mini.css](https://minicss.org/), parce qu'il les features que j'aime, est pas verbeux, bien minifié, et est supporté par des navigateurs assez anciens.
-* Le menu-sandwich s'appelle .
-
-
-## Réflexions sur le style du code
-
-### Semantic HTML
-
-Utiliser des bannières qui donnent du sens au contenu. Cf [W3C Semantic HTML](https://www.w3schools.com/html/html5_semantic_elements.asp).
-
-### Semantic CSS
-
-Le fait de ne pas donner d'éléments de graphisme dans notre markup HTML, mais seulement dans le CSS. Par exemple, mettre une classe "text-center" à un <p> est considéré une mauvaise pratique.
-
-https://adamwathan.me/css-utility-classes-and-separation-of-concerns/
diff --git a/lab/sandbox/assets b/lab/sandbox/assets
new file mode 120000
index 0000000..ec2e4be
--- /dev/null
+++ b/lab/sandbox/assets
@@ -0,0 +1 @@
+../assets
\ No newline at end of file
diff --git a/lab/sandbox/parallax.html b/lab/sandbox/parallax.html
new file mode 100644
index 0000000..f3ab3da
--- /dev/null
+++ b/lab/sandbox/parallax.html
@@ -0,0 +1,70 @@
+
+
+
+
+
+
+ CSS Scrolling Parallax
+
+
+
+
+
+
+
+
Coucou
+
+
+
+
Cute Kitten
+
Bacon ipsum dolor sit amet chicken pork loin hamburger ball tip, swine tenderloin salami meatball boudin tri-tip fatback shank bacon. Pork salami kevin, brisket spare ribs strip steak ham hock porchetta. Pork belly short loin tail porchetta. Pork pig meatball, beef ribs doner jerky tri-tip hamburger filet mignon strip steak ball tip ham tail tongue corned beef.