From e763f16a07d83edc16f677f14a9349e32c4cc458 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Arnaud=20Pr=C3=A9mel-Cabic?=
 <arnaud.premel-cabic@ovhcloud.com>
Date: Mon, 8 Jun 2026 14:50:12 +0200
Subject: [PATCH] =?UTF-8?q?docs:=20slide=2014=20=E2=80=94=20add=20a=20smal?=
 =?UTF-8?q?l=20HCL=20example=20illustrating=20block=20anatomy?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 index.html | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/index.html b/index.html
index e753cb7..9231a3f 100644
--- a/index.html
+++ b/index.html
@@ -653,10 +653,18 @@
   <section class="s-tf">
     <h2>HCL: HashiCorp Configuration Language</h2>
     <p>Declarative, human-readable — pure JSON works too.</p>
+    <pre><code class="language-hcl" data-trim>
+resource "openstack_compute_instance_v2" "web" {
+  name        = "finistdevs-web"
+  flavor_name = "b3-8"
+  tags        = ["web", "demo"]
+}
+    </code></pre>
     <aside class="notes">
       <ul>
         <li>Declarative: you describe the desired end state, not the steps.</li>
         <li>HCL is the common language across all HashiCorp tools.</li>
+        <li>Block anatomy: a block type (<code>resource</code>), two labels (provider type + local name), then <code>key = value</code> arguments — strings, lists, etc.</li>
       </ul>
     </aside>
   </section>