Skip to content

Commit 06ef694

Browse files
sanityclaude
andcommitted
Polish presentation slides: new Core Idea slide, rewrite Decentralized Consistency and Agent Infrastructure
- Add "The Core Idea" slide explaining Freenet as a key-value store with WebAssembly contracts, delegates, and UIs - Rename "Real-Time Sync" to "Decentralized Consistency" with color-mixing diagram illustrating commutative monoid property - Rewrite "Agent Infrastructure" slide with diagram showing trust through transparent contracts vs direct agent-to-agent distrust - Update "AI-Accelerated Development" with quality framing, AI reviews - Rework "Get Involved" layout for full-width URLs, update links to freenet.org/quickstart and tutorial - Add freenet.org/quickstart and @sanity to Questions slide - Add sender attestation note to Building on Freenet - Add freenet.org URL to title slide Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 8e57449 commit 06ef694

File tree

14 files changed

+306
-179
lines changed

14 files changed

+306
-179
lines changed

hugo-site/content/presentations/2025-02-06-freenet-lives.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,9 +9,10 @@ slides:
99
- intro/title
1010
# 2. Context for newcomers
1111
- intro/stack-comparison
12+
- intro/core-idea
1213
# 3. The Hard Problems We Solved
1314
- hard-problems/small-world
14-
- hard-problems/real-time-sync
15+
- hard-problems/decentralized-consistency
1516
- hard-problems/sync-demo
1617
- hard-problems/subscription-trees
1718
- hard-problems/propagation-demo

hugo-site/static/slides/ai/accelerated-development.html

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -35,13 +35,14 @@ <h2 style="flex-shrink: 0; margin-bottom: 0.2em;">AI-Accelerated Development</h2
3535
</div>
3636

3737
<div class="ai-dev-box" style="background: rgba(79,172,254,0.1); border: 2px solid rgba(79,172,254,0.4);">
38-
<p class="title" style="color: #4facfe;">"But isn't AI code garbage?"</p>
38+
<p class="title" style="color: #4facfe;">Maintaining quality</p>
3939
<ul>
40-
<li><em>Unverified</em> code is garbage</li>
41-
<li>Solution: CI + comprehensive tests</li>
40+
<li>Unverified code is the real risk</li>
41+
<li>CI + comprehensive tests as guardrails</li>
4242
<li>AI drafts, tests verify, humans review</li>
43+
<li>AI reviews catch issues humans miss</li>
4344
</ul>
44-
<p class="note" style="color: #4facfe;">Same quality bar. Higher velocity.</p>
45+
<p class="note" style="color: #4facfe;">Same quality bar. Higher speed.</p>
4546
</div>
4647
</div>
4748
</div>
@@ -50,8 +51,10 @@ <h2 style="flex-shrink: 0; margin-bottom: 0.2em;">AI-Accelerated Development</h2
5051
<p><strong>AI-assisted development:</strong></p>
5152
<ul>
5253
<li>dapp-builder skill teaches Claude to build Freenet apps (Contract, Delegate, UI pattern)</li>
54+
<li>Honest status: AI hasn't built a full Freenet app end-to-end yet, but we use it extensively in core development</li>
5355
<li>AI writes first draft, tests verify, humans review architecture</li>
54-
<li>Same quality standards, faster velocity</li>
56+
<li>AI code reviews are also powerful — catch subtle issues, enforce patterns consistently</li>
57+
<li>Same quality standards, faster speed</li>
5558
</ul>
5659
</aside>
5760
</section>
Lines changed: 10 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -1,53 +1,18 @@
1-
<section style="display: flex; flex-direction: column; height: 100vh;">
2-
<h2 style="flex-shrink: 0; margin-bottom: 0.2em;">Freenet for AI Agents</h2>
1+
<section style="display: flex; flex-direction: column; justify-content: center; height: 100vh;">
2+
<h2 style="margin-bottom: 0.3em;">Agent Infrastructure</h2>
33

