npm - sandymount - Versions diffs - 0.0.1 → 0.0.3 - Mend

sandymount 0.0.1 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/index.html ADDED Viewed

@@ -0,0 +1,680 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Sandymount - The Open, Agentic, Decentralized Web</title>
+  <!-- Primary Meta Tags -->
+  <meta name="title" content="Sandymount - The Open, Agentic, Decentralized Web">
+  <meta name="description" content="SAND is the stack for the decentralized web. Like LAMP was for open source, SAND (Solid, ActivityPub, Nostr, DID) provides four layers to build a web where users own their data.">
+  <meta name="keywords" content="Solid, ActivityPub, Nostr, Ditto, decentralized web, SAND stack, linked data, agentic AI, data sovereignty">
+  <meta name="author" content="Sandymount">
+  <!-- Open Graph / Facebook -->
+  <meta property="og:type" content="website">
+  <meta property="og:url" content="https://sandy-mount.com/">
+  <meta property="og:title" content="Sandymount - The Open, Agentic, Decentralized Web">
+  <meta property="og:description" content="LAMP built the open web. SAND builds the decentralized one. Four layers: Solid, ActivityPub, Nostr, DID.">
+  <meta property="og:image" content="https://sandy-mount.com/og-image.png">
+  <meta property="og:site_name" content="Sandymount">
+  <!-- Twitter -->
+  <meta property="twitter:card" content="summary_large_image">
+  <meta property="twitter:url" content="https://sandy-mount.com/">
+  <meta property="twitter:title" content="Sandymount - The Open, Agentic, Decentralized Web">
+  <meta property="twitter:description" content="LAMP built the open web. SAND builds the decentralized one. Four layers: Solid, ActivityPub, Nostr, DID.">
+  <meta property="twitter:image" content="https://sandy-mount.com/og-image.png">
+  <!-- Favicon -->
+  <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🏖️</text></svg>">
+  <!-- Styles -->
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
+  <style>.skip-link{position:absolute;top:-40px;left:0;background:#7c3aed;color:#fff;padding:8px 16px;z-index:9999;font-weight:600;border-radius:0 0 4px 0}.skip-link:focus{top:0}</style>
+  <link rel="stylesheet" href="./styles.css">
+</head>
+<body>
+  <a href="#main" class="skip-link">Skip to main content</a>
+  <div class="bg-grid" aria-hidden="true"></div>
+  <div class="bg-glow bg-glow-1" aria-hidden="true"></div>
+  <div class="bg-glow bg-glow-2" aria-hidden="true"></div>
+  <nav class="nav" aria-label="Main navigation">
+    <a href="./" class="nav-logo">Sandymount</a>
+    <div class="nav-links">
+      <a href="#stack">Stack</a>
+      <a href="#projects">Projects</a>
+      <a href="./getting-started.html">Get Started</a>
+      <a href="./manifesto.html">Manifesto</a>
+      <a href="https://github.com/sandy-mount">GitHub</a>
+    </div>
+    <button class="hamburger" onclick="toggleMenu()" aria-label="Toggle menu" aria-expanded="false" aria-controls="mobileMenu">
+      <span></span>
+      <span></span>
+      <span></span>
+    </button>
+  </nav>
+  <!-- Mobile Menu -->
+  <div class="mobile-menu" id="mobileMenu" aria-label="Mobile navigation">
+    <a href="#stack" onclick="closeMenu()">Stack</a>
+    <a href="#projects" onclick="closeMenu()">Projects</a>
+    <a href="./getting-started.html" onclick="closeMenu()">Get Started</a>
+    <a href="./manifesto.html" onclick="closeMenu()">Manifesto</a>
+    <a href="https://github.com/sandy-mount" onclick="closeMenu()">GitHub</a>
+  </div>
+  <main id="main">
+  <header class="hero">
+    <div class="hero-badge">SAND • The Stack for the Decentralized Web</div>
+    <h1>LAMP built the open web.<br>SAND builds the decentralized one.</h1>
+    <p class="hero-subtitle">Four layers. Complete stack. Own your data. Provably safe agents.</p>
+    <p class="hero-desc">Solid, ActivityPub, Nostr, and DID—the foundational technologies for a web where users own their data and agents serve their interests.</p>
+    <div class="hero-buttons">
+      <a href="./getting-started.html" class="btn btn-primary">Get Started</a>
+      <a href="#projects" class="btn btn-secondary">Explore Projects</a>
+      <a href="./manifesto.html" class="btn btn-secondary">Read Manifesto</a>
+    </div>
+  </header>
+  <!-- Stack Comparison -->
+  <section class="stack-compare-section">
+    <div class="stack-compare">
+      <div class="era era-lamp">
+        <div class="era-label">2000s</div>
+        <div class="stack-visual">
+          <div class="layer"><span class="layer-name">PHP</span><span class="layer-role">Logic</span></div>
+          <div class="layer"><span class="layer-name">MySQL</span><span class="layer-role">Data</span></div>
+          <div class="layer"><span class="layer-name">Apache</span><span class="layer-role">Server</span></div>
+          <div class="layer"><span class="layer-name">Linux</span><span class="layer-role">OS</span></div>
+        </div>
+        <div class="stack-name">LAMP</div>
+        <div class="stack-desc">Open Source Web</div>
+      </div>
+      <div class="era-arrow" aria-hidden="true">→</div>
+      <div class="era era-sand">
+        <div class="era-label">2020s</div>
+        <div class="stack-visual">
+          <div class="layer"><span class="layer-name sand-s">Solid</span><span class="layer-role">Data/Web</span></div>
+          <div class="layer"><span class="layer-name sand-a">ActivityPub</span><span class="layer-role">Federated</span></div>
+          <div class="layer"><span class="layer-name sand-n">Nostr</span><span class="layer-role">Realtime</span></div>
+          <div class="layer"><span class="layer-name sand-d">DID</span><span class="layer-role">Identity</span></div>
+        </div>
+        <div class="stack-name">SAND</div>
+        <div class="stack-desc">Decentralized Web</div>
+      </div>
+    </div>
+  </section>
+  <!-- SAND Stack -->
+  <section id="stack" class="section">
+    <div class="section-header">
+      <div class="section-tag">The Stack</div>
+      <h2>SAND</h2>
+      <p>LAMP gave us Linux, Apache, MySQL, PHP. SAND gives us Solid, ActivityPub, Nostr, DID. Same idea, new era.</p>
+    </div>
+    <div class="sand-grid">
+      <div class="sand-card sand-s">
+        <div class="letter">S</div>
+        <h3>Solid</h3>
+        <p>Decoupled data & apps. Store in pods you control. Apps read with permission.</p>
+        <a href="https://solidproject.org" class="link">solidproject.org →</a>
+      </div>
+      <div class="sand-card sand-a">
+        <div class="letter">A</div>
+        <h3>ActivityPub</h3>
+        <p>Federated social. Follow anyone, post anywhere. Your network, your rules.</p>
+        <a href="https://activitypub.rocks" class="link">activitypub.rocks →</a>
+      </div>
+      <div class="sand-card sand-n">
+        <div class="letter">N</div>
+        <h3>Nostr</h3>
+        <p>Censorship-resistant messaging. Cryptographic identity. Relay-based distribution.</p>
+        <a href="https://nostr.com" class="link">nostr.com →</a>
+      </div>
+      <div class="sand-card sand-d">
+        <div class="letter">D</div>
+        <h3>DID</h3>
+        <p>Decentralized identity. Self-sovereign, portable, no registries. Best implemented with <a href="https://nostrcg.github.io/did-nostr/" class="link">did:nostr</a>.</p>
+        <a href="https://w3c.github.io/did-core/" class="link">w3c.github.io/did-core →</a>
+      </div>
+    </div>
+  </section>
+  <!-- Projects -->
+  <section id="projects" class="section">
+    <div class="section-header">
+      <div class="section-tag">Ecosystem</div>
+      <h2>The Projects</h2>
+      <p>Servers, specs, tools, and bridges—all working together.</p>
+    </div>
+    <!-- Solid & LDP -->
+    <div class="category">
+      <div class="category-header">
+        <div class="category-icon">📦</div>
+        <div>
+          <h3>Solid & Linked Data Platform</h3>
+          <p>Servers, specifications, and tools for decentralized data storage</p>
+        </div>
+      </div>
+      <div class="projects-grid">
+        <a href="https://github.com/JavaScriptSolidServer/JavaScriptSolidServer" class="project-card">
+          <div class="project-top">
+            <div class="project-icon">📦</div>
+            <div class="project-info">
+              <h4>JavaScript Solid Server (JSS)</h4>
+              <span class="status">Live</span>
+            </div>
+          </div>
+          <p>Lightweight, modular Solid server. 90%+ CTH conformance. Single binary. Built-in IDP. Production ready.</p>
+        </a>
+        <a href="https://solid-lite.org" class="project-card">
+          <div class="project-top">
+            <div class="project-icon cyan">📋</div>
+            <div class="project-info">
+              <h4>Solid Lite</h4>
+              <span class="status">Live</span>
+            </div>
+          </div>
+          <p>Minimal Solid profile. HTTP CRUD foundation. Add features incrementally. Perfect for getting started.</p>
+        </a>
+        <a href="https://solid-lite.github.io/slips/" class="project-card">
+          <div class="project-top">
+            <div class="project-icon green">📑</div>
+            <div class="project-info">
+              <h4>SLIPs</h4>
+              <span class="status">34+ specs</span>
+            </div>
+          </div>
+          <p>Solid Lite Implementation Proposals. Modular specs for auth, containers, WebSockets, RDF, and more.</p>
+        </a>
+        <a href="https://linkedwebstorage.com" class="project-card">
+          <div class="project-top">
+            <div class="project-icon">🔗</div>
+            <div class="project-info">
+              <h4>Linked Web Storage (LWS)</h4>
+              <span class="status wip">W3C 2026</span>
+            </div>
+          </div>
+          <p>W3C Working Group. Bringing Solid principles to the web platform level. Targeting W3C Recommendation.</p>
+        </a>
+        <a href="https://solidos.solidcommunity.net/" class="project-card">
+          <div class="project-top">
+            <div class="project-icon cyan">🎨</div>
+            <div class="project-info">
+              <h4>SolidOS / Mashlib</h4>
+              <span class="status">Live</span>
+            </div>
+          </div>
+          <p>Browser-based data browser. View and edit Linked Data visually. Works with any Solid pod.</p>
+        </a>
+        <a href="https://solid-chat.com" class="project-card">
+          <div class="project-top">
+            <div class="project-icon">💬</div>
+            <div class="project-info">
+              <h4>Solid Chat</h4>
+              <span class="status">Spec</span>
+            </div>
+          </div>
+          <p>Official messaging specification for Solid. Real-time decentralized chat stored in your pod.</p>
+        </a>
+      </div>
+    </div>
+    <!-- Nostr & Messaging -->
+    <div class="category">
+      <div class="category-header">
+        <div class="category-icon orange">⚡</div>
+        <div>
+          <h3>Nostr & Messaging</h3>
+          <p>Censorship-resistant communication with cryptographic identity</p>
+        </div>
+      </div>
+      <div class="projects-grid">
+        <a href="https://nosdav.com" class="project-card">
+          <div class="project-top">
+            <div class="project-icon orange">🗄️</div>
+            <div class="project-info">
+              <h4>Nosdav</h4>
+              <span class="status">Live</span>
+            </div>
+          </div>
+          <p>WebDAV-compatible storage with Nostr authentication. HTTP file storage + cryptographic identity.</p>
+        </a>
+        <a href="https://nostrcg.github.io/userguide/" class="project-card">
+          <div class="project-top">
+            <div class="project-icon orange">📖</div>
+            <div class="project-info">
+              <h4>Nostr CG User Guide</h4>
+              <span class="status">Live</span>
+            </div>
+          </div>
+          <p>Comprehensive introduction to Nostr. Protocol basics, clients, relays, NIPs explained.</p>
+        </a>
+        <a href="https://nostrcg.github.io/devguide/" class="project-card">
+          <div class="project-top">
+            <div class="project-icon orange">💻</div>
+            <div class="project-info">
+              <h4>Nostr CG Dev Guide</h4>
+              <span class="status">Live</span>
+            </div>
+          </div>
+          <p>Developer documentation for building on Nostr. Libraries, tools, and implementation patterns.</p>
+        </a>
+        <a href="https://github.com/nostr-protocol/nips/blob/master/98.md" class="project-card">
+          <div class="project-top">
+            <div class="project-icon orange">🔐</div>
+            <div class="project-info">
+              <h4>Nostr HTTP Auth (NIP-98)</h4>
+              <span class="status">Live</span>
+            </div>
+          </div>
+          <p>Authenticate HTTP requests using Nostr events. Zero passwords needed.</p>
+        </a>
+        <a href="https://fonstr.com" class="project-card">
+          <div class="project-top">
+            <div class="project-icon orange">🎵</div>
+            <div class="project-info">
+              <h4>Fonstr</h4>
+              <span class="status">Live</span>
+            </div>
+          </div>
+          <p>Nostr-based music and audio platform. Decentralized content distribution for creators.</p>
+        </a>
+        <a href="https://nostrcg.github.io/did-nostr/" class="project-card">
+          <div class="project-top">
+            <div class="project-icon orange">🪪</div>
+            <div class="project-info">
+              <h4>did:nostr</h4>
+              <span class="status">Spec</span>
+            </div>
+          </div>
+          <p>Decentralized identifiers using Nostr keypairs. Self-sovereign identity without registries.</p>
+        </a>
+        <a href="https://nostrgit.org" class="project-card">
+          <div class="project-top">
+            <div class="project-icon orange">📂</div>
+            <div class="project-info">
+              <h4>Nostr Git</h4>
+              <span class="status">Live</span>
+            </div>
+          </div>
+          <p>Censorship-resistant code hosting on Nostr. Decentralized alternative to GitHub.</p>
+        </a>
+      </div>
+    </div>
+    <!-- Federation & Social -->
+    <div class="category">
+      <div class="category-header">
+        <div class="category-icon cyan">🌐</div>
+        <div>
+          <h3>Federation & Social</h3>
+          <p>ActivityPub, bridges, and federated social infrastructure</p>
+        </div>
+      </div>
+      <div class="projects-grid">
+        <a href="https://socialdocs.org/docs/ecosystem/fedbox/" class="project-card">
+          <div class="project-top">
+            <div class="project-icon green">🌐</div>
+            <div class="project-info">
+              <h4>FedBox</h4>
+              <span class="status">Live</span>
+            </div>
+          </div>
+          <p>Generic ActivityPub server. Lightweight, modular foundation for federated applications.</p>
+        </a>
+        <a href="https://microfed.org" class="project-card">
+          <div class="project-top">
+            <div class="project-icon cyan">🔬</div>
+            <div class="project-info">
+              <h4>MicroFed</h4>
+              <span class="status">Live</span>
+            </div>
+          </div>
+          <p>Minimal ActivityPub library. Zero dependencies. Pure JavaScript for embedded deployments.</p>
+        </a>
+        <a href="https://socialdocs.org" class="project-card">
+          <div class="project-top">
+            <div class="project-icon cyan">📄</div>
+            <div class="project-info">
+              <h4>SocialDocs</h4>
+              <span class="status">Live</span>
+            </div>
+          </div>
+          <p>Documentation for the social web. ActivityPub, WebFinger, and federation guides.</p>
+        </a>
+        <a href="https://docs.soapbox.pub/ditto/install/" class="project-card">
+          <div class="project-top">
+            <div class="project-icon green">🔀</div>
+            <div class="project-info">
+              <h4>Ditto</h4>
+              <span class="status">Live</span>
+            </div>
+          </div>
+          <p>Cross-protocol bridge. Connect Nostr to ActivityPub. Post once, reach both networks.</p>
+        </a>
+      </div>
+    </div>
+    <!-- AI & Agents -->
+    <div class="category">
+      <div class="category-header">
+        <div class="category-icon pink">🤖</div>
+        <div>
+          <h3>AI & Agentic Systems</h3>
+          <p>Connecting intelligent agents to the decentralized web</p>
+        </div>
+      </div>
+      <div class="projects-grid">
+        <a href="https://agenticalliance.com" class="project-card">
+          <div class="project-top">
+            <div class="project-icon pink">🕊️</div>
+            <div class="project-info">
+              <h4>Agentic Alliance</h4>
+              <span class="status wip">Prelaunch</span>
+            </div>
+          </div>
+          <p>Coalition for ethical AI agents. Open standards, user-first design, transparent behavior.</p>
+        </a>
+        <a href="./manifesto.html" class="project-card">
+          <div class="project-top">
+            <div class="project-icon pink">📜</div>
+            <div class="project-info">
+              <h4>Agentic Principles</h4>
+              <span class="status">Manifesto</span>
+            </div>
+          </div>
+          <p>9 principles for autonomy and trust. Agents serve users. Data sovereignty is non-negotiable.</p>
+        </a>
+        <a href="https://modelcontextprotocol.io" class="project-card">
+          <div class="project-top">
+            <div class="project-icon pink">🔌</div>
+            <div class="project-info">
+              <h4>Model Context Protocol</h4>
+              <span class="status">Standard</span>
+            </div>
+          </div>
+          <p>Connect AI models to external tools and data sources. Open protocol by Anthropic.</p>
+        </a>
+        <a href="https://webprompts.org" class="project-card">
+          <div class="project-top">
+            <div class="project-icon pink">💬</div>
+            <div class="project-info">
+              <h4>Web Prompts</h4>
+              <span class="status">Spec</span>
+            </div>
+          </div>
+          <p>Structured prompts for the web. Shareable, versionable, and agent-ready prompt templates.</p>
+        </a>
+        <a href="https://aam.wtf" class="project-card">
+          <div class="project-top">
+            <div class="project-icon pink">🤝</div>
+            <div class="project-info">
+              <h4>AAM</h4>
+              <span class="status wip">Building</span>
+            </div>
+          </div>
+          <p>Agent-to-Agent Manager. A2A protocol for agent discovery, skills registry, and collaboration.</p>
+        </a>
+      </div>
+    </div>
+    <!-- Infrastructure -->
+    <div class="category">
+      <div class="category-header">
+        <div class="category-icon yellow">🔧</div>
+        <div>
+          <h3>Infrastructure & Tools</h3>
+          <p>Supporting services, libraries, and utilities</p>
+        </div>
+      </div>
+      <div class="projects-grid">
+        <a href="https://blocktrails.org" class="project-card">
+          <div class="project-top">
+            <div class="project-icon yellow">⛓️</div>
+            <div class="project-info">
+              <h4>BlockTrails</h4>
+              <span class="status">Live</span>
+            </div>
+          </div>
+          <p>Provably safe agents via Bitcoin state anchoring. Full audit trail. Trust through time.</p>
+        </a>
+        <a href="https://github.com/linkeddata/rdflib.js" class="project-card">
+          <div class="project-top">
+            <div class="project-icon yellow">📊</div>
+            <div class="project-info">
+              <h4>rdflib.js</h4>
+              <span class="status">Core lib</span>
+            </div>
+          </div>
+          <p>JavaScript RDF library. Parse, serialize, and query Linked Data in the browser and Node.js.</p>
+        </a>
+        <a href="https://solidproject.org/TR/oidc" class="project-card">
+          <div class="project-top">
+            <div class="project-icon yellow">🔑</div>
+            <div class="project-info">
+              <h4>Solid OIDC</h4>
+              <span class="status">Spec</span>
+            </div>
+          </div>
+          <p>OpenID Connect profile for Solid. Decentralized authentication for pod access.</p>
+        </a>
+        <a href="https://github.com/melvincarvalho/noskey" class="project-card">
+          <div class="project-top">
+            <div class="project-icon yellow">🗝️</div>
+            <div class="project-info">
+              <h4>Noskey</h4>
+              <span class="status">CLI</span>
+            </div>
+          </div>
+          <p>Generate Nostr keys from CLI. Creates nsec/npub, Bitcoin/Taproot addresses, and SSH keypairs.</p>
+        </a>
+        <a href="https://nostr-components.github.io/event/" class="project-card">
+          <div class="project-top">
+            <div class="project-icon yellow">🧩</div>
+            <div class="project-info">
+              <h4>Nostr Components</h4>
+              <span class="status">Library</span>
+            </div>
+          </div>
+          <p>Web components for Nostr. Render events with auto media detection. 3KB, zero deps, CDN-ready.</p>
+        </a>
+      </div>
+    </div>
+  </section>
+  <!-- Architecture -->
+  <section id="architecture" class="arch-section">
+    <div class="arch-inner">
+      <div class="section-header">
+        <div class="section-tag">System Design</div>
+        <h2>One Modular Architecture</h2>
+        <p>Every piece connects. Pick what you need. Build incrementally.</p>
+      </div>
+      <div class="arch-diagram">
+        <div class="arch-layers">
+          <div class="arch-layer">
+            <div class="arch-label">AI Agents</div>
+            <div class="arch-boxes">
+              <a href="https://modelcontextprotocol.io" class="arch-box">MCP</a>
+              <a href="https://blocktrails.org" class="arch-box">BlockTrails</a>
+              <a href="https://agenticalliance.com" class="arch-box">Agentic Alliance</a>
+            </div>
+          </div>
+          <div class="arch-layer">
+            <div class="arch-label">Applications</div>
+            <div class="arch-boxes">
+              <a href="https://solidos.github.io/mashlib/" class="arch-box cyan">SolidOS</a>
+              <a href="https://socialdocs.org/docs/ecosystem/fedbox/" class="arch-box cyan">FedBox</a>
+              <a href="https://solid-chat.com" class="arch-box cyan">Solid Chat</a>
+            </div>
+          </div>
+          <div class="arch-layer">
+            <div class="arch-label">Servers</div>
+            <div class="arch-boxes">
+              <a href="https://github.com/JavaScriptSolidServer/JavaScriptSolidServer" class="arch-box orange">JSS</a>
+              <a href="https://nosdav.com" class="arch-box orange">Nosdav</a>
+              <a href="https://microfed.org" class="arch-box orange">MicroFed</a>
+            </div>
+          </div>
+          <div class="arch-layer">
+            <div class="arch-label">Specifications</div>
+            <div class="arch-boxes">
+              <a href="https://solid-lite.org" class="arch-box green">Solid Lite</a>
+              <a href="https://solid-lite.github.io/slips/" class="arch-box green">SLIPs</a>
+              <a href="https://linkedwebstorage.com" class="arch-box green">LWS</a>
+              <a href="https://github.com/nostr-protocol/nips" class="arch-box green">NIPs</a>
+            </div>
+          </div>
+          <div class="arch-layer">
+            <div class="arch-label">Protocols</div>
+            <div class="arch-boxes">
+              <a href="https://solidproject.org" class="arch-box">Solid/LDP</a>
+              <a href="https://activitypub.rocks" class="arch-box">ActivityPub</a>
+              <a href="https://nostr.com" class="arch-box">Nostr</a>
+              <a href="https://www.w3.org/TR/ldp/" class="arch-box">HTTP/REST</a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="stats-grid">
+        <div class="stat-item">
+          <div class="number">20+</div>
+          <div class="label">Projects</div>
+        </div>
+        <div class="stat-item">
+          <div class="number">34</div>
+          <div class="label">SLIPs</div>
+        </div>
+        <div class="stat-item">
+          <div class="number">4</div>
+          <div class="label">Protocols</div>
+        </div>
+        <div class="stat-item">
+          <div class="number">2026</div>
+          <div class="label">W3C Target</div>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- Principles -->
+  <section class="principles-section">
+    <div class="principles-card">
+      <h3>The Agentic Principles Manifesto</h3>
+      <p>Nine principles for autonomy, dignity, and trust in the age of intelligent agents.</p>
+      <div class="principles-list">
+        <span>Agents Must Serve the User First</span>
+        <span>Identity and Intent Must Be Verifiable</span>
+        <span>Data Sovereignty Is Non-Negotiable</span>
+        <span>Open Protocols, Not Walled Gardens</span>
+        <span>Local-First, Cloud-Optional</span>
+        <span>Transparent Logic, Tunable Behavior</span>
+        <span>Sustainable Ecosystems Over Extraction</span>
+        <span>Community-Driven Standards</span>
+        <span>Safety and Trust Through Time</span>
+      </div>
+      <a href="./manifesto.html" class="btn btn-primary">Read the Full Manifesto</a>
+    </div>
+  </section>
+  </main>
+  <!-- Footer -->
+  <footer class="footer">
+    <div class="footer-grid">
+      <div class="footer-brand">
+        <div class="nav-logo">Sandymount</div>
+        <p>Building the open, decentralized, agentic web—where users own their data and agents serve their interests.</p>
+      </div>
+      <div class="footer-col">
+        <h4>Protocols</h4>
+        <a href="https://solidproject.org">Solid</a>
+        <a href="https://activitypub.rocks">ActivityPub</a>
+        <a href="https://nostr.com">Nostr</a>
+        <a href="https://nostrcg.github.io/did-nostr/">did:nostr</a>
+      </div>
+      <div class="footer-col">
+        <h4>Core Projects</h4>
+        <a href="https://github.com/JavaScriptSolidServer/JavaScriptSolidServer">JSS</a>
+        <a href="https://solid-lite.org">Solid Lite</a>
+        <a href="https://solid-lite.github.io/slips/">SLIPs</a>
+        <a href="https://nosdav.com">Nosdav</a>
+      </div>
+      <div class="footer-col">
+        <h4>Resources</h4>
+        <a href="https://socialdocs.org">SocialDocs</a>
+        <a href="https://nostrcg.github.io/userguide/">Nostr Guide</a>
+        <a href="https://linkedwebstorage.com">LWS</a>
+        <a href="https://agenticalliance.com">Agentic Alliance</a>
+      </div>
+      <div class="footer-col">
+        <h4>Connect</h4>
+        <a href="./manifesto.html">Manifesto</a>
+        <a href="https://github.com/sandy-mount">GitHub</a>
+        <a href="./getting-started.html">Get Started</a>
+      </div>
+    </div>
+    <div class="footer-bottom">
+      <p>Sandymount — Building on SAND, the stack for the decentralized web.</p>
+    </div>
+  </footer>
+  <script>
+    // Hamburger Menu
+    function toggleMenu() {
+      const hamburger = document.querySelector('.hamburger');
+      const mobileMenu = document.getElementById('mobileMenu');
+      const isOpen = mobileMenu.classList.toggle('active');
+      hamburger.classList.toggle('active');
+      hamburger.setAttribute('aria-expanded', isOpen);
+      document.body.style.overflow = isOpen ? 'hidden' : '';
+    }
+    function closeMenu() {
+      const hamburger = document.querySelector('.hamburger');
+      const mobileMenu = document.getElementById('mobileMenu');
+      hamburger.classList.remove('active');
+      mobileMenu.classList.remove('active');
+      hamburger.setAttribute('aria-expanded', 'false');
+      document.body.style.overflow = '';
+    }
+    // Scroll animations
+    const observerOptions = {
+      threshold: 0.1,
+      rootMargin: '0px 0px -50px 0px'
+    };
+    const observer = new IntersectionObserver((entries) => {
+      entries.forEach(entry => {
+        if (entry.isIntersecting) {
+          entry.target.style.opacity = '1';
+          entry.target.style.transform = 'translateY(0)';
+        }
+      });
+    }, observerOptions);
+    // Animate sections on scroll
+    document.querySelectorAll('.category, .sand-card, .stat-item, .arch-layer').forEach((el, i) => {
+      el.style.opacity = '0';
+      el.style.transform = 'translateY(20px)';
+      el.style.transition = `opacity 0.6s ease ${i * 0.05}s, transform 0.6s ease ${i * 0.05}s`;
+      observer.observe(el);
+    });
+    // Smooth scroll for anchor links
+    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+      anchor.addEventListener('click', function(e) {
+        e.preventDefault();
+        const target = document.querySelector(this.getAttribute('href'));
+        if (target) {
+          target.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        }
+      });
+    });
+  </script>
+</body>
+</html>