Corrections visio

This commit is contained in:
Pascal Engélibert 2023-06-05 01:16:55 +02:00
parent aabfe1a8bb
commit b1f296ee42
8 changed files with 80 additions and 75 deletions

View File

@ -15,31 +15,25 @@ title = "Librezo"
</div>
<div class="cities nn">
<p><span class="city">Aix</span> <span class="city">Bastia</span> <span class="city">Cajarc</span> <span class="city">Grasse</span> <span class="city">Le&nbsp;Havre</span> <span class="city">Limoux</span> <span class="city">Marseille</span></p>
<p><span class="city">Aix</span> <span class="city">Bastia</span> <span class="city">Brignoles</span> <span class="city">Cajarc</span> <span class="city">Grasse</span> <span class="city">Le&nbsp;Havre</span> <span class="city">Limoux</span> <span class="city">Marseille</span></p>
<div class="madein-wrapper">
<img class="madein" alt="Made in Chez Vous" src="/img/madein-purple.png"/>
</div>
<p><span class="city">Montreuil</span> <span class="city">Nantes</span> <span class="city">Paris</span> <span class="city">Pau</span> <span class="city">Rennes</span> <span class="city">Rohanne</span> <span class="city">Toulouse</span></p>
</div>
<div style="text-align: center; margin: 32px 0;">
<a href="https://www.francenum.gouv.fr/activateurs/librezo" target="_blank">
<img alt="Activateur France Num" src="/img/francenum-activateur.jpg" style="width: 128px;"/>
</a>
<p><span class="city">Melun</span> <span class="city">Montreuil</span> <span class="city">Nantes</span> <span class="city">Pau</span> <span class="city">Rennes</span> <span class="city">Roanne</span> <span class="city">Toulouse</span></p>
</div>
<a href="/logiciel-libre" class="slogan1">Reprenez le contrôle</a>
<div class="square_boxes nn1400">
<div class="square_boxes nn1400" style="margin-top: 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 dun système à lautre sans contrainte") }}
{{ square_box(title="Accessibilité", text="Des prix honnêtes et des logiciels faciles à prendre en main") }}
{{ square_box(title="Proximité", text="On vient linstaller chez vous") }}
{{ square_box(title="Écologie", text="Ensemble, on cherche la solution adaptée à vos besoins, sans superflu") }}
{{ square_box(title="Savoir-faire", text="Vous êtes au contact des experts") }}
{{ 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>
@ -60,7 +54,7 @@ Et particuliers, bien sûr&#8239;!
<h2 class="title-bar" style="margin-top: 64px;">Comment ça se passe&#8239;?</h2>
<h3 class="title-bar2">Autonomisation de l'infrastructure réseau</h3>
<h3 class="title-bar2" 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.") }}
@ -69,7 +63,7 @@ Et particuliers, bien sûr&#8239;!
{{ 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">Accompagnements optionnels</h3>
<h3 class="title-bar2" 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.") }}
@ -77,6 +71,36 @@ Et particuliers, bien sûr&#8239;!
{{ 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" style="margin-top: 96px;">Nos partenaires</h2>
<div class="partners nn1200">
{{ partner_box(
title = "Oasis21"
img = "/img/partners/oasis21.png"
url = "https://oasis21.org"
) }}
{{ partner_box(
title = "Pâquerette, informatique collaborative et responsable"
img = "/img/partners/paquerette.png"
url = "https://paquerette.fr"
) }}
{{ partner_box(
title = "WikiLibriste.fr"
img = "/img/partners/wikilibriste.jpg"
url = "https://wikilibriste.fr"
) }}
{{ partner_box(
title = "IGE, l'innovation sociale en commun"
img = "/img/partners/ige.png"
url = "https://infognueureka.fr"
) }}
{{ partner_box(
title = "Librecours"
img = "/img/partners/librecours-mini.png"
url = "https://librecours.net"
) }}
</div>
<h2 class="title-bar" style="margin-top: 96px;">Ils nous font confiance</h2>
<div class="client_boxes">
@ -117,3 +141,9 @@ Et particuliers, bien sûr&#8239;!
{% end %}
</div>
<div style="text-align: center; margin: 32px 0;">
<a href="https://www.francenum.gouv.fr/activateurs/librezo" target="_blank">
<img alt="Activateur France Num" src="/img/francenum-activateur.jpg" style="width: 128px;"/>
</a>
</div>

View File

@ -8,22 +8,22 @@ title = "Charte"
Librezo est un collectif autogéré d'individus, dassociations et dentreprises qui mutualisent leurs ressources, compétences et connaissances au sein d'une structure à taille humaine dans le but de&nbsp;:
* promouvoir des solutions informatiques en licences libres comme alternatives aux systèmes privateurs des GAFAM
* encourager linstallation de serveurs auto-hébergés pour permettre à ses clients de saffranchir dacteurs tiers et leur garantir la confidentialité et le contrôle de leurs données personnelles et de leur infrastructure numérique
* créer un réseau de prestataires de confiance sur lensemble du territoire
* accompagner ses clients dans leur utilisation des logiciels libres en vue de les rendre autonomes
* développer un modèle économique viable pour la promotion du logiciel libre en mettant en œuvre des prestations de service sur mesure associées à son utilisation
* promouvoir des solutions informatiques en licences libres comme alternatives aux systèmes privateurs des GAFAM&#8239;;
* encourager linstallation de serveurs auto-hébergés pour permettre à ses clients de saffranchir dacteurs tiers et leur garantir la confidentialité et le contrôle de leurs données personnelles et de leur infrastructure numérique&#8239;;
* créer un réseau de prestataires de confiance sur lensemble du territoire&#8239;;
* accompagner ses clients dans leur utilisation des logiciels libres en vue de les rendre autonomes&#8239;;
* développer un modèle économique viable pour la promotion du logiciel libre en mettant en œuvre des prestations de service sur mesure associées à son utilisation.
La mission de Librezo sinscrit dans une volonté technique de décentralisation des serveurs informatiques pour se préserver de la surveillance et de la censure généralisées. Cette décentralisation répond également à la nécessaire réduction de lempreinte énergétique du numérique.
Les membres de Librezo et leurs partenaires sont promoteurs, utilisateurs, contributeurs ou ont une implication forte dans le logiciel libre.
L'appartenance au collectif Librezo n'est pas liée à des accords financiers ou commerciaux, mais à l'évaluation par les autres membres du respect des valeurs et objectifs communs&nbsp;:
* liberté en tant que non-nuisance symétrique.
* horizontalité des prises de décision.
* partage et transmission des connaissances.
* autonomie et entraide au sein dune toile de confiance.
* contribution au développement de lécosystème du logiciel libre par la création de nouveaux outils informatiques.
* liberté en tant que non-nuisance symétrique&#8239;;
* horizontalité des prises de décision&#8239;;
* partage et transmission des connaissances&#8239;;
* autonomie et entraide au sein dune toile de confiance&#8239;;
* contribution au développement de lécosystème du logiciel libre par la création de nouveaux outils informatiques&#8239;;
* politique locale des prestations favorisant la proximité géographique des clients et prestataires.
**Laventure Librezo est une expérimentation de démocratie dentreprise.**

View File

@ -6,6 +6,8 @@ title = "Fonctionnement"
<img style="max-width: 100%" alt="Fonctionnement" src="/img/drawings/usine.webp" aria-hidden/>
</div>
## Avec les client·es
<div class="timeline nn1200">
{% timeline_item(side="left") %}
Le client contacte Librezo pour obtenir un devis.
@ -29,8 +31,6 @@ Quand la prestation est terminée et que le service créé est fonctionnel, le o
Après une période de tests d'une semaine environ, le client peut faire le virement à Librezo, qui rémunère ensuite les prestataires.
{% end %}
{% timeline_item(side="right") %}
Quand la prestation est terminée et que le service créé est fonctionnel, le ou les prestataires envoient les factures à Librezo qui facture à son tour le client des 70% restants. Toute prestation est payable à 30 jours maximum.
Vous pouvez désormais utiliser votre serveur au quotidien&#8239;!
{% end %}
</div>

View File

@ -6,7 +6,7 @@ title = "Le logiciel libre, nécessaire outil de notre souveraineté numérique"
<img style="width: 900px;max-width: 100%;" alt="L'ignoble hydre des GAFAM" src="/img/drawings/hydre.webp" aria-hidden/>
</div>
Pourquoi proposons-nous des logiciels libres, et d'abord qu'entendons-nous par "libre"&#8239;?
**Pourquoi proposons-nous des logiciels libres, et d'abord qu'entendons-nous par "libre"&#8239;?**
## Les libertés informatiques
@ -39,7 +39,7 @@ Les logiciels privateurs dont le code source reste secret peuvent facilement int
Une telle faille est plus facilement détectée dans un logiciel libre, et la communauté est alertée.
On pourrait se dire qu'un code source public faciliterait le travail des pirates, mais en réalité cela est largement compensé par le fait que dès qu'une faille est trouvée, tout le monde le sait et elle peut être corrigée plutôt que tenue secrète. TODO reformuler réexpliquer
On pourrait croire quun code source public faciliterait le travail des pirates, mais dès quune faille est trouvée, elle peut être corrigée par la communauté plutôt que tenue secrète.
## Conçus pour être utiles

View File

@ -10,14 +10,14 @@ carousel = true
**Librezo est un collectif décentralisé, né de la rencontre d'ami·es libristes désirant partager leur passion et leur savoir-faire dans le domaine des réseaux et du logiciel libre.**
<div class="team nn">
<div class="team nn1400">
{% team_box(
title = "Étienne Bouché"
place = "Melun"
subtitle = "Le Technicien engagé"
img = "poka.jpg"
) %}
Administrateur système Linux depuis 10 ans, a travaillé aussi bien pour des Associations (TERA, La Ruche Qui Dit Oui, Axiom-Team) que pour de grandes entreprises (La Poste, Solucom). Développeur pour la <a href="https://monnaie-libre.fr" target="_blank">Monnaie Libre Ğ1</a>.
Administrateur système Linux depuis 10 ans, a travaillé aussi bien pour des Associations que pour de grandes entreprises. Développeur pour la <a href="https://monnaie-libre.fr" target="_blank">Monnaie Libre Ğ1</a>. Possède autant de cordes à son arc quà son piano.
{% end %}
{% team_box(
title = "Cédric Dumond"
@ -34,7 +34,7 @@ carousel = true
subtitle = "Le bricoleur"
img = "tuxmain.jpg"
) %}
Geek depuis toujours, étudiant, libriste. Développeur de <a href="https://progaccess.net" target="_blank">ProgAccess</a> et d'outils en tous genres. Héberge quelques sites et services variés. Amateur d'électronique. <a href="https://txmn.tk" target="_blank">(site perso)</a>
Alias <a href="https://txmn.tk" target="_blank">tuxmain</a>. Geek depuis toujours, étudiant, libriste. Développeur de <a href="https://progaccess.net" target="_blank">ProgAccess</a> et d'outils en tous genres. Héberge quelques sites et services variés. Amateur d'électronique.
{% end %}
{% team_box(
title = "Tobias Ollive"
@ -74,7 +74,7 @@ carousel = true
subtitle = "L'explorateur polymathe"
img = "francis-drubigny.jpg"
) %}
Chef de projet web & digital, autodidacte, 18 ans d'expériences diverses dans le <a href="https://pcandcom.com/" target="_blank">monde du web et de l'informatique</a>. Passionné de technologies, <a href="https://f.drubigny.fr/" target="_blank">je suis polymathe</a> et m'intéresse à pas mal de sujets&nbsp;: l'informatique mais aussi le sport, la santé, l'économie, les sciences, la sociologie...
Chef de projet web & digital, autodidacte, 20 ans d'expériences diverses dans le <a href="https://pcandcom.com/" target="_blank">monde du web et de l'informatique</a>. Passionné de technologies, <a href="https://f.drubigny.fr/" target="_blank">il est polymathe</a> et s'intéresse à pas mal de sujets&nbsp;: l'informatique mais aussi le sport, la santé, l'économie, les sciences, la sociologie...
{% end %}
{% team_box(
title = "Ismaël Bouya"
@ -127,10 +127,10 @@ carousel = true
{% team_box(
title = "Pierre Kuhn"
place = "Roanne"
subtitle = "Développeur web et php"
subtitle = "Développeur web et PHP"
img = "pierretux.jpg"
) %}
Developpeur php et SPIP depuis 10 ans en autodidacte. Touche à tout mais surtout au jardin et à SPIP&#8239;!
Developpeur PHP et SPIP depuis 10 ans en autodidacte, pour des associations, entreprises et institutions gouvernementales. Touche à tout mais surtout au jardin et à SPIP&#8239;!
{% end %}
{% team_box(
title = "Sylvestre Mignot"
@ -138,7 +138,7 @@ carousel = true
subtitle = "Artisan bidouilleur"
img = "sylvestre.png"
) %}
Libriste, formé à la bidouille (résilience numérique, énergétique, domotique). Artisan laser numérique aujourd'hui, j'ai mis ces connaissances au service de mon entreprise <a href="https://anuanua.fr/" target="_blank">Anuanua</a>.
Libriste, formé à la bidouille (résilience numérique, énergétique, domotique). Artisan laser numérique aujourd'hui, il a mis ces connaissances au service de son entreprise <a href="https://anuanua.fr/" target="_blank">Anuanua</a>.
{% end %}
{% team_box(
title = "Pierre-Jean Chancellier"
@ -154,39 +154,9 @@ carousel = true
<img style="max-width: 100%;max-height: 400px;" alt="Qui sommes-nous" src="/img/drawings/masque.webp" aria-hidden/>
</div>
## Partenaires
## Dans les parcours de nos membres prestataires
<div class="partners nn1200">
{{ partner_box(
title = "Oasis21"
img = "/img/partners/oasis21.png"
url = "https://oasis21.org"
) }}
{{ partner_box(
title = "Pâquerette, informatique collaborative et responsable"
img = "/img/partners/paquerette.png"
url = "https://paquerette.fr"
) }}
{{ partner_box(
title = "WikiLibriste.fr"
img = "/img/partners/wikilibriste.jpg"
url = "https://wikilibriste.fr"
) }}
{{ partner_box(
title = "IGE, l'innovation sociale en commun"
img = "/img/partners/ige.png"
url = "https://infognueureka.fr"
) }}
{{ partner_box(
title = "Librecours"
img = "/img/partners/librecours-mini.png"
url = "https://librecours.net"
) }}
</div>
## Nos prestataires ont travaillé pour...
Hors du cadre de Librezo, nos prestataires ont travaillé pour&nbsp;:
(hors du cadre de Librezo)
{% carousel(id="carousel-prestaworkedfor") %}
{{ carousel_item(msg='<img loading="lazy" class="prestaworkedfor"title="Airbus" alt="Airbus" src="/img/prestasworkedfor/airbus.svg"/>') }}

View File

@ -8,9 +8,9 @@ title = "Services et tarifs"
## Auto-hébergement
Chaque service informatique en ligne, que ce soit un site web, une boîte mail, un 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.
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.
L'auto-hébergement consiste à relocaliser ses services informatiques en installant un serveur chez soi, ou sinon chez un petit hébergeur tel qu'un [CHATON](https://chatons.org/).
L'auto-hébergement consiste à relocaliser ses services informatiques en installant un serveur chez soi, ou bien chez un petit hébergeur tel qu'un [CHATON](https://chatons.org/).
Auto-héberger ses sites, c'est un peu comme être propriétaire&nbsp;: ça a un coût, mais une fois le matériel et les logiciels installés, il n'y a plus de loyer et plus personne ne peut vous exproprier&#8239;!
@ -45,6 +45,8 @@ Librezo vous installe à domicile et configure votre serveur.
&ast; Prix de l'installation selon devis, matériel non inclus.
Attention&nbsp;: Librezo ne vend pas de matériel mais vous conseille.
<h2 style="margin-top: 64px;margin-bottom: 64px;">À la carte</h2>
<div class="alacarte nn1200">
@ -71,7 +73,7 @@ Librezo vous installe à domicile et configure votre serveur.
text1 = "à partir de 1&#8239;500€"
) }}
{{ alacarte_item(
title = "Instance de visioconférence"
title = "Serveur de visioconférence"
text1 = "à partir de 500€"
text2 = "BigBlueButton, Jitsi ou Galène"
) }}
@ -100,6 +102,10 @@ Librezo vous installe à domicile et configure votre serveur.
text1 = "à partir de 40€/h"
text2 = "sur Debian exclusivement"
) }}
{{ alacarte_item(
title = "Installation d'outil libre"
text1 = "de 300 à 1500€"
) }}
</div>
## Hébergement en ligne
@ -172,9 +178,7 @@ Si vous préférez ne pas gérer vous-même votre matériel et vos services, c'e
</div>
<div class="need_services">
{{ need_box(title="Et beaucoup, beaucoup d'autres...") }}
<div class="service_boxes">
Et beaucoup, beaucoup d'autres...
</div>
<div class="service_boxes"></div>
</div>
</div>

View File

@ -21,6 +21,7 @@
background: linear-gradient(-0.125turn, $blue, $violet);
color: #fff;
border-radius: 32px;
opacity: 0.65;
}
.process_box-title {

View File

@ -43,7 +43,7 @@
padding: 6px;
}
.square_box:hover .square_box-title, .square_box:focus .square_box-title {
/*.square_box:hover .square_box-title, .square_box:focus .square_box-title {
background: linear-gradient(-0.125turn, $blue, $violet);
color: white;
}
}*/