4-
<style>
5-
.agents-content { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 0; }
6-
.agents-content .tagline { font-size: 0.9em; margin-bottom: 0.6em; color: rgba(255,255,255,0.9); text-align: center; }
7-
.agents-boxes { display: flex; gap: 1em; align-items: flex-start; max-width: 90%; }
8-
.agents-list ul { font-size: 0.7em; line-height: 1.5; margin: 0; padding-left: 1em; }
9-
.agents-vision { border-radius: 10px; padding: 0.7em; }
10-
.agents-vision .title { font-size: 0.75em; font-weight: 600; margin-bottom: 0.3em; }
11-
.agents-vision p { font-size: 0.65em; line-height: 1.4; margin: 0; }
12-
.agents-vision .spec { margin-top: 0.4em; font-weight: 500; }
13-
@media (max-height: 800px) {
14-
.agents-content .tagline { font-size: 0.8em; margin-bottom: 0.4em; }
15-
.agents-list ul { font-size: 0.6em; line-height: 1.4; }
16-
.agents-vision { padding: 0.5em; }
17-
.agents-vision .title { font-size: 0.65em; }
18-
.agents-vision p { font-size: 0.55em; }
19-
}
20-
</style>
21-
22-
<div class="agents-content">
23-
<p class="tagline">AI agents can deploy services <span style="color: #43e97b;">autonomously</span></p>
24-
25-
<div class="agents-boxes">
26-
<div class="agents-list" style="flex: 1;">
27-
<ul>
28-
<li><strong style="color: #43e97b;">No infrastructure</strong> - no AWS, no keys</li>
29-
<li><strong style="color: #43e97b;">Self-describing</strong> - code IS interface</li>
30-
<li><strong style="color: #43e97b;">Real-time</strong> - subscribe, get updates</li>
31-
<li><strong style="color: #43e97b;">Permissionless</strong> - no ToS, no limits</li>
32-
</ul>
33-
</div>
34-
35-
<div class="agents-vision" style="flex: 1; background: linear-gradient(135deg, rgba(67,233,123,0.15), rgba(79,172,254,0.15)); border: 2px solid rgba(67,233,123,0.4);">
36-
<p class="title" style="color: #43e97b;">The Vision</p>
37-
<p style="color: rgba(255,255,255,0.85);">Deploy a contract, advertise its hash, other agents interact <em>immediately</em>.</p>
38-
<p style="color: rgba(255,255,255,0.85); margin-top: 0.3em;">No servers. No docs. No approval.</p>
39-
<p class="spec" style="color: #4facfe;">Contract code IS the spec.</p>
40-
</div>
41-
</div>
4+
<div style="display: flex; justify-content: center; align-items: center; flex: 1; min-height: 0;">
5+
<img src="/slides/ai/freenet-for-agents.svg" alt="Agent trust through contracts" style="max-height: 100%; max-width: 90%; object-fit: contain;">
426
</div>
437

448
<aside class="notes">
45-
<p><strong>AI agents on Freenet:</strong></p>
469
<ul>
47-
<li>Traditional web: AWS account, credit card, API keys, DNS, SSL certs</li>
48-
<li>Freenet: Deploy contract. Contract hash = address.</li>
49-
<li>Agents can read code, understand interface, interact permissionlessly</li>
50-
<li>No rate limits, no account suspension</li>
10+
<li>Agents increasingly need to coordinate with other agents to perform complex tasks</li>
11+
<li>Problem: agents don't necessarily trust each other</li>
12+
<li>Freenet contracts are transparent WebAssembly — any agent can inspect the code and verify behavior</li>
13+
<li>Trust the system, not the participants</li>
14+
<li>No infrastructure overhead: no AWS, no API keys, no rate limits, no ToS</li>
15+
<li>Freenet is the natural general-purpose coordination layer for multi-agent systems</li>
5116
</ul>
5217
</aside>
5318
</section>
Lines changed: 85 additions & 0 deletions
Loading

hugo-site/static/slides/building/components.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ <h2 style="flex-shrink: 0; margin-bottom: 0.2em;">Building on Freenet</h2>
1010
<ul>
1111
<li>CONTRACT: runs on network, shared state, replicated</li>
1212
<li>DELEGATE: runs locally, private keys, signing/encryption</li>
13+
<li>Sender attestation: delegates know who they're communicating with — if it's a UI, they know which contract it was downloaded from (so they know exactly what it can do)</li>
1314
<li>UI: standard web app (React/Vue), connects via HTTP/WebSocket</li>
1415
</ul>
1516
<p><strong>River example:</strong></p>

hugo-site/static/slides/common/call-to-action.html

