Services, style

This commit is contained in:
Pascal Engélibert 2023-04-09 22:50:40 +02:00
parent ca35d13fb3
commit c6a10c5c96
No known key found for this signature in database
GPG Key ID: 3504BC6D362F7DCA
7 changed files with 80 additions and 39 deletions

View File

@ -14,33 +14,6 @@ title = "Librezo"
<span class="slogan1">Reprenez le contrôle de vos données</span>
<span class="slogan2">Solutions libres en auto-hébergement</span>
<div class="services_by_need">
<div class="need_services">
{{ need_box(title="Publier des vidéos") }}
<div class="service_boxes">
{{ service_box(href="https://joinpeertube.org", title="PeerTube", img="/img/solutions/peertube.svg") }}
</div>
</div>
<div class="need_services">
{{ need_box(title="Visioconférence") }}
<div class="service_boxes">
{{ service_box(href="https://bigbluebutton.org", title="BigBlueButton", img="/img/solutions/bigbluebutton.png") }}
{{ service_box(href="https://jitsi.org", title="Jitsi", img="/img/solutions/jitsi.png") }}
</div>
</div>
<div class="need_services">
{{ need_box(title="Partage de fichiers") }}
<div class="service_boxes">
{{ service_box(href="https://framalibre.org/content/jirafeau", title="Jirafeau", img="/img/solutions/jirafeau.png") }}
{{ service_box(href="https://linuxfr.org/news/un-nouveau-logiciel-libre-lufi", title="Lufi", img="/img/solutions/lufi.svg") }}
</div>
</div>
</div>
<span class="slogan2">Et beaucoup, beaucoup d'autres...</span>
<span class="slogan1">Comment ça se passe&#8239;?</span>
<div class="process-title"><span>Autonomisation de l'infrastructure réseau</span></div>

View File

@ -10,7 +10,7 @@ Librezo est un collectif décentralisé, né de la rencontre d'ami·es libristes
</a>
</div>
<div class="team">
<div class="team nn">
{{ team_box(
title = "Étienne Bouché",
place = "Melun",
@ -83,7 +83,7 @@ Librezo est un collectif décentralisé, né de la rencontre d'ami·es libristes
) }}
{{ team_box(
title = "Philippe Lhardy",
place = "Valbonne",
place = "Rennes",
subtitle = "Ingénieur système",
img = "philippe.png",
description = "Militant logiciels libres au sein de l'association linux azur depuis de nombreuses années. A travaillé 20 ans dans le développement de solutions d'administration de sécurité réseau."

View File

@ -14,15 +14,73 @@ LIBREZO vous installe à domicile et configure votre serveur.
## Hébergement en ligne
Si vous préférez ne pas gérer vous-même votre matériel et vos services, c'est votre droit. Vous pourrez trouver votre bonheur chez notre partenaire <a href="https://www.chatons.org/">CHATONS</a> le plus proche de vous&nbsp;:
Si vous préférez ne pas gérer vous-même votre matériel et vos services, c'est votre droit. Vous pourrez trouver votre bonheur chez notre partenaire [CHATONS](https://www.chatons.org/) le plus proche de vous&nbsp;:
* <a href="https://www.ethicit.fr/">ETHICIT</a> à Toulouse
* <a href="https://immae.eu/">IMMAE</a> à Grasse
* <a href="https://distrilab.fr/">DISTRILAB</a> à Montpellier
* <a href="https://paquerette.fr/">PAQUERETTE</a> à Paris
- [ETHICIT](https://www.ethicit.fr/) à Toulouse
- [IMMAE](https://immae.eu/) à Grasse
- [DISTRILAB](https://distrilab.fr/) à Montpellier
- [PAQUERETTE](https://paquerette.fr/) à Paris
## Exemples d'outils possibles
<span class="slogan2">Solutions libres en auto-hébergement</span>
<div class="services_by_need">
<div class="need_services">
{{ need_box(title="Publier des vidéos") }}
<div class="service_boxes">
{{ service_box(href="https://joinpeertube.org", title="PeerTube", img="/img/solutions/peertube.svg") }}
</div>
</div>
<div class="need_services">
{{ need_box(title="Visioconférence") }}
<div class="service_boxes">
{{ service_box(href="https://bigbluebutton.org", title="BigBlueButton", img="/img/solutions/bigbluebutton.png") }}
{{ service_box(href="https://jitsi.org", title="Jitsi", img="/img/solutions/jitsi.png") }}
</div>
</div>
<div class="need_services">
{{ need_box(title="Partage de fichiers") }}
<div class="service_boxes">
{{ service_box(href="https://framalibre.org/content/jirafeau", title="Jirafeau", img="/img/solutions/jirafeau.png") }}
{{ service_box(href="https://linuxfr.org/news/un-nouveau-logiciel-libre-lufi", title="Lufi", img="/img/solutions/lufi.svg") }}
</div>
</div>
</div>
<span class="slogan2">Et beaucoup, beaucoup d'autres...</span>
## Forfaits
<table class="prices">
<thead>
<tr>
<th>Forfait basique</th>
<th>Forfait écolo</th>
<th>Forfait cosy</th>
</tr>
</thead>
<tbody>
<tr>
<td class="prices-description">Votre site sur Raspberry Pi ou équivalent</td>
<td class="prices-description">2 instances sur Raspberry Pi ou équivalent + serveur de sauvegarde</td>
<td class="prices-description">4 instances sur mini-tour amd64 ou équivalent + serveur miroir haute disponibilité</td>
</tr>
<tr>
<td class="prices-price">à partir de 1000€*</td>
<td class="prices-price">à partir de 2000€*</td>
<td class="prices-price">à partir de 3000€*</td>
</tr>
<tr>
<td class="prices-power">Conso&nbsp;: 5W</td>
<td class="prices-power">Conso&nbsp;: 10W</td>
<td class="prices-power">Conso&nbsp;: &ge;60W</td>
</tr>
</tbody>
</table>
&ast; Prix de l'installation selon devis, matériel non inclus.
## Sécurité
Personne, ni nous ni aucun grand groupe, ne peut vous garantir une sécurité totale. Ceux qui le font sont des menteurs. Mais nous pouvons vous faire bénéficier de nos années d'expérience dans le domaine, que ce soit en tant que hackers ou en tant que spécialistes de la cyber-sécurité. Une sécurité totale, non, mais maximale, oui&nbsp;:

View File

@ -38,9 +38,11 @@ main.center {
text-align: center;
}
.narrower {
@media screen and (min-width: 900px) {
.narrower > p, .narrower > ul, .narrower > h1, .narrower > h2, .narrower > h3, .nn {
max-width: 900px;
margin: auto;
margin-left: calc(50% - 450px);
}
}
a, a:visited {

View File

@ -15,7 +15,7 @@
top: 40px;
}
@media (width > 599px) {
@media screen and (width > 599px) {
.client_box {
display: flex;
}
@ -49,7 +49,7 @@
}
}
@media (width < 600px) {
@media screen and (width < 600px) {
.client_box-text {
margin: 0 16px 32px 16px;
}

View File

@ -14,6 +14,10 @@ header {
height: 48px;
}
#header-logo:hover, #header-logo:focus {
filter: drop-shadow(1px 2px 1px $violet);
}
#header-menu ul {
list-style-type: none;
margin: 9px 0 0 0;

View File

@ -39,6 +39,10 @@
max-height: 128px;
}
.service_box-link:hover .service_box-img, .service_box-link:focus .service_box-img {
filter: drop-shadow(0px 0px 4px $violet);
}
.service_box-img_wrap {
width: 128px;
height: 128px;