aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAdrian Rosin <adrian.rosin.etu@univ-lille.fr>2024-02-19 13:40:03 +0100
committerTixie <hello.git.deuxfleurs@tixie.name>2024-06-07 18:11:09 +0000
commit469d165852c384b13302d3a29570078c71742eb1 (patch)
tree6e323ec0667b4ae274812c05c84178e4c416b58d
parent99b6eaae6174e6776c4e320abee7686b98afba70 (diff)
downloadsite-469d165852c384b13302d3a29570078c71742eb1.tar.gz
site-469d165852c384b13302d3a29570078c71742eb1.zip
Merge remote-tracking branch 'origin/feat/UnderlignedTitle'
# Conflicts: # static/css/home.css # static/css/layout.css # static/index.html
-rw-r--r--static/css/home.css1
-rw-r--r--static/css/layout.css19
-rw-r--r--static/index.html8
3 files changed, 17 insertions, 11 deletions
diff --git a/static/css/home.css b/static/css/home.css
index ceb0685..14c753a 100644
--- a/static/css/home.css
+++ b/static/css/home.css
@@ -31,6 +31,7 @@ div#jardin p {
h2#infras {
background-color: var(--infras);
grid-area: title-start 1 / col-sep 1 / title-end 1 / col-sep 12;
+ padding-bottom: 10px; /* Ajoutez de l'espace en dessous du texte */
}
div#rennes {
diff --git a/static/css/layout.css b/static/css/layout.css
index aa1ede3..163f2f1 100644
--- a/static/css/layout.css
+++ b/static/css/layout.css
@@ -32,6 +32,11 @@
}
/* PAR DEFAUT */
+
+h1 > .decoration:last-of-type:before, h2 > .decoration:last-of-type:before{
+ content: '\A____________________________________\A""""""""""""""""""""""""""""""""""""';
+}
+
html, body, main {
margin: 0;
padding: 0;
@@ -220,17 +225,17 @@ pre.center > a {
--small_margin: 5px;
}
- h1:before, h1:after {
+ h1 > .decoration:last-of-type:before {
content: "";
}
- h2:before {
- content: '______________________________________________________________________\A""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""\A* ';
- }
+ h2 > .decoration:first-of-type:before{
+ content: '______________________________________________________________________\A""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""\A* ';
+ }
- h2:after {
- content: ' *\A______________________________________________________________________\A""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""';
- }
+ h2 > .decoration:last-of-type:before{
+ content: ' *\A______________________________________________________________________\A""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""';
+ }
h2, h1 {
font-size: 1rem;
diff --git a/static/index.html b/static/index.html
index d144950..7b95dc7 100644
--- a/static/index.html
+++ b/static/index.html
@@ -489,7 +489,7 @@
</div>
<p>Fabriquons un internet convivial ⤵</p>
</div>
- <h2 id="infras">Avec nos propres infrastructures</h2>
+ <h2 id="infras"><span class="decoration" aria-hidden="true"></span>Avec nos propres infrastructures<span class="decoration" aria-hidden="true"></span></h2>
<div id="rennes" role="img" aria-label="illustration de trois serveurs informatiques rangés dans la bibliothèque d'un salon">
<!--diode qui clignote ?-->
<pre class="center">/¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨\
@@ -721,7 +721,7 @@
\___________`_______________________________________________________`___________/</pre>
</div>
<p id="txt_infras" lang="fr">Nous fournissons des services numériques garantis "sans datacenter". À la place, nous utilisons moins d'une dizaine de vieux ordinateurs reconditionnés à nos domiciles qui peuvent fournir des services numériques à plusieurs dizaines de milliers de personnes. Actuellement ces ordinateurs sont situés à Orsay, Lille et Bruxelles. Nous avons également des machines à Suresnes pour les sauvegardes. <a href="https://guide.deuxfleurs.fr/infrastructures/">En savoir plus</a>. <br><br>Cette infrastructure atypique nous mène à développer de nouveaux logiciels libres. Si vous êtes dans la technique, vous pourriez être intéressé·e par <a href="https://garagehq.deuxfleurs.fr/">Garage</a>, <a href="https://bottin.eu">Bottin</a>, <a href="https://git.deuxfleurs.fr/lx/tricot">Tricot</a>, <a href="https://git.deuxfleurs.fr/Deuxfleurs/diplonat">Diplonat</a> et nos <a href="https://git.deuxfleurs.fr/Deuxfleurs">autres projets</a>.</p>
- <h2 id="outils">Avec nos services sobres</h2>
+ <h2 id="outils"><span class="decoration" aria-hidden="true"></span>Avec nos services sobres<span class="decoration" aria-hidden="true"></span></h2>
<div id="ordinateur" role="img" aria-label="image d'un ordinateur portable et deux fleurs à côté">
<pre class="center" aria-hidden="true">
@@ -847,7 +847,7 @@
<p>Envie de faire entendre votre voix sur Internet ? Nous mettons à disposition plusieurs outils de publication sur le web allant de la plateforme de blog partagée à la publication de sites web en autonomie.</p>
<p>Prenez contact avec nous, nous vous aiderons à identifier les outils dont vous avez besoin et nous vous accompagnerons dans votre transition. ⤵</p>
</div>
- <h2 id="valeurs">Avec des valeurs fortes</h2>
+ <h2 id="valeurs"><span class="decoration" aria-hidden="true"></span>Avec des valeurs fortes<span class="decoration" aria-hidden="true"></span></h2>
<div id="ronce">
<img loading="lazy" src="./ronce.webp" alt="Deux personnages qui regardent et s'avancent vers une maison cabane perchée dans un arbre, illustrant notre envie d'un internet plus éthique.">
</div>
@@ -858,7 +858,7 @@
<p id="liberte">La liberté <span class="description">- eg. permettre à toutes et tous de s'exprimer, respecter la vie privée</span></p>
<p id="suivre"><a href="https://plume.deuxfleurs.fr/timeline/1">Suivez notre actualité, réflexions et analyses sur notre blog Plume</a></p>
</section>
- <h2 id="connaissance">Faisons connaissance</h2>
+ <h2 id="connaissance"><span class="decoration" aria-hidden="true"></span>Faisons connaissance<span class="decoration" aria-hidden="true"></span></h2>
<div id="txt_connaissance">
<p lang="fr">L'accès à nos services est à prix libre. Nous estimons leur coût à 15€/an/compte pour leur maintien en fonctionnement et recommandons le double pour permettre à l'association de se développer. Il est conditionné par les ressources disponibles, à la fois matérielles et humaines.</p>
<p lang="fr">Pour accéder à nos services ou simplement discuter avec nous, écrivez à <span class="underline">coucou[@]deuxfleurs.fr</span>, rejoignez-nous sur le salon Matrix <span class="underline">#deuxfleurs:deuxfleurs.fr</span> ou rencontrez-nous à : </p>