From 44cf26d50887a678f78eb695cda1be1ceb492d06 Mon Sep 17 00:00:00 2001
From: Jeremie Miller <jeremie.miller@gmail.com>
Date: Sat, 28 Mar 2026 14:20:14 -0700
Subject: [PATCH] =?UTF-8?q?Revise=20Atmosphere=202026=20deck=20=E2=80=94?=
 =?UTF-8?q?=20new=20workflow=20slide,=20polish=20across=20all=20slides?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add slide 2b contrasting human (person→doc→person→code via git) vs
agent (robot→doc→robot→code via vit) workflows. Update existing slides:
rename two forks to clones with inverted arrows, enlarge social loop,
clean up typography (remove periods, center text, consistent green
headers), update CTA to npm install -g, and swap explore URL for
org.v-it.cap lexicon.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 docs/decks/atmosphere-2026/index.html | 187 ++++++++++++++++++++++----
 1 file changed, 163 insertions(+), 24 deletions(-)

diff --git a/docs/decks/atmosphere-2026/index.html b/docs/decks/atmosphere-2026/index.html
index 84722a4..23237de 100644
--- a/docs/decks/atmosphere-2026/index.html
+++ b/docs/decks/atmosphere-2026/index.html
@@ -127,8 +127,8 @@
           <!-- chevrons pointing toward upstream -->
           <g stroke="#505868" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round">
             <path d="M114,185 L116,179 L109,179"/>
-            <path d="M135,222 L134,216 L128,218"/>
-            <path d="M170,247 L167,241 L162,245"/>
+            <path d="M130,215 L131,221 L137,219"/>
+            <path d="M163,242 L166,248 L171,244"/>
             <path d="M199,256 L195,251 L191,256"/>
             <path d="M228,245 L223,241 L220,247"/>
             <path d="M262,218 L256,216 L255,222"/>
@@ -140,9 +140,9 @@
             <circle cx="85"  cy="208" r="14" fill="#1a1d2a" stroke="#6b7280" stroke-width="1.3"/>
             <text x="85" y="213" text-anchor="middle" font-size="12" fill="#9ca3af">fork</text>
             <circle cx="110" cy="263" r="14" fill="#1a1d2a" stroke="#6b7280" stroke-width="1.3"/>
-            <text x="110" y="268" text-anchor="middle" font-size="12" fill="#9ca3af">fork</text>
+            <text x="110" y="268" text-anchor="middle" font-size="12" fill="#9ca3af">clone</text>
             <circle cx="155" cy="298" r="14" fill="#1a1d2a" stroke="#6b7280" stroke-width="1.3"/>
-            <text x="155" y="303" text-anchor="middle" font-size="12" fill="#9ca3af">fork</text>
+            <text x="155" y="303" text-anchor="middle" font-size="12" fill="#9ca3af">clone</text>
             <circle cx="195" cy="313" r="14" fill="#1a1d2a" stroke="#6b7280" stroke-width="1.3"/>
             <text x="195" y="318" text-anchor="middle" font-size="12" fill="#9ca3af">fork</text>
             <circle cx="235" cy="298" r="14" fill="#1a1d2a" stroke="#6b7280" stroke-width="1.3"/>
@@ -239,9 +239,151 @@
         </svg>
       </section>
 
