diff options
Diffstat (limited to 'blueprint')
| -rw-r--r-- | blueprint/assets/css/charpente.css | 4 | ||||
| -rw-r--r-- | blueprint/assets/images/LICENSE.md (renamed from blueprint/assets/images/LICENCE) | 0 | ||||
| -rw-r--r-- | blueprint/index.html | 140 |
3 files changed, 143 insertions, 1 deletions
diff --git a/blueprint/assets/css/charpente.css b/blueprint/assets/css/charpente.css index f464e07..9af3c6e 100644 --- a/blueprint/assets/css/charpente.css +++ b/blueprint/assets/css/charpente.css @@ -5,7 +5,9 @@ * Contient le CSS structurel, se veut réutilisable. */ - +/** + * Grid + */ /** diff --git a/blueprint/assets/images/LICENCE b/blueprint/assets/images/LICENSE.md index 029432a..029432a 100644 --- a/blueprint/assets/images/LICENCE +++ b/blueprint/assets/images/LICENSE.md diff --git a/blueprint/index.html b/blueprint/index.html index b7f8e1a..2c20702 100644 --- a/blueprint/index.html +++ b/blueprint/index.html @@ -13,7 +13,147 @@ </head> <body> + <nav> + <a href="#" class="home"><h1>Deuxfleurs</h1></a> + <ul> + <li> + <a href="#">Documentation</a> + </li> + <li> + <a href="#">Blog</a> + </li> + <li> + <a href="#">Mon compte</a> + </li> + </ul> + </nav> + + <header> + <img + src="assets/images/illustration-ronce_1200x765px.png" + alt="Un blaireau fait découvrir la cabane dans les arbres à son amie la souris"> + + <p> + Nous sommes un hébergeur associatif expérimental.<br> + Avec nos machines et nos logiciels, nous voulons créer un numérique plus sobre et humain.<br> + <em>Sortez des sentiers battus avec nous !</em> + </p> + </header> + + <main> + <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"> + <section> + <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> + <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> + <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"> + <figure> + <img src=""> + <figcaption> + <h4>Esther</h4> + Magicienne des images + </figcaption> + </figure> + + <figure> + <img src=""> + <figcaption> + <h4>Quentin</h4> + Bidouilleur d'ordinateurs + </figcaption> + </figure> + + <figure> + <img src=""> + <figcaption> + <h4>Adrien</h4> + Généraliste + </figcaption> + </figure> + + <figure> + <img src=""> + <figcaption> + <h4>Maximilien</h4> + Ordinateurologue + </figcaption> + </figure> + + <figure> + <img src=""> + <figcaption> + <h4>Alex</h4> + Bâtisseur d'empires + </figcaption> + </figure> + </div> + </section> + </main> + + <footer> + <p>Brodé avec amour par Deuxfleurs.</p> + + <p>Il y a sans doute un copyright.</p> + </footer> </body> </html>
\ No newline at end of file |