Git/Librezo
1
0
Fork 0
mirror of https://git.librezo.fr/Librezo/website.git synced 2025-04-04 00:34:05 +02:00
Code Issues Packages Projects Releases Wiki Activity

Révision du contenu

Browse Source
This commit is contained in:
tuxmain 2025-03-29 13:04:47 +01:00
parent e90b4caa8a
commit cf06ab0ccf
9 changed files with 91 additions and 135 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
content/_index.md
View File

@ -27,17 +27,15 @@ title = "Librezo"
<a href="/reprenez-le-controle" class="bigbutton2">Reprenez le contrôle ↱</a>
<a href="/logiciel-libre" class="bigbutton2">En savoir plus sur les logiciels libres ↱</a>
<div class="square_boxes nn1400" style="margin-top: 64px;margin-bottom: 64px;">
<div class="square_boxes nn1100" style="margin-top: 64px;margin-bottom: 64px;">
{{ square_box(title="Confidentialité", text="Vos données personnelles le restent") }}
{{ square_box(title="Résilience", text="Récupérez rapidement d'une panne avec des sauvegardes") }}
{{ square_box(title="Souveraineté", text="Reprenez le contrôle de votre infrastructure informatique") }}
{{ square_box(title="Liberté", text="Choisissez, personnalisez&nbsp;: c'est du logiciel libre") }}
{{ square_box(title="Interopérabilité", text="Passez vos données d’un système à l’autre sans contrainte") }}
{{ square_box(title="Accessibilité", text="Des prix honnêtes et des logiciels faciles à prendre en main") }}
{{ square_box(title="Proximité", text="Serveur installé chez vous et suivi assuré") }}
{{ square_box(title="Écologie", text="Ensemble, on cherche la solution adaptée à vos besoins, sans consommation superflue") }}
{{ square_box(title="Savoir-faire", text="Vous êtes en contact direct avec des experts") }}
{{ square_box(title="Solidarité", text="15% de nos bénéfices sont reversés au développement des logiciels utilisés") }}
</div>
<script type="text/javascript" src="/js/square_box.js"></script>
@ -173,14 +171,7 @@ Pour toute structure ou personne qui possède une infrastructure réseau (site I
img = "/img/clients/electrocycle.jpg"
sign = "Cyril D."
) %}
Des pros du libre accessibles et assurant un support d'un grand professionnalisme. Formant une belle communauté efficace et ouverte. Les artisans dont tout client rêve !
{% end %}
{% client_box(
title = "InfoGnuEureka"
href = "https://infognueureka.fr"
img = "/img/clients/ige.jpg"
sign = ""
) %}
Des pros du libre accessibles et assurant un support d'un grand professionnalisme. Formant une belle communauté efficace et ouverte. Les artisans dont tout client rêve !<br/>
Nous co-organisons avec Librezo différentes activités : ateliers changement d'OS de smartphones, Install Party et prochainement des ateliers d'informatique libre . Un vrai bonheur. Toujours dans la convivialité, avec une efficacité ++
{% end %}
</div>

63
content/exemples-services.md Normal file
View File

