From 47e2882d08493a8667d0aa40074187cfd3a8131a Mon Sep 17 00:00:00 2001
From: ministicraft <worldtocraft@gmail.com>
Date: Tue, 14 Apr 2026 02:30:03 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20split=20slide=2014=20=E2=80=94=20HCL=20?=
 =?UTF-8?q?description=20+=20Terraform=20workflow?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Slide 14: HCL language overview
Slide 15: plan → review → apply → destroy workflow with SVG

Renumber slides 1-40.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 index.html | 55 +++++++++++++++++++++++++++++-------------------------
 1 file changed, 30 insertions(+), 25 deletions(-)

diff --git a/index.html b/index.html
index 5a9438e..b4939f0 100644
--- a/index.html
+++ b/index.html
@@ -560,6 +560,11 @@
   <section class="s-tf">
     <h2>HCL: HashiCorp Configuration Language</h2>
     <p>Declarative, human-readable — pure JSON works too.</p>
+  </section>
+
+  <!-- ─── SLIDE 15 : Terraform workflow ───────────────────────────── -->
+  <section class="s-tf">
+    <h2>The Terraform workflow</h2>
     <ul>
       <li><code>terraform plan</code> — preview what will change</li>
       <li><strong>Review</strong> — validate the plan before proceeding</li>
@@ -616,7 +621,7 @@
     </svg>
   </section>
 
-  <!-- ─── SLIDE 15 : Terraform state ──────────────────────────────── -->
+  <!-- ─── SLIDE 16 : Terraform state ──────────────────────────────── -->
   <section class="s-tf">
     <h2>Terraform remembers what it built.</h2>
     <ul>
@@ -687,7 +692,7 @@
     </svg>
   </section>
 
-  <!-- ─── SLIDE 16 : Terraform providers ──────────────────────────── -->
+  <!-- ─── SLIDE 17 : Terraform providers ──────────────────────────── -->
   <section class="s-tf">
     <h2>One tool. Every API.</h2>
     <ul>
@@ -697,7 +702,7 @@
     <p><em>If it has an API, there's a Terraform provider for it.</em></p>
   </section>
 
-  <!-- ─── SLIDE 17 : Terraform code ───────────────────────────────── -->
+  <!-- ─── SLIDE 18 : Terraform code ───────────────────────────────── -->
   <section class="s-tf">
     <p class="filename"># main.tf</p>
     <pre><code class="language-hcl" data-trim>
