open source is social v-it.org
Use social loop circle visual on slide 4
Replace linear skim→vet→remix→vouch→ship flow with the circle diagram
from v-it.org/start/ — adapted for dark backgrounds. The cycle visual
with "open source is social" in the center is a stronger representation
of the workflow as a continuous loop rather than a pipeline.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
+64
-30
+32
-15
decks/resonant-2026/index.html
+32
-15
decks/resonant-2026/index.html
···
112
112
113
113
<!-- slide 4: open source is social -->
114
114
<section>
115
-
<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" width="120" style="margin-bottom:24px;">
116
-
<circle cx="16" cy="5.5" r="3" fill="#06D6A0"/>
117
-
<path d="M5.5 10 L16 26 L26.5 10" stroke="#06D6A0" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
115
+
<svg viewBox="0 0 800 490" xmlns="http://www.w3.org/2000/svg" width="620" style="margin-bottom:24px;">
116
+
<style>text { font-family: system-ui, -apple-system, sans-serif; }</style>
117
+
<defs>
118
+
<marker id="arr" markerWidth="10" markerHeight="7" refX="8" refY="3.5" orient="auto">
119
+
<path d="M1.5,1 L8,3.5 L1.5,6" fill="none" stroke="#06D6A0" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
120
+
</marker>
121
+
</defs>
122
+
<g fill="#06D6A0">
123
+
<circle cx="400" cy="70" r="4.5"/>
124
+
<circle cx="576" cy="198" r="4.5"/>
125
+
<circle cx="509" cy="405" r="4.5"/>
126
+
<circle cx="291" cy="405" r="4.5"/>
127
+
<circle cx="224" cy="198" r="4.5"/>
128
+
</g>
129
+
<g fill="none" stroke="#06D6A0" stroke-width="2.5" stroke-linecap="round">
130
+
<path d="M442,75 A185,185 0 0 1 559,160" marker-end="url(#arr)"/>
131
+
<path d="M584,239 A185,185 0 0 1 540,376" marker-end="url(#arr)"/>
132
+
<path d="M472,425 A185,185 0 0 1 328,425" marker-end="url(#arr)"/>
133
+
<path d="M260,376 A185,185 0 0 1 216,239" marker-end="url(#arr)"/>
134
+
<path d="M241,160 A185,185 0 0 1 358,75" marker-end="url(#arr)"/>
135
+
</g>
136
+
<text x="400" y="123" text-anchor="middle" font-size="26" font-weight="700" fill="#06D6A0" letter-spacing="1">skim</text>
137
+
<text x="400" y="143" text-anchor="middle" font-size="13" fill="#888888">browse what others share</text>
138
+
<text x="524" y="213" text-anchor="middle" font-size="26" font-weight="700" fill="#06D6A0" letter-spacing="1">vet</text>
139
+
<text x="524" y="233" text-anchor="middle" font-size="13" fill="#888888">check it</text>
140
+
<text x="476" y="358" text-anchor="middle" font-size="26" font-weight="700" fill="#06D6A0" letter-spacing="1">remix</text>
141
+
<text x="476" y="378" text-anchor="middle" font-size="13" fill="#888888">make it yours</text>
142
+
<text x="324" y="358" text-anchor="middle" font-size="26" font-weight="700" fill="#06D6A0" letter-spacing="1">vouch</text>
143
+
<text x="324" y="378" text-anchor="middle" font-size="13" fill="#888888">endorse what works</text>
144
+
<text x="276" y="213" text-anchor="middle" font-size="26" font-weight="700" fill="#06D6A0" letter-spacing="1">ship</text>
145
+
<text x="276" y="233" text-anchor="middle" font-size="13" fill="#888888">share it back</text>
146
+
<text x="400" y="268" text-anchor="middle" font-size="18" font-weight="600" fill="#06D6A0" letter-spacing="0.5">open source is social</text>
118
147
</svg>
119
-
<p class="green" style="font-size:56px; margin:0 0 48px 0; font-weight:600;">open source is social.</p>
120
-
<div style="display:flex; align-items:center; justify-content:center; gap:24px; margin-bottom:40px;">
121
-
<span class="green" style="font-size:44px; font-weight:500;">skim</span>
122
-
<span class="dim" style="font-size:36px;">→</span>
123
-
<span class="green" style="font-size:44px; font-weight:500;">vet</span>
124
-
<span class="dim" style="font-size:36px;">→</span>
125
-
<span class="green" style="font-size:44px; font-weight:500;">remix</span>
126
-
<span class="dim" style="font-size:36px;">→</span>
127
-
<span class="green" style="font-size:44px; font-weight:500;">vouch</span>
128
-
<span class="dim" style="font-size:36px;">→</span>
129
-
<span class="green" style="font-size:44px; font-weight:500;">ship</span>
130
-
</div>
131
148
<p class="dim" style="font-size:28px; margin:0;">a social capability network on AT Protocol</p>
132
149
</section>
133
150
+32
-15
docs/decks/resonant-2026/index.html
+32
-15
docs/decks/resonant-2026/index.html
···
112
112
113
113
<!-- slide 4: open source is social -->
114
114
<section>
115
-
<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" width="120" style="margin-bottom:24px;">
116
-
<circle cx="16" cy="5.5" r="3" fill="#06D6A0"/>
117
-
<path d="M5.5 10 L16 26 L26.5 10" stroke="#06D6A0" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
115
+
<svg viewBox="0 0 800 490" xmlns="http://www.w3.org/2000/svg" width="620" style="margin-bottom:24px;">
116
+
<style>text { font-family: system-ui, -apple-system, sans-serif; }</style>
117
+
<defs>
118
+
<marker id="arr" markerWidth="10" markerHeight="7" refX="8" refY="3.5" orient="auto">
119
+
<path d="M1.5,1 L8,3.5 L1.5,6" fill="none" stroke="#06D6A0" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
120
+
</marker>
121
+
</defs>
122
+
<g fill="#06D6A0">
123
+
<circle cx="400" cy="70" r="4.5"/>
124
+
<circle cx="576" cy="198" r="4.5"/>
125
+
<circle cx="509" cy="405" r="4.5"/>
126
+
<circle cx="291" cy="405" r="4.5"/>
127
+
<circle cx="224" cy="198" r="4.5"/>
128
+
</g>
129
+
<g fill="none" stroke="#06D6A0" stroke-width="2.5" stroke-linecap="round">
130
+
<path d="M442,75 A185,185 0 0 1 559,160" marker-end="url(#arr)"/>
131
+
<path d="M584,239 A185,185 0 0 1 540,376" marker-end="url(#arr)"/>
132
+
<path d="M472,425 A185,185 0 0 1 328,425" marker-end="url(#arr)"/>
133
+
<path d="M260,376 A185,185 0 0 1 216,239" marker-end="url(#arr)"/>
134
+
<path d="M241,160 A185,185 0 0 1 358,75" marker-end="url(#arr)"/>
135
+
</g>
136
+
<text x="400" y="123" text-anchor="middle" font-size="26" font-weight="700" fill="#06D6A0" letter-spacing="1">skim</text>
137
+
<text x="400" y="143" text-anchor="middle" font-size="13" fill="#888888">browse what others share</text>
138
+
<text x="524" y="213" text-anchor="middle" font-size="26" font-weight="700" fill="#06D6A0" letter-spacing="1">vet</text>
139
+
<text x="524" y="233" text-anchor="middle" font-size="13" fill="#888888">check it</text>
140
+
<text x="476" y="358" text-anchor="middle" font-size="26" font-weight="700" fill="#06D6A0" letter-spacing="1">remix</text>
141
+
<text x="476" y="378" text-anchor="middle" font-size="13" fill="#888888">make it yours</text>
142
+
<text x="324" y="358" text-anchor="middle" font-size="26" font-weight="700" fill="#06D6A0" letter-spacing="1">vouch</text>
143
+
<text x="324" y="378" text-anchor="middle" font-size="13" fill="#888888">endorse what works</text>
144
+
<text x="276" y="213" text-anchor="middle" font-size="26" font-weight="700" fill="#06D6A0" letter-spacing="1">ship</text>
145
+
<text x="276" y="233" text-anchor="middle" font-size="13" fill="#888888">share it back</text>
146
+
<text x="400" y="268" text-anchor="middle" font-size="18" font-weight="600" fill="#06D6A0" letter-spacing="0.5">open source is social</text>
118
147
</svg>
119
-
<p class="green" style="font-size:56px; margin:0 0 48px 0; font-weight:600;">open source is social.</p>
120
-
<div style="display:flex; align-items:center; justify-content:center; gap:24px; margin-bottom:40px;">
121
-
<span class="green" style="font-size:44px; font-weight:500;">skim</span>
122
-
<span class="dim" style="font-size:36px;">→</span>
123
-
<span class="green" style="font-size:44px; font-weight:500;">vet</span>
124
-
<span class="dim" style="font-size:36px;">→</span>
125
-
<span class="green" style="font-size:44px; font-weight:500;">remix</span>
126
-
<span class="dim" style="font-size:36px;">→</span>
127
-
<span class="green" style="font-size:44px; font-weight:500;">vouch</span>
128
-
<span class="dim" style="font-size:36px;">→</span>
129
-
<span class="green" style="font-size:44px; font-weight:500;">ship</span>
130
-
</div>
131
148
<p class="dim" style="font-size:28px; margin:0;">a social capability network on AT Protocol</p>
132
149
</section>
133
150