Daniel Allaire
ef472cced9
Quinze diapositives au lieu de vingt, en langage simple : trois engagements, ce que recoit une organisation, une image du fonctionnement, 43 minutes en grand, la federation des deux sites, qui peut nous rejoindre. Le detail technique reste dans les notes. CHANGELOG 157. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
41 lines
3.9 KiB
HTML
41 lines
3.9 KiB
HTML
<section id="ecosysteme" data-section="Comment ça marche, en langage simple." data-transition="fade" style="background:#F6F7F0;color:#3E5550;font-family:'IBM Plex Sans', Arial, sans-serif;padding:128px 128px 160px;display:flex;flex-direction:column;gap:56px">
|
||
<div style="display:flex;flex-direction:column;gap:16px">
|
||
<p style="font-size:24px;letter-spacing:3px;text-transform:uppercase;color:#176754;font-weight:600">Ce que reçoit une organisation</p>
|
||
<h2 style="font-family:'Source Serif 4', Georgia, serif;font-size:64px;font-weight:400;line-height:1.1;color:#152F2C">Tout son numérique, sous son toit.</h2>
|
||
</div>
|
||
<div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px">
|
||
<div style="display:flex;flex-direction:column;gap:12px;background:#FDFDFA;border:1px solid #D5DFD7;border-radius:12px;padding:36px">
|
||
<x-icon name="Users" style="color:#176754;width:48px;height:48px"></x-icon>
|
||
<h3 style="font-size:32px;font-weight:600;color:#152F2C">Une identité par personne</h3>
|
||
<p style="font-size:24px;line-height:1.4;color:#5F716B">Un seul mot de passe pour tous les services</p>
|
||
</div>
|
||
<div style="display:flex;flex-direction:column;gap:12px;background:#FDFDFA;border:1px solid #D5DFD7;border-radius:12px;padding:36px">
|
||
<x-icon name="PaperPlane" style="color:#176754;width:48px;height:48px"></x-icon>
|
||
<h3 style="font-size:32px;font-weight:600;color:#152F2C">Son courriel</h3>
|
||
<p style="font-size:24px;line-height:1.4;color:#5F716B">À son nom de domaine, chez elle</p>
|
||
</div>
|
||
<div style="display:flex;flex-direction:column;gap:12px;background:#FDFDFA;border:1px solid #D5DFD7;border-radius:12px;padding:36px">
|
||
<x-icon name="Book" style="color:#176754;width:48px;height:48px"></x-icon>
|
||
<h3 style="font-size:32px;font-weight:600;color:#152F2C">Ses fichiers, à plusieurs</h3>
|
||
<p style="font-size:24px;line-height:1.4;color:#5F716B">Partage et édition de documents</p>
|
||
</div>
|
||
<div style="display:flex;flex-direction:column;gap:12px;background:#FDFDFA;border:1px solid #D5DFD7;border-radius:12px;padding:36px">
|
||
<x-icon name="Globe" style="color:#176754;width:48px;height:48px"></x-icon>
|
||
<h3 style="font-size:32px;font-weight:600;color:#152F2C">Ses sites web</h3>
|
||
<p style="font-size:24px;line-height:1.4;color:#5F716B">Publiés derrière un pare-feu applicatif</p>
|
||
</div>
|
||
<div style="display:flex;flex-direction:column;gap:12px;background:#FDFDFA;border:1px solid #D5DFD7;border-radius:12px;padding:36px">
|
||
<x-icon name="Lock" style="color:#176754;width:48px;height:48px"></x-icon>
|
||
<h3 style="font-size:32px;font-weight:600;color:#152F2C">Sa propre confiance</h3>
|
||
<p style="font-size:24px;line-height:1.4;color:#5F716B">Ses certificats, ses noms de domaine</p>
|
||
</div>
|
||
<div style="display:flex;flex-direction:column;gap:12px;background:#FDFDFA;border:1px solid #D5DFD7;border-radius:12px;padding:36px">
|
||
<x-icon name="Activity" style="color:#176754;width:48px;height:48px"></x-icon>
|
||
<h3 style="font-size:32px;font-weight:600;color:#152F2C">Une vigie</h3>
|
||
<p style="font-size:24px;line-height:1.4;color:#5F716B">Qui surveille tout, et prévient</p>
|
||
</div>
|
||
</div>
|
||
<p style="position:absolute;left:128px;bottom:64px;width:1200px;font-size:24px;color:#5F716B">Set-OPS · Rencontres Linux du Québec 2026</p>
|
||
<p style="position:absolute;right:128px;bottom:64px;width:120px;text-align:right;font-size:24px;color:#5F716B">05</p>
|
||
<aside>Concrètement, qu’est-ce qu’une organisation reçoit ? Une identité par personne, avec un seul mot de passe pour tous ses services : c’est OpenLDAP et Keycloak. Son courriel, à son nom de domaine : Postfix, Dovecot, rspamd. Ses fichiers et ses documents, qu’on modifie à plusieurs : Nextcloud et Collabora. Ses sites web, publiés derrière un pare-feu applicatif. Sa propre confiance : sa propre autorité de certification et ses propres serveurs de noms. Et une vigie, Icinga, Prometheus, Grafana, qui surveille tout et prévient. Tout ça, sous son toit, sur ses serveurs ou chez un hébergeur de confiance.</aside>
|
||
</section>
|