+      <!-- slide 2b: workflow contrast -->
+      <section>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 440" width="1700" font-family="system-ui, -apple-system, sans-serif">
+          <rect width="800" height="440" fill="#111111"/>
+
+          <!-- center divider -->
+          <line x1="400" y1="55" x2="400" y2="410" stroke="#1a1d2a" stroke-width="1"/>
+
+          <!-- === LEFT SIDE: today === -->
+          <text x="195" y="48" text-anchor="middle" font-size="22" font-weight="600" fill="#9ca3af" letter-spacing="0.05em">today</text>
+
+          <!-- community: 3 heads -->
+          <g fill="#1a1d2a" stroke="#6b7280" stroke-width="1.5">
+            <circle cx="181" cy="90" r="6"/>
+            <circle cx="195" cy="84" r="6"/>
+            <circle cx="209" cy="90" r="6"/>
+          </g>
+
+          <!-- arrow -->
+          <line x1="195" y1="100" x2="195" y2="138" stroke="#374151" stroke-width="1.2"/>
+          <path d="M191,132 L195,138 L199,132" stroke="#505868" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
+
+          <!-- person with laptop 1 -->
+          <g transform="translate(195, 155)" stroke="#6b7280" fill="#1a1d2a">
+            <circle r="6" stroke-width="1.5"/>
+            <path d="M-8,12 L0,18 L8,12" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
+          </g>
+
+          <!-- arrow -->
+          <line x1="195" y1="177" x2="195" y2="208" stroke="#374151" stroke-width="1.2"/>
+          <path d="M191,202 L195,208 L199,202" stroke="#505868" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
+
+          <!-- document -->
+          <g transform="translate(195, 228)" stroke="#6b7280" stroke-width="1.5">
+            <path d="M-10,-14 L6,-14 L10,-10 L10,14 L-10,14 Z" fill="#1a1d2a"/>
+            <path d="M6,-14 L6,-10 L10,-10" fill="none" stroke-width="1"/>
+            <line x1="-5" y1="-4" x2="5" y2="-4" stroke-width="1" opacity="0.4"/>
+            <line x1="-5" y1="1" x2="5" y2="1" stroke-width="1" opacity="0.4"/>
+            <line x1="-5" y1="6" x2="2" y2="6" stroke-width="1" opacity="0.4"/>
+          </g>
+
+          <!-- arrow -->
+          <line x1="195" y1="246" x2="195" y2="278" stroke="#374151" stroke-width="1.2"/>
+          <path d="M191,272 L195,278 L199,272" stroke="#505868" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
+
+          <!-- person with laptop 2 -->
+          <g transform="translate(195, 295)" stroke="#6b7280" fill="#1a1d2a">
+            <circle r="6" stroke-width="1.5"/>
+            <path d="M-8,12 L0,18 L8,12" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
+          </g>
+
+          <!-- arrow -->
+          <line x1="195" y1="317" x2="195" y2="348" stroke="#374151" stroke-width="1.2"/>
+          <path d="M191,342 L195,348 L199,342" stroke="#505868" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
+
+          <!-- code -->
+          <g transform="translate(195, 368)">
+            <rect x="-18" y="-12" width="36" height="24" rx="4" fill="#1a1d2a" stroke="#6b7280" stroke-width="1.5"/>
+            <text x="0" y="5" text-anchor="middle" font-size="13" font-family="'SF Mono','Fira Code',monospace" fill="#9ca3af">&lt;/&gt;</text>
+          </g>
+
+          <!-- "git" label -->
+          <text x="228" y="373" font-size="15" fill="#9ca3af">git</text>
+
+          <!-- === RIGHT SIDE: with vit === -->
+          <text x="600" y="48" text-anchor="middle" font-size="22" font-weight="600" fill="#06D6A0" letter-spacing="0.05em">with vit</text>
+
+          <!-- community: 3 heads (green) -->
+          <g fill="#0a2a1f" stroke="#06D6A0" stroke-width="1.5">
+            <circle cx="586" cy="90" r="6"/>
+            <circle cx="600" cy="84" r="6"/>
+            <circle cx="614" cy="90" r="6"/>
+          </g>
+
+          <!-- arrow -->
+          <line x1="600" y1="100" x2="600" y2="138" stroke="#06D6A0" stroke-width="1.2" opacity="0.35"/>
+          <path d="M596,132 L600,138 L604,132" stroke="#06D6A0" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" opacity="0.6"/>
+
+          <!-- robot 1 -->
+          <g transform="translate(600, 152)" stroke="#06D6A0" fill="#0a2a1f">
+            <line x1="0" y1="-12" x2="0" y2="-8" stroke-width="1.5"/>
+            <circle cx="0" cy="-13" r="2" fill="#06D6A0"/>
+            <rect x="-8" y="-8" width="16" height="12" rx="3" stroke-width="1.5"/>
+            <circle cx="-3" cy="-2" r="1.5" fill="#06D6A0" opacity="0.5"/>
+            <circle cx="3" cy="-2" r="1.5" fill="#06D6A0" opacity="0.5"/>
+            <rect x="-10" y="6" width="20" height="10" rx="2" stroke-width="1.2"/>
+          </g>
+
+          <!-- arrow -->
+          <line x1="600" y1="170" x2="600" y2="208" stroke="#06D6A0" stroke-width="1.2" opacity="0.35"/>
+          <path d="M596,202 L600,208 L604,202" stroke="#06D6A0" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" opacity="0.6"/>
+
+          <!-- document (green) -->
+          <g transform="translate(600, 228)" stroke="#06D6A0" stroke-width="1.5">
+            <path d="M-10,-14 L6,-14 L10,-10 L10,14 L-10,14 Z" fill="#0a2a1f"/>
+            <path d="M6,-14 L6,-10 L10,-10" fill="none" stroke-width="1"/>
+            <line x1="-5" y1="-4" x2="5" y2="-4" stroke-width="1" opacity="0.35"/>
+            <line x1="-5" y1="1" x2="5" y2="1" stroke-width="1" opacity="0.35"/>
+            <line x1="-5" y1="6" x2="2" y2="6" stroke-width="1" opacity="0.35"/>
+          </g>
+
+          <!-- "vit" label -->
+          <text x="625" y="233" font-size="15" fill="#06D6A0" font-weight="600">vit</text>
+
+          <!-- arrow -->
+          <line x1="600" y1="246" x2="600" y2="278" stroke="#06D6A0" stroke-width="1.2" opacity="0.35"/>
+          <path d="M596,272 L600,278 L604,272" stroke="#06D6A0" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" opacity="0.6"/>
+
+          <!-- robot 2 -->
+          <g transform="translate(600, 292)" stroke="#06D6A0" fill="#0a2a1f">
+            <line x1="0" y1="-12" x2="0" y2="-8" stroke-width="1.5"/>
+            <circle cx="0" cy="-13" r="2" fill="#06D6A0"/>
+            <rect x="-8" y="-8" width="16" height="12" rx="3" stroke-width="1.5"/>
+            <circle cx="-3" cy="-2" r="1.5" fill="#06D6A0" opacity="0.5"/>
+            <circle cx="3" cy="-2" r="1.5" fill="#06D6A0" opacity="0.5"/>
+            <rect x="-10" y="6" width="20" height="10" rx="2" stroke-width="1.2"/>
+          </g>
+
+          <!-- arrow -->
+          <line x1="600" y1="310" x2="600" y2="348" stroke="#06D6A0" stroke-width="1.2" opacity="0.35"/>
+          <path d="M596,342 L600,348 L604,342" stroke="#06D6A0" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" opacity="0.6"/>
+
+          <!-- code (green) -->
+          <g transform="translate(600, 368)">
+            <rect x="-18" y="-12" width="36" height="24" rx="4" fill="#0a2a1f" stroke="#06D6A0" stroke-width="1.5"/>
+            <text x="0" y="5" text-anchor="middle" font-size="13" font-family="'SF Mono','Fira Code',monospace" fill="#06D6A0">&lt;/&gt;</text>
+          </g>
+
+          <!-- evolution arrow in center -->
+          <g transform="translate(400, 228)">
+            <circle r="16" fill="#141722" stroke="#252836" stroke-width="1"/>
+            <path d="M-5.5 0 L4.5 0 M1.5 -3.5 L5.5 0 L1.5 3.5" stroke="#9ca3af" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+          </g>
+
+          <!-- vit mark -->
+          <g transform="translate(758, 406) scale(0.65)" opacity="0.35">
+            <circle cx="16" cy="5.5" r="3" fill="#06D6A0"/>
+            <path d="M5.5 10 L16 26 L26.5 10" stroke="#06D6A0" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+          </g>
+        </svg>
+      </section>
+
       <!-- slide 3: the social loop -->
       <section>
