From 4eb274bbe0de48bc5468434f928da72c901cb480 Mon Sep 17 00:00:00 2001
From: Shayan Rais <shanraisshan@gmail.com>
Date: Wed, 22 Apr 2026 20:09:47 +0500
Subject: [PATCH] updated

---
 .../index.html                                | 32 +++++++++----------
 1 file changed, 16 insertions(+), 16 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 f67b2c3..c7f9df1 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
@@ -516,35 +516,40 @@
     </div>
 
     <!-- ============================================================ -->
-    <!-- SLIDE 10: Harness (1 of 2) &mdash; mind, memory, method        -->
+    <!-- SLIDE 10: Harness (1 of 2) &mdash; mind, methods, memory       -->
     <!-- ============================================================ -->
     <div class="slide" data-slide="10">
         <h1>&#x1F4AA; Harness &mdash; the body around the brain</h1>
         <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; margin: 28px 0;">
-            <div class="col-card" style="flex: 0 1 calc(33.333% - 12px); border-left: 4px solid #009688; text-align: center;">
+            <div class="col-card" style="flex: 0 1 calc(25% - 14px); border-left: 4px solid #009688; text-align: center;">
                 <div style="font-size: 2.8rem; line-height: 1; margin-bottom: 10px;">&#x1F9D1;&#x200D;&#x1F4BC;</div>
                 <h4 style="color: #00796b; text-transform: none; letter-spacing: 0; margin-bottom: 6px;"><strong>Agents</strong> &mdash; the specialists</h4>
                 <p style="font-size: 0.9rem; color: #555; margin: 0;">A dedicated Claude worker &mdash; own context, tools, focus.</p>
             </div>
-            <div class="col-card" style="flex: 0 1 calc(33.333% - 12px); border-left: 4px solid #4caf50; text-align: center;">
+            <div class="col-card" style="flex: 0 1 calc(25% - 14px); border-left: 4px solid #4caf50; text-align: center;">
                 <div style="font-size: 2.8rem; line-height: 1; margin-bottom: 10px;">&#x1F3AF;</div>
                 <h4 style="color: #2e7d32; text-transform: none; letter-spacing: 0; margin-bottom: 6px;"><strong>Skills</strong> &mdash; the know-how</h4>
                 <p style="font-size: 0.9rem; color: #555; margin: 0;">What the specialist (or Claude) can actually do.</p>
             </div>
-            <div class="col-card" style="flex: 0 1 calc(33.333% - 12px); border-left: 4px solid #3f51b5; text-align: center;">
+            <div class="col-card" style="flex: 0 1 calc(25% - 14px); border-left: 4px solid #3f51b5; text-align: center;">
                 <div style="font-size: 2.8rem; line-height: 1; margin-bottom: 10px;">&#x1F4AD;</div>
                 <h4 style="color: #283593; text-transform: none; letter-spacing: 0; margin-bottom: 6px;"><strong>Context</strong> &mdash; the working memory</h4>
                 <p style="font-size: 0.9rem; color: #555; margin: 0;">What Claude holds in its head now &mdash; 200K&ndash;1M tokens.</p>
             </div>
-            <div class="col-card" style="flex: 0 1 calc(33.333% - 12px); border-left: 4px solid #ff9800; text-align: center;">
+            <div class="col-card" style="flex: 0 1 calc(25% - 14px); border-left: 4px solid #ef6c00; text-align: center;">
                 <div style="font-size: 2.8rem; line-height: 1; margin-bottom: 10px;">&#x1F4D8;</div>
                 <h4 style="color: #ef6c00; text-transform: none; letter-spacing: 0; margin-bottom: 6px;"><strong>Workflows</strong> &mdash; the instruction manual</h4>
                 <p style="font-size: 0.9rem; color: #555; margin: 0;">Repeatable step-by-step recipes &mdash; like an AC install guide.</p>
             </div>
-            <div class="col-card" style="flex: 0 1 calc(33.333% - 12px); border-left: 4px solid #9c27b0; text-align: center;">
+            <div class="col-card" style="flex: 0 1 calc(25% - 14px); border-left: 4px solid #9c27b0; text-align: center;">
                 <div style="font-size: 2.8rem; line-height: 1; margin-bottom: 10px;">&#x1F4DD;</div>
                 <h4 style="color: #7b1fa2; text-transform: none; letter-spacing: 0; margin-bottom: 6px;"><strong>CLAUDE.md</strong> &mdash; your memory</h4>
