video added

presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html

@@ -1113,6 +1113,13 @@ todoapp/
     <div class="slide" data-slide="25">
         <div style="min-height: calc(100vh - 120px);">
             <h1>Demo</h1>
+            <video
+                src="../assets/concepts/agents/agent-creation.mov"
+                controls
+                preload="metadata"
+                style="max-width: 1100px; max-height: 70vh; width: 100%; height: auto; display: block; margin: 40px auto 0 auto; border-radius: 8px; box-shadow: 0 4px 16px rgba(0,0,0,0.1);">
+                Your browser does not support the video tag.
+            </video>
         </div>
         <div class="pillar-footer">
             <div class="pillar-mini-card" style="border-left: 4px solid #009688;">
@@ -1157,7 +1164,7 @@ todoapp/
     <div class="slide" data-slide="26" data-level="agents">
         <h1>&#x1F389; Yayyyyy! Problem solved with agents</h1>
         <div style="min-height: calc(100vh - 200px); display: flex; align-items: center; justify-content: center;">
-            <img src="../assets/concepts/agents/agent-created.png" alt="Agent created" style="max-width: 900px; max-height: 70vh; width: 100%; height: auto; display: block; margin: 0 auto; border-radius: 8px; box-shadow: 0 4px 16px rgba(0,0,0,0.1);" />
+            <img src="../assets/concepts/agents/agent-created.png" alt="Agent created" style="max-width: 1200px; max-height: 80vh; width: 100%; height: auto; display: block; margin: 0 auto; border-radius: 8px; box-shadow: 0 4px 16px rgba(0,0,0,0.1);" />
         </div>
         <div class="pillar-footer">
             <div class="pillar-mini-card" style="border-left: 4px solid #009688;">