open source is social v-it.org
Sync latest deck to docs/ for v-it.org deploy
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
+62
-27
+62
-27
docs/decks/resonant-2026/index.html
+62
-27
docs/decks/resonant-2026/index.html
···
46
46
.green { color: var(--green); }
47
47
.green-light { color: var(--green-light); }
48
48
.dim { color: var(--text-dim); }
49
+
50
+
/* persistent brand mark — bottom left of slides 2-6 */
51
+
.brand-mark {
52
+
position: absolute;
53
+
bottom: 32px;
54
+
left: 48px;
55
+
opacity: 0.12;
56
+
}
49
57
</style>
50
58
</head>
51
59
<body>
···
76
84
</div>
77
85
<div style="width:120px; height:2px; background:var(--text-dim); opacity:0.4;"></div>
78
86
<div style="text-align:center;">
79
-
<p style="font-size:96px; margin:0; font-weight:700;">2024</p>
80
-
<p class="dim" style="font-size:48px; margin:16px 0 0 0;">cathedral</p>
87
+
<p style="font-size:96px; margin:0; font-weight:700;">2026</p>
88
+
<p class="dim" style="font-size:48px; margin:16px 0 0 0;">stadium</p>
81
89
</div>
82
90
</div>
83
-
<p class="dim" style="font-size:32px; margin:0;">85% of projects. <5% of devs producing 95% of code.</p>
91
+
<p style="font-size:36px; margin:0;">one maintainer performing for millions of users.</p>
92
+
<p class="dim" style="font-size:32px; margin:16px 0 0 0;">the performers are burning out.</p>
93
+
<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" class="brand-mark" width="40">
94
+
<circle cx="16" cy="5.5" r="3" fill="#06D6A0"/>
95
+
<path d="M5.5 10 L16 26 L26.5 10" stroke="#06D6A0" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
96
+
</svg>
84
97
</section>
85
98
86
-
<!-- slide 3: agents break the cathedral -->
99
+
<!-- slide 3: agents are the unlock -->
87
100
<section>
88
-
<p style="font-size:56px; max-width:70%; text-align:center; line-height:1.5; margin:0 auto;">
89
-
agents generate <span class="green">more code in a day</span> than most projects see in a month.
101
+
<p style="font-size:52px; max-width:75%; text-align:center; line-height:1.5; margin:0 auto 20px auto;">
102
+
coding agents don't break open source.
90
103
</p>
104
+
<p class="green" style="font-size:56px; max-width:75%; text-align:center; line-height:1.5; margin:0 auto; font-weight:500;">
105
+
they break the gatekeeping model.
106
+
</p>
107
+
<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" class="brand-mark" width="40">
108
+
<circle cx="16" cy="5.5" r="3" fill="#06D6A0"/>
109
+
<path d="M5.5 10 L16 26 L26.5 10" stroke="#06D6A0" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
110
+
</svg>
91
111
</section>
92
112
93
-
<!-- slide 4: what the bazaar actually looks like -->
113
+
<!-- slide 4: open source is social -->
94
114
<section>
95
-
<p class="dim" style="font-size:28px; margin:0 0 40px 0;">vit on AT Protocol</p>
96
-
<div style="display:flex; align-items:center; justify-content:center; gap:24px;">
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"/>
118
+
</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;">
97
121
<span class="green" style="font-size:44px; font-weight:500;">skim</span>
98
122
<span class="dim" style="font-size:36px;">→</span>
99
123
<span class="green" style="font-size:44px; font-weight:500;">vet</span>
···
104
128
<span class="dim" style="font-size:36px;">→</span>
105
129
<span class="green" style="font-size:44px; font-weight:500;">ship</span>
106
130
</div>
131
+
<p class="dim" style="font-size:28px; margin:0;">a social capability network on AT Protocol</p>
107
132
</section>
108
133
109
-
<!-- slide 5: the five principles -->
134
+
<!-- slide 5: the bazaar in practice -->
110
135
<section>
111
-
<div style="position:relative; text-align:left; padding-left:12%; padding-right:12%;">
112
-
<div style="display:flex; flex-direction:column; gap:20px;">
113
-
<div><span class="green" style="font-size:44px; font-weight:500;">private.</span> <span class="dim" style="font-size:30px;">your data, your graph, your vouches. no platform owns it.</span></div>
114
-
<div><span class="green" style="font-size:44px; font-weight:500;">dedicated.</span> <span class="dim" style="font-size:30px;">works for developers, not advertisers. zero tracking.</span></div>
115
-
<div><span class="green" style="font-size:44px; font-weight:500;">plural.</span> <span class="dim" style="font-size:30px;">AT Protocol — no single entity controls the network.</span></div>
116
-
<div><span class="green" style="font-size:44px; font-weight:500;">adaptable.</span> <span class="dim" style="font-size:30px;">caps are remixable. agents are first-class participants.</span></div>
117
-
<div><span class="green" style="font-size:44px; font-weight:500;">prosocial.</span> <span class="dim" style="font-size:30px;">quality through social trust. the network rewards honesty.</span></div>
118
-
</div>
119
-
<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" style="position:absolute; right:-2%; top:50%; transform:translateY(-50%); width:280px; opacity:0.06;">
120
-
<circle cx="16" cy="5.5" r="3" fill="#06D6A0"/>
121
-
<path d="M5.5 10 L16 26 L26.5 10" stroke="#06D6A0" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
122
-
</svg>
136
+
<div style="text-align:left; max-width:75%; margin:0 auto; line-height:1.8;">
137
+
<p style="font-size:38px; margin:0 0 12px 0;">
138
+
<span class="dim">a coding agent ships a fix.</span>
139
+
</p>
140
+
<p style="font-size:38px; margin:0 0 12px 0;">
141
+
<span class="dim">three developers you trust</span> <span class="green" style="font-weight:500;">vouch</span> <span class="dim">for it.</span>
142
+
</p>
143
+
<p style="font-size:38px; margin:0 0 12px 0;">
144
+
<span class="dim">you</span> <span class="green" style="font-weight:500;">skim</span><span class="dim">,</span> <span class="green" style="font-weight:500;">vet</span><span class="dim">,</span> <span class="green" style="font-weight:500;">remix</span> <span class="dim">it into your codebase.</span>
145
+
</p>
146
+
<p style="font-size:42px; margin:24px 0 0 0; font-weight:500;">
147
+
no PR. no gatekeeper. <span class="green">reputation, not permission.</span>
148
+
</p>
123
149
</div>
150
+
<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" class="brand-mark" width="40">
151
+
<circle cx="16" cy="5.5" r="3" fill="#06D6A0"/>
152
+
<path d="M5.5 10 L16 26 L26.5 10" stroke="#06D6A0" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
153
+
</svg>
124
154
</section>
125
155
126
-
<!-- slide 6: why this is structural -->
156
+
<!-- slide 6: the enshittification killswitch -->
127
157
<section>
128
-
<p style="font-size:60px; margin:0 0 16px 0;">this isn't a promise.</p>
129
-
<p class="green" style="font-size:64px; margin:0; font-weight:600;">it's a structure.</p>
130
-
<p class="dim" style="font-size:28px; margin:48px 0 0 0;">sol pbc — irrevocable covenants in the articles of incorporation</p>
158
+
<p style="font-size:48px; margin:0 0 16px 0;">built on the</p>
159
+
<p class="green" style="font-size:60px; margin:0 0 48px 0; font-weight:600;">enshittification killswitch.</p>
160
+
<p class="dim" style="font-size:32px; margin:0; max-width:70%; text-align:center; line-height:1.6;">
161
+
your identity. your data. your connections.<br>portable. yours to keep.
162
+
</p>
163
+
<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" class="brand-mark" width="40">
164
+
<circle cx="16" cy="5.5" r="3" fill="#06D6A0"/>
165
+
<path d="M5.5 10 L16 26 L26.5 10" stroke="#06D6A0" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
166
+
</svg>
131
167
</section>
132
168
133
169
<!-- slide 7: try it / close -->
···
139
175
<div class="mono" style="display:flex; flex-direction:column; align-items:center; gap:12px; margin-bottom:36px;">
140
176
<span class="green" style="font-size:40px;">npx vit login</span>
141
177
<span class="green" style="font-size:40px;">vit init</span>
142
-
<span class="green" style="font-size:40px;">vit skim</span>
143
178
</div>
144
179
<p style="font-size:40px; margin:0 0 16px 0;">open source is social. join the bazaar.</p>
145
180
<p class="dim" style="font-size:32px; margin:0;">v-it.org</p>