Lines changed: 26 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,38 @@
11
<section style="display: flex; flex-direction: column; height: 100vh;">
2-
<h2 style="flex-shrink: 0; margin-bottom: 0.5em;">Get Involved</h2>
2+
<h2 style="flex-shrink: 0; margin-bottom: 0.3em;">Get Involved</h2>
33

4-
<div style="flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;">
5-
<div style="display: flex; gap: 1em; justify-content: center; max-width: 95%;">
4+
<div style="flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.5em;">
65

7-
<!-- Run a Peer -->
8-
<div style="flex: 1; max-width: 220px; background: rgba(67,233,123,0.1); border: 2px solid rgba(67,233,123,0.4); border-radius: 10px; padding: 1em; text-align: center;">
9-
<div style="font-size: 2em; margin-bottom: 0.2em;">🖥️</div>
10-
<p style="font-size: 0.9em; font-weight: 600; color: #43e97b; margin-bottom: 0.3em;">Run a Peer</p>
11-
<p style="font-size: 0.7em; color: rgba(255,255,255,0.7); margin-bottom: 0.5em;">Join the network</p>
12-
<code style="background: rgba(0,0,0,0.3); padding: 0.2em 0.5em; border-radius: 4px; font-size: 0.7em; color: #43e97b;">cargo install freenet</code>
6+
<!-- Run a Peer -->
7+
<div style="display: flex; align-items: center; gap: 0.8em; background: rgba(67,233,123,0.1); border: 1.5px solid rgba(67,233,123,0.4); border-radius: 8px; padding: 0.5em 1.2em; width: 85%; max-width: 650px;">
8+
<div style="font-size: 1.4em; flex-shrink: 0;">🖥️</div>
9+
<div style="min-width: 0;">
10+
<p style="font-size: 0.8em; font-weight: 600; color: #43e97b;">Run a Peer</p>
1311
</div>
12+
<code style="margin-left: auto; background: rgba(0,0,0,0.3); padding: 0.2em 0.5em; border-radius: 4px; font-size: 0.65em; color: #43e97b; white-space: nowrap; flex-shrink: 0;">freenet.org/quickstart</code>
13+
</div>
1414

15-
<!-- Build Something -->
16-
<div style="flex: 1; max-width: 220px; background: rgba(79,172,254,0.1); border: 2px solid rgba(79,172,254,0.4); border-radius: 10px; padding: 1em; text-align: center;">
17-
<div style="font-size: 2em; margin-bottom: 0.2em;">🛠️</div>
18-
<p style="font-size: 0.9em; font-weight: 600; color: #4facfe; margin-bottom: 0.3em;">Build Something</p>
19-
<p style="font-size: 0.7em; color: rgba(255,255,255,0.7); margin-bottom: 0.5em;">River as template</p>
20-
<code style="background: rgba(0,0,0,0.3); padding: 0.2em 0.5em; border-radius: 4px; font-size: 0.65em; color: #4facfe;">github.com/freenet/river</code>
15+
<!-- Build Something -->
16+
<div style="display: flex; align-items: center; gap: 0.8em; background: rgba(79,172,254,0.1); border: 1.5px solid rgba(79,172,254,0.4); border-radius: 8px; padding: 0.5em 1.2em; width: 85%; max-width: 650px;">
17+
<div style="font-size: 1.4em; flex-shrink: 0;">🛠️</div>
18+
<div style="min-width: 0;">
19+
<p style="font-size: 0.8em; font-weight: 600; color: #4facfe;">Build Something</p>
2120
</div>
21+
<code style="margin-left: auto; background: rgba(0,0,0,0.3); padding: 0.2em 0.5em; border-radius: 4px; font-size: 0.6em; color: #4facfe; white-space: nowrap; flex-shrink: 0;">freenet.org/resources/manual/tutorial</code>
22+
</div>
2223