-        <svg viewBox="0 0 800 490" xmlns="http://www.w3.org/2000/svg" width="820" style="margin-bottom:24px;">
+        <svg viewBox="0 0 800 490" xmlns="http://www.w3.org/2000/svg" width="1476" style="margin-bottom:24px;">
           <style>text { font-family: system-ui, -apple-system, sans-serif; }</style>
           <defs>
             <marker id="arr" markerWidth="10" markerHeight="7" refX="8" refY="3.5" orient="auto">
@@ -283,19 +425,17 @@
           <div style="text-align:left; max-width:420px;">
             <p class="green" style="font-size:52px; margin:0 0 16px 0; font-weight:600;">skills</p>
             <p style="font-size:34px; margin:0 0 16px 0; line-height:1.3;">reusable agent abilities</p>
-            <p class="dim" style="font-size:28px; margin:0 0 8px 0;">publish once, any agent can learn it</p>
-            <p class="dim" style="font-size:24px; margin:0; font-style:italic;">"how to write atproto records"</p>
+            <p class="dim" style="font-size:28px; margin:0;">publish once, any agent can learn it</p>
           </div>
           <div style="width:2px; height:240px; background:var(--text-dim); opacity:0.2; margin-top:12px;"></div>
           <div style="text-align:left; max-width:420px;">
-            <p style="font-size:52px; margin:0 0 16px 0; font-weight:600;">capabilities</p>
+            <p class="green" style="font-size:52px; margin:0 0 16px 0; font-weight:600;">capabilities</p>
             <p style="font-size:34px; margin:0 0 16px 0; line-height:1.3;">structured change instructions</p>
-            <p class="dim" style="font-size:28px; margin:0 0 8px 0;">code improvements that flow socially</p>
-            <p class="dim" style="font-size:24px; margin:0; font-style:italic;">"upgrade your auth to oauth 2.1"</p>
+            <p class="dim" style="font-size:28px; margin:0;">code improvements that flow socially</p>
           </div>
         </div>
         <p class="green" style="font-size:36px; margin:80px auto 0; max-width:80%; font-weight:500; line-height:1.4;">
