Services, style
This commit is contained in:
parent
ca35d13fb3
commit
c6a10c5c96
GPG key ID:
3504BC6D362F7DCA
7 changed files with 80 additions and 39 deletions
|
|
@ -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 ?</span>
|
||||
|
||||
<div class="process-title"><span>Autonomisation de l'infrastructure réseau</span></div>
|
||||
|
|
|
|||
|
|
@ -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."
|
||||
|
|
|
|||
|
|
@ -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 :
|
||||
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 :
|
||||
|
||||
* <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 : 5W</td>
|
||||
<td class="prices-power">Conso : 10W</td>
|
||||
<td class="prices-power">Conso : ≥60W</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
* 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 :
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in a new issue