reoarganised stuff; deleted the charpente submodule; the blueprint folder is now 'lab/top-nav.html'.

author: ADRN <adrien@luxeylab.net> 2021-11-30 13:11:47 +0100
committer: ADRN <adrien@luxeylab.net> 2021-11-30 13:11:47 +0100
commit: ca108192fc7203bbf3864525c538dfde334902ff (patch)
tree: eae17f2ddf177e6f55bb11ec04dfe903a4f49aa1 /lab
parent: 189bf17ee2efcf81200336a71a426dcd5b9eff03 (diff)
download: design-ca108192fc7203bbf3864525c538dfde334902ff.tar.gz
design-ca108192fc7203bbf3864525c538dfde334902ff.zip
3 files changed, 165 insertions, 2 deletions
diff --git a/lab/branches-et-canopee.html b/lab/branches-et-canopee.html
index dfd6df8..cb31a80 100644
--- a/lab/branches-et-canopee.html
+++ b/lab/branches-et-canopee.html
@@ -29,7 +29,7 @@
         </div>
       </nav>
 
-      <img src="assets/images/ronce/illustration-ronce_1200x765px.png">
+      <img src="assets/images/ronce/illustration-ronce-v3_2400x1531px.png">
     </header>
 
     <main>
diff --git a/lab/parallax.html b/lab/parallax.html
index c501962..570aa53 100644
--- a/lab/parallax.html
+++ b/lab/parallax.html
@@ -9,7 +9,7 @@
   <link rel="stylesheet" href="assets/css/chota.min.css">
   <style type="text/css">
   header {
-    background-image: url("assets/images/ronce/illustration-ronce_2400x1531px.png");
+    background-image: url("assets/images/ronce/illustration-ronce-v3_2400x1531px.png");
     position: fixed;
     height: 100vh;
     width: 100vw;
diff --git a/lab/top-nav.html b/lab/top-nav.html
new file mode 100644
index 0000000..a37986f
--- /dev/null
+++ b/lab/top-nav.html
@@ -0,0 +1,163 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+  <meta charset="utf-8" />
+  <meta http-equiv="x-ua-compatible" content="ie=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+  <title>Deuxfleurs</title>
+
+  <link rel="stylesheet" href="assets/css/normalize.css">
+  <!-- <link rel="stylesheet" href="assets/css/chota.css"> -->
+  <link rel="stylesheet" href="assets/css/top-nav.css">
+</head>
+
+<body>
+  <nav class="nav">
+
+    <div class="nav-left">
+      <h1>
+        <a class="home" href="#">Deuxfleurs</a>
+      </h1>
+    </div>
+
+    <div class="nav-right">
+      <ul>
+        <li>
+          <a href="#">Documentation</a>
+        </li>
+        <li>
+          <a href="#">Blog</a>
+        </li>
+        <li>
+          <a href="#">Mon compte</a>
+        </li>
+      </ul>
+    </div>
+  </nav>
+
+  <header>
+    <p>
+      Nous sommes un hébergeur associatif expérimental.<br>
+      Avec nos machines et nos logiciels, <br>
+      nous créons un numérique plus sobre et humain.<br>
+      <em>Sortez des sentiers battus avec nous !</em>
+    </p>
+  </header>
+
+  <main class="container">
+    <section>
+      <h2>Nos services</h2>
+      <p>
+        Aujourd'hui, les grandes plateformes numériques ont pour objectif de maximiser le temps que nous passons dessus, de collecter et recouper des données à notre insu pour nous influencer, de limiter nos possibilités d'expression au-delà du cadre légal et de créer de nouveaux monopoles. Ces effets nous montrent que la technologie n'est pas neutre et a un réel impact sur nos vies.<br><br>
+
+        En choisissant et en hébergeant nos propres services, sans but lucratif ni hégémonique, nous espérons nous affranchir de ces nuisances et préserver nos libertés.<br><br>
+
+        Nous proposons actuellement :
+      </p>
+
+      <figure></figure>
+
+    </section>
+
+    <section>
+      <h2>Nos infrastructures</h2>
+
+      <p>
+        Nous hébergeons nous-même notre infrastructure matérielle.<br>
+        On aime bien le ronronnement des ventilateurs d'ancienne génération.<br>
+        Et ça réchauffe nos soirées d'hiver.
+      </p>
+
+      <figure></figure>
+    </section>
+
+    <section>
+      <h2>Nous rejoindre</h2>
+
+      <p>
+        Nous pensons qu'une personne souhaitant rejoindre un hébergeur indépendant a besoin d'un accompagnement. D'abord parce que nos logiciels sont inhabituels et différents, ensuite parce que nous souhaitons garder le dialogue et si possible vous donner la possibilité de prendre part à nos choix. C'est pourquoi les inscriptions se font par cooptation.
+      </p>
+
+      <div id="niveaux" class="row">
+        <section class="col">
+          <h3>Ami⋅e</h3>
+
+          <p>
+            En tant qu'<em>ami⋅e</em> de l'association, vous avez toute notre affection !<br>
+
+            Et aussi accès à nos salons de discussion, pour qu'on puisse vous exprimer notre amour. Quand même.
+          </p>
+        </section>
+
+        <section class="col">
+          <h3>Membre</h3>
+
+          <p>
+            En tant que <em>membre</em>, vous participez à la vie de l'association, et bénéficiez de tous nos services !
+          </p>
+        </section>
+
+        <section class="col">
+          <h3>Hébergeur⋅euse</h3>
+
+          <p>
+            Les <em>hébergeur⋅euses</em> mettent des ordinateurs à disposition de l'association.<br>
+
+            <q>De grands pouvoirs impliquent de grandes reponsabilités !</q>
+          </p>
+        </section>
+      </div>
+
+      <div id="trombinoscope" class="row">
+        <figure class="col-6 col-3-md">
+          <!-- <img src=""> -->
+          <figcaption>
+            <h4>Esther</h4>
+            Magicienne des images
+          </figcaption>
+        </figure>
+
+        <figure class="col-6 col-3-md">
+          <!-- <img src=""> -->
+          <figcaption>
+            <h4>Quentin</h4>
+            Bidouilleur d'ordinateurs
+          </figcaption>
+        </figure>
+
+        <figure class="col-6 col-3-md">
+          <!-- <img src=""> -->
+          <figcaption>
+            <h4>Adrien</h4>
+            Généraliste
+          </figcaption>
+        </figure>
+
+        <figure class="col-6 col-3-md">
+          <!-- <img src=""> -->
+          <figcaption>
+            <h4>Maximilien</h4>
+            Ordinateurologue
+          </figcaption>
+        </figure>
+
+        <figure class="col-6 col-3-md">
+          <!-- <img src=""> -->
+          <figcaption>
+            <h4>Alex</h4>
+            Bâtisseur d'empires
+          </figcaption>
+        </figure>
+      </div>
+    </section>
+  </main>
+
+  <footer>
+    <p>Brodé avec amour par Deuxfleurs.</p>
+
+    <p class="is-right">Il y a sans doute un copyright.</p>
+  </footer>
+</body>
+</html>
+\ No newline at end of file
author	ADRN <adrien@luxeylab.net>	2021-11-30 13:11:47 +0100
committer	ADRN <adrien@luxeylab.net>	2021-11-30 13:11:47 +0100
commit	ca108192fc7203bbf3864525c538dfde334902ff (patch)
tree	eae17f2ddf177e6f55bb11ec04dfe903a4f49aa1 /lab
parent	189bf17ee2efcf81200336a71a426dcd5b9eff03 (diff)
download	design-ca108192fc7203bbf3864525c538dfde334902ff.tar.gz design-ca108192fc7203bbf3864525c538dfde334902ff.zip