-          capabilities change codebases. skills teach agents.<br>both flow through the same trust network.
+          capabilities change codebases<br>skills teach agents<br>both flow through the same trust network
         </p>
         <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" class="brand-mark" width="40">
           <circle cx="16" cy="5.5" r="3" fill="#06D6A0"/>
@@ -308,7 +448,7 @@
         <p style="font-size:46px; margin:0 0 56px 0; font-weight:500;">a human+agent collaboration tool</p>
         <div style="display:flex; justify-content:center; gap:160px; align-items:flex-start; margin-bottom:48px;">
           <div style="text-align:left;">
-            <p style="font-size:38px; margin:0 0 24px 0; font-weight:600;">you</p>
+            <p class="green" style="font-size:38px; margin:0 0 24px 0; font-weight:600;">you</p>
             <div class="mono" style="font-size:30px; line-height:2;">
               <p style="margin:0;">setup</p>
               <p style="margin:0;">login</p>
@@ -319,7 +459,7 @@
           <div style="width:2px; height:260px; background:var(--green); opacity:0.15; margin-top:8px;"></div>
           <div style="text-align:left;">
             <p class="green" style="font-size:38px; margin:0 0 24px 0; font-weight:600;">your agent</p>
-            <div class="mono green" style="font-size:30px; line-height:2;">
+            <div class="mono" style="font-size:30px; line-height:2;">
               <p style="margin:0;">skim</p>
               <p style="margin:0;">remix</p>
               <p style="margin:0;">ship</p>
@@ -327,7 +467,7 @@
             </div>
           </div>
         </div>
-        <p class="dim" style="font-size:30px; margin:0 0 12px 0;">trust decisions stay with humans. discovery and execution flow through agents.</p>
+        <p class="green" style="font-size:30px; margin:0 0 12px 0; font-weight:500; line-height:1.4;">trust decisions stay with humans<br>discovery and execution flow through agents</p>
         <p class="dim" style="font-size:28px; margin:0;">Claude Code · Codex CLI · Gemini CLI</p>
         <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" class="brand-mark" width="40">
           <circle cx="16" cy="5.5" r="3" fill="#06D6A0"/>
@@ -337,12 +477,11 @@
 
       <!-- slide 6: built on our protocol -->
       <section>
-        <p class="green" style="font-size:58px; margin:0 0 64px 0; font-weight:600;">built on our protocol.</p>
-        <div style="text-align:left; max-width:72%; margin:0 auto; line-height:2.2;">
-          <p style="font-size:40px; margin:0;">your identity travels with you.</p>
-          <p style="font-size:40px; margin:0;">you build a trust graph for code.</p>
-          <p style="font-size:40px; margin:0;">your agent works the network on your behalf.</p>
-          <p style="font-size:40px; margin:0;">no lock-in. you choose your feed. portable.</p>
+        <p class="green" style="font-size:58px; margin:0 0 64px 0; font-weight:600;">built on at protocol</p>
+        <div style="text-align:center; max-width:72%; margin:0 auto; line-height:2.2;">
+          <p style="font-size:40px; margin:0;">you build a trust graph for new capabilities</p>
+          <p style="font-size:40px; margin:0;">your agent works the network on your behalf</p>
+          <p style="font-size:40px; margin:0;">everyone can now build, share, build, share, ...</p>
         </div>
         <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" class="brand-mark" width="40">
           <circle cx="16" cy="5.5" r="3" fill="#06D6A0"/>
@@ -357,11 +496,11 @@
           <path d="M5.5 10 L16 26 L26.5 10" stroke="#06D6A0" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
         </svg>
         <div class="mono" style="display:flex; flex-direction:column; align-items:center; gap:12px; margin-bottom:40px;">
-          <span class="green" style="font-size:42px;">npx vit setup</span>
-          <span class="green" style="font-size:42px;">npx vit login you.bsky.social</span>
+          <span class="green" style="font-size:42px;">npm install -g vit</span>
+          <span class="green" style="font-size:42px;">vit login @&lt;you&gt;</span>
         </div>
-        <p style="font-size:42px; margin:0 0 20px 0;">open source is social.</p>
-        <p class="dim" style="font-size:28px; margin:0;">v-it.org · explore.v-it.org · MIT license</p>
+        <p style="font-size:42px; margin:0 0 20px 0;">open source is social</p>
+        <p class="dim" style="font-size:28px; margin:0;">v-it.org · org.v-it.cap · MIT</p>
       </section>
 
     </div>
-- 
2.51.2