45 lines
4.5 KiB
HTML
45 lines
4.5 KiB
HTML
|
<section id="plan" 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:48px">
|
|||
|
|
<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">02 · Du plan aux machines</p>
|
|||
|
|
<h2 style="font-family:'Source Serif 4', Georgia, serif;font-size:64px;font-weight:400;line-height:1.1;color:#152F2C">On édite le plan, jamais l’inventaire.</h2>
|
|||
|
|
</div>
|
|||
|
|
<div style="display:flex;gap:16px;align-items:stretch">
|
|||
|
|
<div style="flex:1;display:flex;flex-direction:column;gap:12px;background:#102E28;border-radius:12px;padding:32px">
|
|||
|
|
<p style="font-family:'JetBrains Mono', 'Courier New', monospace;font-size:26px;color:#B9EED2">plan/*.yml</p>
|
|||
|
|
<p style="font-size:24px;line-height:1.4;color:#CFDDD3">Serveurs, applications, bases, domaines, nomenclature : ce qu’on écrit.</p>
|
|||
|
|
</div>
|
|||
|
|
<x-shape kind="arrow-right" style="width:56px;height:32px;background:#176754;flex:none;align-self:center"></x-shape>
|
|||
|
|
<div style="flex:1;display:flex;flex-direction:column;gap:12px;background:#102E28;border-radius:12px;padding:32px">
|
|||
|
|
<p style="font-family:'JetBrains Mono', 'Courier New', monospace;font-size:26px;color:#B9EED2">make instancier</p>
|
|||
|
|
<p style="font-size:24px;line-height:1.4;color:#CFDDD3">Dérive VMID, IP, VLAN, noms et groupes ; montre l’écart avant d’écrire.</p>
|
|||
|
|
</div>
|
|||
|
|
<x-shape kind="arrow-right" style="width:56px;height:32px;background:#176754;flex:none;align-self:center"></x-shape>
|
|||
|
|
<div style="flex:1;display:flex;flex-direction:column;gap:12px;background:#102E28;border-radius:12px;padding:32px">
|
|||
|
|
<p style="font-family:'JetBrains Mono', 'Courier New', monospace;font-size:26px;color:#B9EED2">hosts.yml</p>
|
|||
|
|
<p style="font-size:24px;line-height:1.4;color:#CFDDD3">L’inventaire Ansible, généré. Personne ne l’édite à la main.</p>
|
|||
|
|
</div>
|
|||
|
|
<x-shape kind="arrow-right" style="width:56px;height:32px;background:#176754;flex:none;align-self:center"></x-shape>
|
|||
|
|
<div style="flex:1;display:flex;flex-direction:column;gap:12px;background:#102E28;border-radius:12px;padding:32px">
|
|||
|
|
<p style="font-family:'JetBrains Mono', 'Courier New', monospace;font-size:26px;color:#B9EED2">make deployer</p>
|
|||
|
|
<p style="font-size:24px;line-height:1.4;color:#CFDDD3">Couche par couche, dans l’ordre d’un graphe de 43 groupes, sans cycle.</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px">
|
|||
|
|
<div style="display:flex;flex-direction:column;gap:10px;border-top:3px solid #176754;padding:24px 0 0 0">
|
|||
|
|
<h3 style="font-size:30px;font-weight:600;color:#152F2C">Un groupe, un playbook</h3>
|
|||
|
|
<p style="font-size:24px;line-height:1.45">Chaque groupe applique ses rôles ; le socle et le durcissement passent en premier.</p>
|
|||
|
|
</div>
|
|||
|
|
<div style="display:flex;flex-direction:column;gap:10px;border-top:3px solid #176754;padding:24px 0 0 0">
|
|||
|
|
<h3 style="font-size:30px;font-weight:600;color:#152F2C">Lire avant d’écrire</h3>
|
|||
|
|
<p style="font-size:24px;line-height:1.45">Les cibles <span style="color:#152F2C">-plan</span> comparent le réel au plan sans rien changer ; <span style="color:#152F2C">-appliquer</span> réconcilie, sur confirmation.</p>
|
|||
|
|
</div>
|
|||
|
|
<div style="display:flex;flex-direction:column;gap:10px;border-top:3px solid #176754;padding:24px 0 0 0">
|
|||
|
|
<h3 style="font-size:30px;font-weight:600;color:#152F2C">Un modèle pour démarrer</h3>
|
|||
|
|
<p style="font-size:24px;line-height:1.45">Le modèle public <span style="color:#152F2C">socle</span> : PKI, DNS interne, edge TLS, magasin de courriel.</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>La règle d’or : on édite le plan, jamais l’inventaire. Le plan, ce sont quelques fichiers YAML : les serveurs, les applications, les bases, les domaines, la nomenclature. make instancier en dérive tout le reste, et montre l’écart sémantique avant d’écrire quoi que ce soit. L’inventaire Ansible est généré. Puis make deployer applique, couche par couche, dans l’ordre d’un graphe de 43 groupes qu’on vérifie sans cycle. Toutes les commandes qui touchent au réel suivent la même convention : une cible -plan qui lit et compare, une cible -appliquer qui réconcilie, et seulement avec CONFIRMER=true. Pour démarrer, le dépôt public fournit un modèle générique, socle.</aside>
|
|||
|
|
</section>
|