23-
<!-- AI Skills -->
24-
<div style="flex: 1; max-width: 220px; background: rgba(168,85,247,0.1); border: 2px solid rgba(168,85,247,0.4); border-radius: 10px; padding: 1em; text-align: center;">
25-
<div style="font-size: 2em; margin-bottom: 0.2em;">🤖</div>
26-
<p style="font-size: 0.9em; font-weight: 600; color: #a855f7; margin-bottom: 0.3em;">Use AI</p>
27-
<p style="font-size: 0.7em; color: rgba(255,255,255,0.7); margin-bottom: 0.5em;">dapp-builder skill</p>
28-
<code style="background: rgba(0,0,0,0.3); padding: 0.2em 0.5em; border-radius: 4px; font-size: 0.6em; color: #a855f7;">freenet-agent-skills</code>
24+
<!-- AI Skills -->
25+
<div style="display: flex; align-items: center; gap: 0.8em; background: rgba(168,85,247,0.1); border: 1.5px solid rgba(168,85,247,0.4); border-radius: 8px; padding: 0.5em 1.2em; width: 85%; max-width: 650px;">
26+
<div style="font-size: 1.4em; flex-shrink: 0;">🤖</div>
27+
<div style="min-width: 0;">
28+
<p style="font-size: 0.8em; font-weight: 600; color: #a855f7;">Use AI</p>
2929
</div>
30-
30+
<code style="margin-left: auto; background: rgba(0,0,0,0.3); padding: 0.2em 0.5em; border-radius: 4px; font-size: 0.65em; color: #a855f7; white-space: nowrap; flex-shrink: 0;">freenet-agent-skills</code>
3131
</div>
3232

3333
<!-- Links -->
34-
<div style="margin-top: 1.5em; text-align: center;">
35-
<p style="font-size: 0.8em; color: rgba(255,255,255,0.6);">
34+
<div style="margin-top: 0.8em; text-align: center;">
35+
<p style="font-size: 0.75em; color: rgba(255,255,255,0.6);">
3636
<a href="https://freenet.org" style="color: #4facfe; margin: 0 0.8em;">freenet.org</a>
3737
<a href="https://github.com/freenet" style="color: #4facfe; margin: 0 0.8em;">GitHub</a>
3838
<a href="https://matrix.to/#/#freenet:matrix.org" style="color: #4facfe; margin: 0 0.8em;">Matrix</a>
@@ -41,10 +41,9 @@ <h2 style="flex-shrink: 0; margin-bottom: 0.5em;">Get Involved</h2>
4141
</div>
4242

4343
<aside class="notes">
44-
<p><strong>Get involved:</strong></p>
4544
<ul>
46-
<li>Run a peer: cargo install freenet</li>
47-
<li>Build: Fork River as template</li>
45+
<li>Run a peer: freenet.org/quickstart</li>
46+
<li>Build: tutorial at freenet.org/resources/manual/tutorial — uses River as example</li>
4847
<li>AI: dapp-builder skill for Claude</li>
4948
<li>Matrix: #freenet:matrix.org</li>
5049
</ul>

hugo-site/static/slides/common/questions.html

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,10 @@
22
<h1 style="font-size: 3em; background: linear-gradient(90deg, #4facfe, #43e97b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;">Questions?</h1>
33

44
<div style="margin-top: 2em; font-size: 0.95em;">
5+
<p style="margin: 0.8em 0;">
6+
<span style="color: #43e97b;">🚀</span>
7+
<a href="https://freenet.org/quickstart" style="color: rgba(255,255,255,0.8); margin-left: 0.5em;">freenet.org/quickstart</a>
8+
</p>
59
<p style="margin: 0.8em 0;">
610
<span style="color: #4facfe;">🌐</span>
711
<a href="https://freenet.org" style="color: rgba(255,255,255,0.8); margin-left: 0.5em;">freenet.org</a>
@@ -11,8 +15,8 @@ <h1 style="font-size: 3em; background: linear-gradient(90deg, #4facfe, #43e97b);
1115
<a href="https://matrix.to/#/#freenet:matrix.org" style="color: rgba(255,255,255,0.8); margin-left: 0.5em;">Matrix: #freenet:matrix.org</a>
1216
</p>
1317
<p style="margin: 0.8em 0;">
14-
<span style="color: #a855f7;">📧</span>
15-
<a href="mailto:support@freenet.org" style="color: rgba(255,255,255,0.8); margin-left: 0.5em;">support@freenet.org</a>
18+
<span style="color: #a855f7;">𝕏</span>
19+
<a href="https://x.com/sanity" style="color: rgba(255,255,255,0.8); margin-left: 0.5em;">@sanity</a>
1620
</p>
1721
</div>
1822

0 commit comments

Comments
 (0)