@ -0,0 +1,63 @@
+++
title = "Services et tarifs"
+++
## Exemples d'outils libres auto-hébergeables
<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 et édition de fichiers") }}
<div class="service_boxes">
{{ service_box(href="https://nextcloud.org", title="NextCloud", img="/img/solutions/nextcloud.svg") }}
{{ service_box(href="https://framalibre.org/content/jirafeau", title="Jirafeau", img="/img/solutions/jirafeau.svg") }}
{{ service_box(href="https://linuxfr.org/news/un-nouveau-logiciel-libre-lufi", title="Lufi", img="/img/solutions/lufi.svg") }}
{{ service_box(href="https://cryptpad.org", title="CryptPad", img="/img/solutions/cryptpad.svg") }}
{{ service_box(href="https://hedgedoc.org", title="HedgeDoc", img="/img/solutions/hedgedoc.svg") }}
</div>
</div>
<div class="need_services">
{{ need_box(title="Gestion & Comptabilité") }}
<div class="service_boxes">
{{ service_box(href="https://www.dolibarr.org", title="Dolibarr", img="/img/solutions/dolibarr.png") }}
{{ service_box(href="https://dokos.io", title="Dokos", img="/img/solutions/dokos.svg") }}
</div>
</div>
<div class="need_services">
{{ need_box(title="Création de site web") }}
<div class="service_boxes">
{{ service_box(href="https://wordpress.org", title="WordPress", img="/img/solutions/wordpress.svg") }}
{{ service_box(href="https://www.spip.net", title="SPIP", img="/img/solutions/spip.png") }}
{{ service_box(href="https://yeswiki.net", title="YesWiki", img="/img/solutions/yeswiki.png") }}
</div>
</div>
<div class="need_services">
{{ need_box(title="Newsletter & liste de mails") }}
<div class="service_boxes">
{{ service_box(href="https://listmonk.app", title="ListMonk", img="/img/solutions/listmonk.svg") }}
{{ service_box(href="https://www.sympa.community", title="Sympa", img="/img/solutions/sympa.png") }}
</div>
</div>
<div class="need_services">
{{ need_box(title="Prise de décisions") }}
<div class="service_boxes">
{{ service_box(href="https://www.loomio.com", title="Loomio", img="/img/solutions/loomio.svg") }}
</div>
</div>
<div class="need_services">
{{ need_box(title="Et beaucoup, beaucoup d'autres...") }}
<div class="service_boxes"></div>
</div>
</div>

19
content/fonctionnement.md
View File

@ -6,25 +6,6 @@ title = "Fonctionnement"
<img style="max-width: 100%" alt="Librezo en pièces détachées" src="/img/drawings/fonctionnement.webp" aria-hidden/>
</div>
<h2 class="title-bar nonarrower" style="margin-top: 64px;">Comment ça se passe&#8239;?</h2>
<h3 class="title-bar2 nonarrower" style="margin-top: 32px;">Autonomisation de l'infrastructure réseau</h3>
<div class="process_boxes">
{{ process_box(number="1", title="Étude", description="Définition du besoin et propositions de solutions adaptées.") }}
{{ process_box(number="2", title="Installation", description="Montage du serveur à domicile et installation du système et des composants logiciels.") }}
{{ process_box(number="3", title="Configuration", description="Réglages sur mesure et configurations de sécurité.") }}
{{ process_box(number="4", title="Acquisition", description="Votre serveur GNU/Linux est prêt et 100% entre vos mains. Tests.") }}
</div>
<h3 class="title-bar2 nonarrower" style="margin-top: 32px;">Accompagnements optionnels</h3>
<div class="process_boxes">
{{ process_box(number="5", title="Accompagnement utilisateur", description="Apprenez en quelques heures à utiliser vos outils.") }}
{{ process_box(number="6", title="Accompagnement administrateur", description="Devenez administrateur-système de votre propre infrastructure (plusieurs semaines).") }}
{{ process_box(number="7", title="Autonomie", description="Vous êtes capable de gérer votre système et vos applications : vous êtes autonome et n'avez plus besoin de tiers de confiance.") }}
</div>
<h2 class="title-bar nonarrower" style="margin-top: 64px;">Avec les client·es</h2>
Le client contacte Librezo pour obtenir un devis.

4
content/rejoignez-nous.md
View File

@ -15,7 +15,3 @@ La condition ? Être en accord avec [la charte de Librezo](/charte) et s'engager
4. liberté de choisir ses protocoles libres pour la prestation;
Notre Collectif est à l'image de notre code: ouvert et transparent. Les nouveaux membres sont toujours les bienvenus: nouvelles compétences, nouvelles idées, nouveaux clients et nouvelles localités...
<div style="text-align:center">
<img style="max-width: 100%" alt="Terrassons l'infâme dragon des géants du web" src="/img/drawings/dragon.webp" aria-hidden/>
</div>

110
content/services/_index.md → content/services.md
View File