@@ -724,7 +729,7 @@ resource "ovh_domain_zone_record" "web" {
     </code></pre>
   </section>
 
-  <!-- ─── SLIDE 18 : Terraform CLI ────────────────────────────────── -->
+  <!-- ─── SLIDE 19 : Terraform CLI ────────────────────────────────── -->
   <section class="s-tf">
     <p class="filename">$ terminal</p>
     <pre><code class="language-bash" data-trim data-noescape>
@@ -750,7 +755,7 @@ Apply complete! Resources: 2 added, 0 changed, 0 destroyed.
     </code></pre>
   </section>
 
-  <!-- ─── SLIDE 19 : OpenTofu ─────────────────────────────────────── -->
+  <!-- ─── SLIDE 20 : OpenTofu ─────────────────────────────────────── -->
   <section class="s-tf">
     <h2>HashiCorp changed Terraform's license.</h2>
     <ul>
@@ -760,7 +765,7 @@ Apply complete! Resources: 2 added, 0 changed, 0 destroyed.
     <p><em>Drop-in replacement. Fully compatible. Community-driven.</em></p>
   </section>
 
-  <!-- ─── SLIDE 20 : Terraform platforms ──────────────────────────── -->
+  <!-- ─── SLIDE 21 : Terraform platforms ──────────────────────────── -->
   <section class="s-tf">
     <h2>Terraform at scale needs a platform.</h2>
     <ul>
@@ -771,14 +776,14 @@ Apply complete! Resources: 2 added, 0 changed, 0 destroyed.
     </ul>
   </section>
 
-  <!-- ─── SLIDE 21 : Ansible intro ────────────────────────────────── -->
+  <!-- ─── SLIDE 22 : Ansible intro ────────────────────────────────── -->
   <section class="s-ansible">
     <h2><span class="ansible-col">Ansible</span></h2>
     <p>Your servers are provisioned. Now make them do something.</p>
   </section>
 
 
-  <!-- ─── SLIDE 22 : What is Ansible ──────────────────────────────── -->
+  <!-- ─── SLIDE 23 : What is Ansible ──────────────────────────────── -->
   <section class="s-ansible">
     <h2>What is Ansible?</h2>
     <ul>
@@ -789,7 +794,7 @@ Apply complete! Resources: 2 added, 0 changed, 0 destroyed.
     </ul>
   </section>
 
-  <!-- ─── SLIDE 23 : Ansible concepts ─────────────────────────────── -->
+  <!-- ─── SLIDE 24 : Ansible concepts ─────────────────────────────── -->
   <section class="s-ansible">
     <h2>Push-based. Runs over SSH.</h2>
     <ul>
@@ -834,7 +839,7 @@ Apply complete! Resources: 2 added, 0 changed, 0 destroyed.
     </svg>
   </section>
 
-  <!-- ─── SLIDE 24 : Ansible code ─────────────────────────────────── -->
+  <!-- ─── SLIDE 25 : Ansible code ─────────────────────────────────── -->
   <section class="s-ansible">
     <p class="filename"># playbook/webserver.yml</p>
     <pre><code class="language-yaml" data-trim>
@@ -862,7 +867,7 @@ Apply complete! Resources: 2 added, 0 changed, 0 destroyed.
     </code></pre>
   </section>
 
-  <!-- ─── SLIDE 25 : Ansible CLI ──────────────────────────────────── -->
+  <!-- ─── SLIDE 26 : Ansible CLI ──────────────────────────────────── -->
   <section class="s-ansible">
     <p class="filename">$ terminal</p>
     <pre><code class="language-bash" data-trim data-noescape>
@@ -887,7 +892,7 @@ finistdevs-web : ok=4  changed=3  unreachable=0  failed=0  skipped=0
     </code></pre>
   </section>
 
-  <!-- ─── SLIDE 26 : Ansible operations ───────────────────────────── -->
+  <!-- ─── SLIDE 27 : Ansible operations ───────────────────────────── -->
   <section class="s-ansible">
     <h2>Not just configuration. Operations.</h2>
     <ul>
@@ -898,7 +903,7 @@ finistdevs-web : ok=4  changed=3  unreachable=0  failed=0  skipped=0
     <p><em>The go-to tool for one-off tasks and recurring operations.</em></p>
   </section>
 
-  <!-- ─── SLIDE 27 : Ansible Galaxy ───────────────────────────────── -->
+  <!-- ─── SLIDE 28 : Ansible Galaxy ───────────────────────────────── -->
   <section class="s-ansible">
     <h2>The community does the heavy lifting.</h2>
     <ul>
@@ -908,7 +913,7 @@ finistdevs-web : ok=4  changed=3  unreachable=0  failed=0  skipped=0
     <p><em>Just <code>ansible-galaxy install geerlingguy.docker</code>.</em></p>
   </section>
 
-  <!-- ─── SLIDE 28 : Ansible platforms ────────────────────────────── -->
+  <!-- ─── SLIDE 29 : Ansible platforms ────────────────────────────── -->
   <section class="s-ansible">
     <h2>Ansible at scale: open-source vs enterprise.</h2>
     <ul>
@@ -919,14 +924,14 @@ finistdevs-web : ok=4  changed=3  unreachable=0  failed=0  skipped=0
     <p><em>Core engine remains Apache 2.0 — truly open-source.</em></p>
   </section>
 
-  <!-- ─── SLIDE 29 : Puppet intro ─────────────────────────────────── -->
+  <!-- ─── SLIDE 30 : Puppet intro ─────────────────────────────────── -->
   <section class="s-puppet">
     <h2><span class="puppet-col">Puppet</span></h2>
     <p>Your servers are configured. Now keep them that way.</p>
   </section>
 
 
-  <!-- ─── SLIDE 30 : What is Puppet ───────────────────────────────── -->
+  <!-- ─── SLIDE 31 : What is Puppet ───────────────────────────────── -->
   <section class="s-puppet">
     <h2>What is Puppet?</h2>
     <ul>
@@ -937,7 +942,7 @@ finistdevs-web : ok=4  changed=3  unreachable=0  failed=0  skipped=0
     </ul>
   </section>
 
-  <!-- ─── SLIDE 31 : Puppet concepts ──────────────────────────────── -->
+  <!-- ─── SLIDE 32 : Puppet concepts ──────────────────────────────── -->
   <section class="s-puppet">
     <h2>Pull, not push. Agents, not SSH.</h2>
     <ul>
@@ -981,7 +986,7 @@ finistdevs-web : ok=4  changed=3  unreachable=0  failed=0  skipped=0
     </svg>
   </section>
 
-  <!-- ─── SLIDE 32 : Puppet code ──────────────────────────────────── -->
+  <!-- ─── SLIDE 33 : Puppet code ──────────────────────────────────── -->
   <section class="s-puppet">
     <p class="filename"># manifests/webserver.pp</p>
     <pre><code class="language-puppet" data-trim>
@@ -1004,7 +1009,7 @@ class webserver {
     </code></pre>
   </section>
 
-  <!-- ─── SLIDE 33 : Puppet CLI ───────────────────────────────────── -->
+  <!-- ─── SLIDE 34 : Puppet CLI ───────────────────────────────────── -->
   <section class="s-puppet">
     <p class="filename">$ terminal</p>
     <pre><code class="language-bash" data-trim data-noescape>
@@ -1024,7 +1029,7 @@ Notice: Applied catalog in 12.34 seconds
     </code></pre>
   </section>
 
-  <!-- ─── SLIDE 34 : Puppet drift detection ───────────────────────── -->
+  <!-- ─── SLIDE 35 : Puppet drift detection ───────────────────────── -->
   <section class="s-puppet">
     <h2>Someone SSH'd in and changed something.</h2>
     <ul>
@@ -1065,7 +1070,7 @@ Notice: Applied catalog in 12.34 seconds
     </svg>
   </section>
 
-  <!-- ─── SLIDE 35 : Puppet platforms ─────────────────────────────── -->
+  <!-- ─── SLIDE 36 : Puppet platforms ─────────────────────────────── -->
   <section class="s-puppet">
     <h2>Puppet: large fleets, zero drift.</h2>
     <ul>
@@ -1076,7 +1081,7 @@ Notice: Applied catalog in 12.34 seconds
     <p><em>Puppet Enterprise and Foreman are self-hosted. No managed cloud offering.</em></p>
   </section>
 
-  <!-- ─── SLIDE 36 : Puppet community ─────────────────────────────── -->
+  <!-- ─── SLIDE 37 : Puppet community ─────────────────────────────── -->
   <section class="s-puppet">
     <h2>The ecosystem outlives the company.</h2>
     <ul>
@@ -1086,7 +1091,7 @@ Notice: Applied catalog in 12.34 seconds
     <p><em>The community is strong, with or without Puppet Inc.</em></p>
   </section>
 
-  <!-- ─── SLIDE 37 : They're complementary ────────────────────────── -->
+  <!-- ─── SLIDE 38 : They're complementary ────────────────────────── -->
   <section>
     <h2>They're not competing. They're complementary.</h2>
     <p>Each solves a different layer of the same problem.</p>
@@ -1118,7 +1123,7 @@ Notice: Applied catalog in 12.34 seconds
     </svg>
   </section>
 
-  <!-- ─── SLIDE 38 : Real-world stack ─────────────────────────────── -->
+  <!-- ─── SLIDE 39 : Real-world stack ─────────────────────────────── -->
   <section>
     <h2>A common production setup:</h2>
     <ol>
@@ -1128,7 +1133,7 @@ Notice: Applied catalog in 12.34 seconds
     </ol>
   </section>
 
-  <!-- ─── SLIDE 39 : Closing ──────────────────────────────────────── -->
+  <!-- ─── SLIDE 40 : Closing ──────────────────────────────────────── -->
   <section class="title-slide">
     <h1>Questions?</h1>
     <p class="subtitle">Thank you!</p>