-                <p style="font-size: 0.9rem; color: #555; margin: 0;">Persistent instructions <strong>you</strong> write.</p>
+                <p style="font-size: 0.9rem; color: #555; margin: 0;">Knowledge <strong>you</strong> provide to the model.</p>
+            </div>
+            <div class="col-card" style="flex: 0 1 calc(25% - 14px); border-left: 4px solid #ff9800; text-align: center;">
+                <div style="font-size: 2.8rem; line-height: 1; margin-bottom: 10px;">&#x1F4DD;</div>
+                <h4 style="color: #ef6c00; text-transform: none; letter-spacing: 0; margin-bottom: 6px;"><strong>System Prompt</strong> &mdash; Claude&rsquo;s memory</h4>
+                <p style="font-size: 0.9rem; color: #555; margin: 0;">Knowledge <strong>Anthropic</strong> bakes in.</p>
             </div>
         </div>
     </div>
@@ -555,27 +560,22 @@
     <div class="slide" data-slide="11">
         <h1>&#x1F4AA; Harness &mdash; the body around the brain</h1>
         <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; margin: 28px 0;">
-            <div class="col-card" style="flex: 0 1 calc(33.333% - 12px); border-left: 4px solid #4caf50; text-align: center;">
+            <div class="col-card" style="flex: 0 1 calc(25% - 14px); border-left: 4px solid #4caf50; text-align: center;">
                 <div style="font-size: 2.8rem; line-height: 1; margin-bottom: 10px;">&#x270B;</div>
                 <h4 style="color: #2e7d32; text-transform: none; letter-spacing: 0; margin-bottom: 6px;"><strong>Tools</strong> &mdash; the hands</h4>
                 <p style="font-size: 0.9rem; color: #555; margin: 0;">Read, Edit, Bash, WebSearch.</p>
             </div>
-            <div class="col-card" style="flex: 0 1 calc(33.333% - 12px); border-left: 4px solid #2196f3; text-align: center;">
+            <div class="col-card" style="flex: 0 1 calc(25% - 14px); border-left: 4px solid #2196f3; text-align: center;">
                 <div style="font-size: 2.8rem; line-height: 1; margin-bottom: 10px;">&#x1F441;&#xFE0F;</div>
                 <h4 style="color: #1565c0; text-transform: none; letter-spacing: 0; margin-bottom: 6px;"><strong>MCP</strong> &mdash; the eyes</h4>
                 <p style="font-size: 0.9rem; color: #555; margin: 0;">Claude in Chrome actually <em>sees</em> browser pages.</p>
             </div>
-            <div class="col-card" style="flex: 0 1 calc(33.333% - 12px); border-left: 4px solid #ff9800; text-align: center;">
-                <div style="font-size: 2.8rem; line-height: 1; margin-bottom: 10px;">&#x2699;&#xFE0F;</div>
-                <h4 style="color: #ef6c00; text-transform: none; letter-spacing: 0; margin-bottom: 6px;"><strong>System Prompt</strong> &mdash; Claude&rsquo;s memory</h4>
-                <p style="font-size: 0.9rem; color: #555; margin: 0;">Instructions <strong>Anthropic</strong> bakes in.</p>
-            </div>
-            <div class="col-card" style="flex: 0 1 calc(33.333% - 12px); border-left: 4px solid #f44336; text-align: center;">
+            <div class="col-card" style="flex: 0 1 calc(25% - 14px); border-left: 4px solid #f44336; text-align: center;">
                 <div style="font-size: 2.8rem; line-height: 1; margin-bottom: 10px;">&#x1F6E1;&#xFE0F;</div>
                 <h4 style="color: #c62828; text-transform: none; letter-spacing: 0; margin-bottom: 6px;"><strong>Permissions</strong> &mdash; the guardrails</h4>
                 <p style="font-size: 0.9rem; color: #555; margin: 0;">Allow / ask / deny for tool use.</p>
             </div>
-            <div class="col-card" style="flex: 0 1 calc(33.333% - 12px); border-left: 4px solid #009688; text-align: center;">
+            <div class="col-card" style="flex: 0 1 calc(25% - 14px); border-left: 4px solid #009688; text-align: center;">
                 <div style="font-size: 2.8rem; line-height: 1; margin-bottom: 10px;">&#x1FA9D;</div>
                 <h4 style="color: #00796b; text-transform: none; letter-spacing: 0; margin-bottom: 6px;"><strong>Hooks</strong> &mdash; the reflexes</h4>
                 <p style="font-size: 0.9rem; color: #555; margin: 0;"><strong>Deterministic</strong> scripts that fire on events.</p>