replaced class by id for title css #18
This commit is contained in:
Adrian Rosin
parent
8ffc2f3138
commit
3f74ef0033
|
|
@ -34,7 +34,7 @@ div#jardin p{
|
|||
justify-content:center;
|
||||
}
|
||||
|
||||
h2.infras{
|
||||
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 */
|
||||
|
|
@ -60,7 +60,7 @@ p#txt_infras{
|
|||
grid-area: txt-start 1 / col-sep 1 / txt-end 1 / col-sep 7;
|
||||
}
|
||||
|
||||
h2.outils{
|
||||
h2#outils{
|
||||
background-color: var(--outils);
|
||||
grid-area: title-start 2 / col-sep 1 / title-end 2 / col-sep 12;
|
||||
}
|
||||
|
|
@ -89,7 +89,7 @@ div#txt_outils{
|
|||
grid-area: txt-start 2 / col-sep 1 / txt-end 2 / col-sep 7;
|
||||
}
|
||||
|
||||
h2.valeurs{
|
||||
h2#valeurs{
|
||||
background-color: var(--valeurs);
|
||||
grid-area: title-start 3 / col-sep 1 / title-end 3 / col-sep 12;
|
||||
}
|
||||
|
|
@ -112,7 +112,7 @@ section#liste_valeurs{
|
|||
grid-area: txt-start 3 / col-sep 2 / txt-end 3 / col-sep 10;
|
||||
}
|
||||
|
||||
h2.connaissance{
|
||||
h2#connaissance{
|
||||
background-color: var(--connaissance);
|
||||
grid-area: title-start-contact / col-sep 1 / title-end-contact / col-sep 12;
|
||||
}
|
||||
|
|
@ -237,19 +237,19 @@ div#blog {
|
|||
|
||||
/*Tablettes et petits ordinateurs*/
|
||||
@media (max-width: 1500px) and (min-width: 801px){
|
||||
h2.infras{
|
||||
h2#infras{
|
||||
grid-area: title-start 1 / col-sep 1 / title-end 1 / col-sep 12;
|
||||
}
|
||||
|
||||
h2.outils{
|
||||
h2#outils{
|
||||
grid-area: title-start 2 / col-sep 1 / title-end 2 / col-sep 12;
|
||||
}
|
||||
|
||||
h2.valeurs{
|
||||
h2#valeurs{
|
||||
grid-area: title-start 3 / col-sep 1 / title-end 3 / col-sep 12;
|
||||
}
|
||||
|
||||
h2.connaissance{
|
||||
h2#connaissance{
|
||||
grid-area: title-start-contact / col-sep 1 / title-end-contact / col-sep 12;
|
||||
}
|
||||
|
||||
|
|
@ -374,19 +374,19 @@ div#blog {
|
|||
|
||||
/*Smartphones*/
|
||||
@media (max-width: 800px){
|
||||
h2.infras{
|
||||
h2#infras{
|
||||
grid-area: title-start 1 / col-start / title-end 1 / col-sep 12;
|
||||
}
|
||||
|
||||
h2.outils{
|
||||
h2#outils{
|
||||
grid-area: title-start 2 / col-start / title-end 2 / col-sep 12;
|
||||
}
|
||||
|
||||
h2.valeurs{
|
||||
h2#valeurs{
|
||||
grid-area: title-start 3 / col-start / title-end 3 / col-sep 12;
|
||||
}
|
||||
|
||||
h2.connaissance{
|
||||
h2#connaissance{
|
||||
grid-area: title-start-contact / col-start / title-end-contact / col-sep 12;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -214,10 +214,6 @@ pre.center > a{
|
|||
content: '';
|
||||
}
|
||||
|
||||
h2.infrasLine{
|
||||
display: none;
|
||||
}
|
||||
|
||||
h2 > .decoration:first-of-type:before{
|
||||
content: '______________________________________________________________________\A""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""\A* ';
|
||||
}
|
||||
|
|
|
|||
|
|
@ -489,7 +489,7 @@
|
|||
</div>
|
||||
<p>Fabriquons un internet convivial ⤵</p>
|
||||
</div>
|
||||
<h2 class="infras"><span class="decoration" aria-hidden="true"></span>Avec nos propres infrastructures<span class="decoration" aria-hidden="true"></span></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 class="outils"><span class="decoration" aria-hidden="true"></span>Avec nos services sobres<span class="decoration" aria-hidden="true"></span></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">
|
||||
<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 class="valeurs"><span class="decoration" aria-hidden="true"></span>Avec des valeurs fortes<span class="decoration" aria-hidden="true"></span></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 src="./ronce.webp" loading="lazy" 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 class="connaissance"><span class="decoration" aria-hidden="true"></span>Faisons connaissance<span class="decoration" aria-hidden="true"></span></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 style="text-decoration: underline;">coucou[@]deuxfleurs.fr</span>, rejoignez-nous sur le salon Matrix <span style="text-decoration: underline;">#deuxfleurs:deuxfleurs.fr</span> ou rencontrez-nous à : </p>
|
||||
|
|
|
|||
Loading…
Reference in New Issue