added skeleton of the site
This commit is contained in:
parent
7b871c8224
commit
9a1f9063ea
7 changed files with 145 additions and 2 deletions
|
|
@ -5,7 +5,9 @@
|
||||||
* Contient le CSS structurel, se veut réutilisable.
|
* Contient le CSS structurel, se veut réutilisable.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Grid
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
|
||||||
|
|
@ -13,7 +13,147 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<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>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -1 +1 @@
|
||||||
Subproject commit bb0e008ea29e7d026babcef8e7a2bb708d844469
|
Subproject commit a418d3037177a70c6a83f0d543c780a2559126d1
|
||||||
1
ronce/LICENSE.md
Normal file
1
ronce/LICENSE.md
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
illustration-ronce is not free of rights.
|
||||||
Loading…
Reference in a new issue