From e9af40ecb8a6f124803c8b2e37461c8e6312f057 Mon Sep 17 00:00:00 2001
From: Shayan Rais <shanraisshan@gmail.com>
Date: Fri, 24 Apr 2026 21:57:39 +0500
Subject: [PATCH] FINAL

---
 .../index.html                                   | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html b/presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html
index c487194..902556a 100644
--- a/presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html
+++ b/presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html
@@ -2345,9 +2345,11 @@ todoapp/
 
     <!-- Slide 46: Orchestration Workflow diagram -->
     <div class="slide" data-slide="46" data-level="workflow">
-        <h1>&#x1F4CB; Orchestration Workflow</h1>
-        <img src="../../orchestration-workflow/orchestration-workflow.svg" alt="Command → Agent → Skill architecture flow"
-             style="max-width: 1100px; max-height: 70vh; width: 100%; height: auto; display: block; margin: 20px auto 0 auto;" />
+        <div style="min-height: calc(100vh - 120px);">
+            <h1>&#x1F4CB; Orchestration Workflow</h1>
+            <img src="../../orchestration-workflow/orchestration-workflow.svg" alt="Command → Agent → Skill architecture flow"
+                 style="max-width: 1100px; max-height: 70vh; width: 100%; height: auto; display: block; margin: 20px auto 0 auto;" />
+        </div>
         <div class="pillar-footer">
             <div class="pillar-mini-card inactive" style="border-left: 3px solid #009688;">
                 <span class="pmc-emoji">&#x1F9D1;&#x200D;&#x1F4BC;</span>
@@ -2389,9 +2391,11 @@ todoapp/
 
     <!-- Slide 47: Workflow in action (GIF) -->
     <div class="slide" data-slide="47" data-level="workflow">
-        <h1>&#x1F4F9; Workflow in action</h1>
-        <div style="text-align: center; margin: 24px 0;">
-            <img src="../../orchestration-workflow/orchestration-workflow.gif" alt="Claude running the weather orchestration workflow end-to-end" style="max-width: 1200px; max-height: 80vh; width: auto; height: auto; display: block; margin: 0 auto; border-radius: 8px; box-shadow: 0 4px 16px rgba(0,0,0,0.1); object-fit: contain;" />
+        <div style="min-height: calc(100vh - 120px);">
+            <h1>&#x1F4F9; Workflow in action</h1>
+            <div style="text-align: center; margin: 24px 0;">
+                <img src="../../orchestration-workflow/orchestration-workflow.gif" alt="Claude running the weather orchestration workflow end-to-end" style="max-width: 1200px; max-height: 80vh; width: auto; height: auto; display: block; margin: 0 auto; border-radius: 8px; box-shadow: 0 4px 16px rgba(0,0,0,0.1); object-fit: contain;" />
+            </div>
         </div>
         <div class="pillar-footer">
             <div class="pillar-mini-card inactive" style="border-left: 3px solid #009688;">