@ -8,7 +8,7 @@ title = "Services et tarifs"
## Auto-hébergement
Chaque service informatique en ligne (site web, boîte mail, document partagé, etc.) fonctionne en général sur un ordinateur relié à Internet en permanence, que l'on nomme un _serveur_. On dit que le serveur héberge le service. Beaucoup de ces serveurs sont gérés par très peu d'acteurs ([les géants du web](https://degooglisons-internet.org/fr/)) et regroupés par milliers dans des datacenters.
Très peu d'acteurs ([les géants du web](https://degooglisons-internet.org/fr/)) centralisent la plupart des services sur Internet.
L'auto-hébergement consiste à relocaliser ses services informatiques en installant un serveur chez soi.
@ -20,7 +20,15 @@ Librezo ne vend pas de matériel mais vous conseille précisément en fonction d
Nous encourageons vivement l'utilisation de micro-ordinateurs de type Raspberry Pi très peu énergivores (5-10W) pour un petit serveur.
**Contactez-nous pour un devis détaillé.**
<div style="text-align:center"><a href="/exemples-services" class="bigbutton">Exemples d'outils libres auto-hébergeables ↱</a></div>
## Hébergement en ligne
Si vous préférez ne pas gérer vous-même votre matériel et vos services, Librezo vous conseille de contacter <a href="https://www.chatons.org/search/near-me" target="_blank">le CHATONS le plus proche de vous</a>. Les CHATONS sont un Collectif d'Hébergeurs Alternatifs, Transparents, Ouverts, Neutres et Solidaires.
<div style="text-align:center">
<a href="https://www.chatons.org/" target="_blank"><img alt="CHATONS" src="/img/partners/chatons.png" style="max-width:350px"/></a>
</div>
<h2 style="margin-top: 64px;margin-bottom: 64px;">À la carte</h2>
@ -95,19 +103,19 @@ Nous encourageons vivement l'utilisation de micro-ordinateurs de type Raspberry
<tr>
<th>Installation GNU/Linux</th>
<th>Installation d'outil libre</th>
<th>Création de logos</th>
<th>Création de logiciel</th>
</tr>
</thead>
<tbody>
<tr>
<td class="prices-price">à partir de 70€</td>
<td class="prices-price">de 300 à 1500€</td>
<td class="prices-price">à partir de 500€</td>
<td class="prices-price">sur devis</td>
</tr>
<tr>
<td class="prices-power">Votre OS libre sur votre ordinateur personnel<br/>(variable selon la configuration souhaitée)</td>
<td class="prices-power">You name it</td>
<td class="prices-power">Réalisés à 100% par un être humain</td>
<td class="prices-power">Développement full stack</td>
</tr>
</tbody>
</table>
@ -134,94 +142,12 @@ Nous encourageons vivement l'utilisation de micro-ordinateurs de type Raspberry
</tbody>
</table>
## Hébergement en ligne
Les CHATONS sont un Collectif d'Hébergeurs Alternatifs, Transparents, Ouverts, Neutres et Solidaires. Si vous préférez ne pas gérer vous-même votre matériel et vos services, vous pourrez trouver votre bonheur chez <a href="https://www.chatons.org/search/near-me" target="_blank">le CHATONS le plus proche de vous</a>.
<div style="text-align:center">
<a href="https://www.chatons.org/" target="_blank"><img alt="CHATONS" src="/img/partners/chatons.png" style="max-width:350px"/></a>
</div>
## Exemples d'outils libres auto-hébergeables
<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 et édition de fichiers") }}
<div class="service_boxes">
{{ service_box(href="https://nextcloud.org", title="NextCloud", img="/img/solutions/nextcloud.svg") }}
{{ service_box(href="https://framalibre.org/content/jirafeau", title="Jirafeau", img="/img/solutions/jirafeau.svg") }}
{{ service_box(href="https://linuxfr.org/news/un-nouveau-logiciel-libre-lufi", title="Lufi", img="/img/solutions/lufi.svg") }}
{{ service_box(href="https://cryptpad.org", title="CryptPad", img="/img/solutions/cryptpad.svg") }}
{{ service_box(href="https://hedgedoc.org", title="HedgeDoc", img="/img/solutions/hedgedoc.svg") }}
</div>
</div>
<div class="need_services">
{{ need_box(title="Gestion & Comptabilité") }}
<div class="service_boxes">
{{ service_box(href="https://www.dolibarr.org", title="Dolibarr", img="/img/solutions/dolibarr.png") }}
{{ service_box(href="https://dokos.io", title="Dokos", img="/img/solutions/dokos.svg") }}
</div>
</div>
<div class="need_services">
{{ need_box(title="Création de site web") }}
<div class="service_boxes">
{{ service_box(href="https://wordpress.org", title="WordPress", img="/img/solutions/wordpress.svg") }}
{{ service_box(href="https://www.spip.net", title="SPIP", img="/img/solutions/spip.png") }}
{{ service_box(href="https://yeswiki.net", title="YesWiki", img="/img/solutions/yeswiki.png") }}
</div>
</div>
<div class="need_services">
{{ need_box(title="Organisation d'événements") }}
<div class="service_boxes">
{{ service_box(href="https://joinmobilizon.org", title="Mobilizon", img="/img/solutions/mobilizon.png") }}
</div>
</div>
<div class="need_services">
{{ need_box(title="Newsletter & liste de mails") }}
<div class="service_boxes">
{{ service_box(href="https://listmonk.app", title="ListMonk", img="/img/solutions/listmonk.svg") }}
{{ service_box(href="https://www.sympa.community", title="Sympa", img="/img/solutions/sympa.png") }}
</div>
</div>
<div class="need_services">
{{ need_box(title="Prise de décisions") }}
<div class="service_boxes">
{{ service_box(href="https://www.loomio.com", title="Loomio", img="/img/solutions/loomio.svg") }}
</div>
</div>
<div class="need_services">
{{ need_box(title="Et beaucoup, beaucoup d'autres...") }}
<div class="service_boxes"></div>
</div>
</div>
**Dans tous les cas, contactez-nous pour un devis détaillé.**
## 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;:
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.
- Firewall Debian (iptables)
- Certificats SSL (let's encrypt)
- Configuration NGINX pour vos serveurs web
- Mot de passe utilisateur ou administrateur
- Chiffrement possible (optionnel)
### Les sauvegardes
En cas de perte du serveur (vol, incendie, accident), il est indispensable d'effectuer régulièrement des sauvegardes pour pouvoir retrouver rapidement ses données et son site. On peut effectuer ses sauvegardes sur HDD externe, sur clé USB, avoir un deuxième serveur de sauvegarde situé ailleurs, ou sur un serveur en ligne.
Dans ce dernier cas, nous pouvons vous proposer d'automatiser vos sauvegardes en ligne directement dans la configuration et vous conseillons de passer par un de nos partenaires CHATONS.
Il est également possible d'avoir un serveur miroir mis à jour en temps réel qui prenne le relais si votre serveur n°1 est défaillant, le service internet étant alors assuré même en cas de panne.
<div style="text-align:center">
<img style="max-width: 100%" alt="Terrassons l'infâme dragon des géants du web" src="/img/drawings/dragon.webp" aria-hidden/>
</div>

9
content/services/site-miroir.md
View File

@ -1,9 +0,0 @@
+++
title = "Création d'un site miroir"
+++
Nous pouvons créer sur un deuxième serveur (auto-hébergé ou en ligne) un site-miroir, clone du site original et maintenu à jour toutes les heures, capable de prendre le relai automatiquement en cas de panne du serveur principal.
Néanmoins, nous sommes obligés pour cette solution d'utiliser l'infrastructure P2PLEGAL pour assurer une haute disponibilité 24h/24.
Cette solution ne peut donc vous convenir que si vous nous faites confiance, et ne vous rend donc pas 100% autonomes.

7
sass/css/base.scss
View File

@ -56,6 +56,13 @@ main.center {
}
}
@media screen and (min-width: 1100px) {
.nn1100 {
max-width: 1100px;
margin-left: calc(50% - 550px);
}
}
@media screen and (min-width: 1200px) {
.nn1200 {
max-width: 1200px;

BIN
static/img/drawings/dragon.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 178 KiB

After

Width:  |  Height:  |  Size: 174 KiB

1
templates/base.html
View File

@ -63,6 +63,7 @@
<ul>
<li><a href="mailto:bonjour@librezo.fr">bonjour chez librezo point fr</a></li>
<li><a href="/rejoignez-nous">Rejoignez-nous</a></li>
<li><a href="/nulle-part">Vous êtes perdu·e&#8239;?</a></li>
</ul>
</div>
<div class="footer-pane">