Set-OPS-Public/promo/rlq-2026-10-24/slides/ecosysteme.html

42 lines
3.9 KiB
HTML
Raw Normal View History

<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>