Spaces:

OptiTransferData
/

README

Configuration error

App Files Files Community

Optitransfer commited on 23 days ago

Commit

dec4cee

verified ·

1 Parent(s): ae0f017

professional org card with discovery metadata

Browse files

Files changed (1) hide show

index.html +258 -206

index.html CHANGED Viewed

@@ -1,294 +1,346 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Optitransfer</title>
 <style>
   :root {
-    --bg: #0a0a0f;
-    --surface: #12121a;
-    --border: #1e1e2e;
     --text: #e4e4e7;
     --muted: #71717a;
-    --accent: #6366f1;
-    --accent-glow: rgba(99, 102, 241, 0.15);
-    --cyan: #22d3ee;
-    --green: #34d399;
   }
   * { margin: 0; padding: 0; box-sizing: border-box; }
   body {
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
     background: var(--bg);
     color: var(--text);
     line-height: 1.6;
-    padding: 2rem;
-    max-width: 960px;
     margin: 0 auto;
   }
-  .hero {
     text-align: center;
-    padding: 3rem 0 2rem;
-    border-bottom: 1px solid var(--border);
-    margin-bottom: 2rem;
   }
-  .hero h1 {
-    font-size: 2.5rem;
-    font-weight: 700;
-    letter-spacing: -0.03em;
-    margin-bottom: 0.5rem;
   }
-  .hero h1 .merge { color: var(--accent); }
-  .hero .tagline {
     font-size: 1.1rem;
     color: var(--muted);
-    max-width: 600px;
-    margin: 0 auto 1.5rem;
   }
   .badges {
     display: flex;
-    gap: 0.75rem;
     justify-content: center;
     flex-wrap: wrap;
   }
-  .badge {
-    display: inline-flex;
-    align-items: center;
-    gap: 0.4rem;
-    padding: 0.35rem 0.75rem;
-    border-radius: 999px;
-    font-size: 0.8rem;
-    font-weight: 500;
-    background: var(--surface);
-    border: 1px solid var(--border);
-    color: var(--muted);
   }
-  .badge.patent { border-color: var(--accent); color: var(--accent); }
-  .badge.swiss { border-color: #ef4444; color: #ef4444; }
-  .badge.oss { border-color: var(--green); color: var(--green); }
-  .section { margin-bottom: 2.5rem; }
   .section h2 {
-    font-size: 1.2rem;
     font-weight: 600;
-    margin-bottom: 1rem;
-    color: var(--text);
-  }
-  .section h2::before {
-    content: '';
-    display: inline-block;
-    width: 3px;
-    height: 1em;
-    background: var(--accent);
-    margin-right: 0.6rem;
-    vertical-align: middle;
-    border-radius: 2px;
   }
-  .grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
     gap: 1rem;
   }
-  .card {
     background: var(--surface);
     border: 1px solid var(--border);
-    border-radius: 12px;
     padding: 1.25rem;
-    transition: border-color 0.2s;
   }
-  .card:hover { border-color: var(--accent); }
-  .card h3 {
-    font-size: 0.95rem;
-    font-weight: 600;
-    margin-bottom: 0.4rem;
   }
-  .card p {
-    font-size: 0.8rem;
     color: var(--muted);
-    line-height: 1.5;
   }
-  .card .num {
-    font-size: 1.8rem;
-    font-weight: 700;
-    color: var(--accent);
-    margin-bottom: 0.25rem;
   }
-  .spaces-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
     gap: 1rem;
   }
-  .space-card {
-    background: var(--surface);
-    border: 1px solid var(--border);
-    border-radius: 12px;
-    padding: 1.25rem;
-    text-decoration: none;
     color: var(--text);
-    transition: border-color 0.2s, transform 0.2s;
-    display: block;
   }
-  .space-card:hover {
-    border-color: var(--cyan);
-    transform: translateY(-2px);
   }
-  .space-card .icon { font-size: 1.5rem; margin-bottom: 0.5rem; }
-  .space-card h3 { font-size: 0.9rem; font-weight: 600; margin-bottom: 0.3rem; }
-  .space-card p { font-size: 0.78rem; color: var(--muted); }
-  .install {
     background: var(--surface);
     border: 1px solid var(--border);
-    border-radius: 12px;
-    padding: 1.5rem;
-    text-align: center;
-  }
-  .install code {
-    font-family: 'SF Mono', 'Fira Code', monospace;
-    font-size: 1.1rem;
-    color: var(--cyan);
-    background: rgba(34, 211, 238, 0.08);
-    padding: 0.5rem 1.5rem;
     border-radius: 8px;
-    display: inline-block;
-  }
-  .install .links {
-    margin-top: 1rem;
-    display: flex;
-    gap: 1.5rem;
-    justify-content: center;
-  }
-  .install .links a {
-    color: var(--muted);
     text-decoration: none;
-    font-size: 0.85rem;
-    transition: color 0.2s;
   }
-  .install .links a:hover { color: var(--accent); }
-  .data-section {
-    background: var(--surface);
-    border: 1px solid var(--border);
-    border-radius: 12px;
-    padding: 1.25rem;
-  }
-  .data-section h3 {
-    font-size: 0.9rem;
-    font-weight: 600;
-    margin-bottom: 0.5rem;
   }
-  .data-section p {
-    font-size: 0.8rem;
     color: var(--muted);
   }
-  .data-section a {
-    color: var(--cyan);
-    text-decoration: none;
   }
-  .data-section a:hover { text-decoration: underline; }
   .footer {
     text-align: center;
-    padding-top: 2rem;
-    border-top: 1px solid var(--border);
     color: var(--muted);
     font-size: 0.8rem;
   }
-  .footer a { color: var(--accent); text-decoration: none; }
   .footer a:hover { text-decoration: underline; }
 </style>
 </head>
 <body>
-<div class="hero">
-  <h1>crdt-<span class="merge">merge</span></h1>
-  <p class="tagline">Convergent intelligence infrastructure for distributed AI systems. Deterministic model merging with mathematical guarantees.</p>
-  <div class="badges">
-    <span class="badge patent">Patent Pending: GB 2607132.4</span>
-    <span class="badge swiss">Swiss-Registered</span>
-    <span class="badge oss">Open Source</span>
-  </div>
-</div>
-<div class="section">
-  <h2>Core Capabilities</h2>
-  <div class="grid">
-    <div class="card">
-      <div class="num">26</div>
-      <h3>Merge Strategies</h3>
-      <p>From simple averaging to adaptive trust-weighted convergence</p>
-    </div>
-    <div class="card">
-      <div class="num">4,498</div>
-      <h3>Tests Passing</h3>
-      <p>97 modules, full coverage, CI on every commit</p>
-    </div>
-    <div class="card">
-      <div class="num">0</div>
-      <h3>Coordination Required</h3>
-      <p>Models merge without sync, without conflict, provably correct</p>
     </div>
-    <div class="card">
-      <div class="num">∞</div>
-      <h3>Merge Order</h3>
-      <p>Any order, any subset, same result. CRDT guarantees convergence.</p>
     </div>
   </div>
-</div>
-<div class="section">
-  <h2>Live Demos</h2>
-  <div class="spaces-grid">
-    <a class="space-card" href="https://huggingface.co/spaces/Optitransfer/crdt-merge">
-      <div class="icon">🔀</div>
-      <h3>crdt-merge</h3>
-      <p>Merge real models with full provenance tracking and compliance audit</p>
-    </a>
-    <a class="space-card" href="https://huggingface.co/spaces/Optitransfer/convergence-lab">
-      <div class="icon">🔬</div>
-      <h3>Convergence Lab</h3>
-      <p>Test all 26 strategies, visualise convergence dynamics in real-time</p>
-    </a>
-    <a class="space-card" href="https://huggingface.co/spaces/Optitransfer/crdt-merge-data">
-      <div class="icon">📊</div>
-      <h3>Data Playground</h3>
-      <p>CRDT merging applied to tabular datasets with conflict resolution</p>
-    </a>
-    <a class="space-card" href="https://huggingface.co/spaces/Optitransfer/crdt-merge-federation">
-      <div class="icon">🌐</div>
-      <h3>Federation</h3>
-      <p>Multi-node gossip convergence simulation across distributed nodes</p>
-    </a>
   </div>
-</div>
-<div class="section">
-  <h2>Get Started</h2>
-  <div class="install">
-    <code>pip install crdt-merge</code>
-    <div class="links">
-      <a href="https://github.com/mgillr/crdt-merge">GitHub</a>
-      <a href="https://pypi.org/project/crdt-merge/">PyPI</a>
-      <a href="https://github.com/mgillr/crdt-merge#readme">Documentation</a>
     </div>
   </div>
-</div>
-<div class="section">
-  <h2>Data Products</h2>
-  <div class="data-section">
-    <h3>Swiss Web Premium (A+) -- 110,491 documents</h3>
-    <p>Compliance-ready web corpus from .ch domains. EU AI Act compliant, PII-redacted, SHA256-verified. Multilingual: DE 61%, FR 19%, EN 11%, IT 5%.</p>
-    <p style="margin-top: 0.5rem;">
-      <a href="https://huggingface.co/datasets/OptiTransferData/swiss-web-premium-ch">Sample (10k)</a> ·
-      <a href="https://huggingface.co/datasets/OptiTransferData/swiss-web-premium-ch-full">Full Dataset</a>
-    </p>
   </div>
-</div>
-<div class="footer">
-  <p><strong>Optitransfer</strong> · Switzerland · <a href="mailto:data@optitransfer.ch">data@optitransfer.ch</a></p>
 </div>
 </body>

 <!DOCTYPE html>
 <html lang="en">
 <head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<meta name="description" content="Optitransfer -- Convergent intelligence infrastructure. Building the mathematical layer where distributed AI systems merge, verify, and evolve deterministically." />
+<meta name="keywords" content="crdt-merge, model merging, CRDT, conflict-free, deterministic, distributed systems, federated learning, agent memory, neural networks, convergence, Byzantine fault tolerance, provenance" />
+<meta name="author" content="Ryan Gillespie" />
+<meta property="og:title" content="Optitransfer" />
+<meta property="og:description" content="Convergent intelligence infrastructure. Deterministic merge for AI model weights, datasets, and agent memory." />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://huggingface.co/OptiTransferData" />
 <title>Optitransfer</title>
 <style>
   :root {
+    --bg: #0a0a0a;
+    --surface: #111113;
+    --border: #1e1e22;
     --text: #e4e4e7;
     --muted: #71717a;
+    --accent: #a1a1aa;
+    --link: #93c5fd;
+    --mono: 'SF Mono', 'Cascadia Code', 'Fira Code', 'JetBrains Mono', Consolas, monospace;
+    --sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
   }
   * { margin: 0; padding: 0; box-sizing: border-box; }
   body {
+    font-family: var(--sans);
     background: var(--bg);
     color: var(--text);
     line-height: 1.6;
+    -webkit-font-smoothing: antialiased;
+  }
+  .container {
+    max-width: 720px;
     margin: 0 auto;
+    padding: 4rem 2rem;
   }
+  /* Header */
+  .header {
     text-align: center;
+    margin-bottom: 4rem;
   }
+  .header h1 {
+    font-size: 1.75rem;
+    font-weight: 500;
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+    color: var(--accent);
+    margin-bottom: 1rem;
   }
+  .header .tagline {
     font-size: 1.1rem;
     color: var(--muted);
+    font-weight: 400;
+    max-width: 480px;
+    margin: 0 auto;
   }
+  .header .install {
+    margin-top: 2rem;
+    display: inline-block;
+    font-family: var(--mono);
+    font-size: 0.875rem;
+    color: var(--text);
+    background: var(--surface);
+    border: 1px solid var(--border);
+    padding: 0.6rem 1.5rem;
+    border-radius: 6px;
+    letter-spacing: 0.02em;
+  }
+  /* Badges */
   .badges {
     display: flex;
     justify-content: center;
+    gap: 0.5rem;
     flex-wrap: wrap;
+    margin-top: 1.5rem;
   }
+  .badges a {
+    opacity: 0.85;
+    transition: opacity 0.2s;
   }
+  .badges a:hover { opacity: 1; }
+  /* Sections */
+  .section {
+    margin-bottom: 3rem;
+  }
   .section h2 {
+    font-size: 0.75rem;
     font-weight: 600;
+    letter-spacing: 0.12em;
+    text-transform: uppercase;
+    color: var(--muted);
+    margin-bottom: 1.25rem;
+    padding-bottom: 0.5rem;
+    border-bottom: 1px solid var(--border);
   }
+  /* Link grid */
+  .links {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
     gap: 1rem;
   }
+  .link-card {
     background: var(--surface);
     border: 1px solid var(--border);
+    border-radius: 8px;
     padding: 1.25rem;
+    text-decoration: none;
+    color: var(--text);
+    transition: border-color 0.2s, transform 0.15s;
+    display: block;
   }
+  .link-card:hover {
+    border-color: var(--accent);
+    transform: translateY(-1px);
   }
+  .link-card .label {
+    font-size: 0.7rem;
+    font-weight: 600;
+    letter-spacing: 0.1em;
+    text-transform: uppercase;
     color: var(--muted);
+    margin-bottom: 0.35rem;
   }
+  .link-card .value {
+    font-size: 0.95rem;
+    color: var(--text);
   }
+  /* Stats row */
+  .stats {
     display: grid;
+    grid-template-columns: repeat(4, 1fr);
     gap: 1rem;
+    text-align: center;
   }
+  .stat .number {
+    font-family: var(--mono);
+    font-size: 1.5rem;
+    font-weight: 600;
     color: var(--text);
   }
+  .stat .label {
+    font-size: 0.7rem;
+    font-weight: 500;
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+    color: var(--muted);
+    margin-top: 0.25rem;
   }
+  /* Spaces list */
+  .spaces {
+    display: grid;
+    gap: 0.75rem;
+  }
+  .space {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
     background: var(--surface);
     border: 1px solid var(--border);
     border-radius: 8px;
+    padding: 1rem 1.25rem;
     text-decoration: none;
+    color: var(--text);
+    transition: border-color 0.2s;
   }
+  .space:hover { border-color: var(--accent); }
+  .space .name { font-weight: 500; font-size: 0.95rem; }
+  .space .desc { font-size: 0.8rem; color: var(--muted); }
+  .space .arrow { color: var(--muted); font-size: 1.1rem; }
+  /* Research hints */
+  .research-list {
+    list-style: none;
+    padding: 0;
   }
+  .research-list li {
     color: var(--muted);
+    font-size: 0.9rem;
+    padding: 0.4rem 0;
+    border-bottom: 1px solid var(--border);
   }
+  .research-list li:last-child { border-bottom: none; }
+  .research-list li::before {
+    content: '';
+    display: inline-block;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background: var(--accent);
+    margin-right: 0.75rem;
+    vertical-align: middle;
   }
+  /* Footer */
   .footer {
     text-align: center;
     color: var(--muted);
     font-size: 0.8rem;
+    margin-top: 2rem;
+    padding-top: 2rem;
+    border-top: 1px solid var(--border);
+  }
+  .footer a {
+    color: var(--accent);
+    text-decoration: none;
   }
   .footer a:hover { text-decoration: underline; }
+  @media (max-width: 600px) {
+    .container { padding: 2rem 1rem; }
+    .stats { grid-template-columns: repeat(2, 1fr); }
+    .links { grid-template-columns: 1fr; }
+  }
 </style>
 </head>
 <body>
+<div class="container">
+  <header class="header">
+    <h1>Optitransfer</h1>
+    <p class="tagline">
+      Convergent intelligence infrastructure.<br />
+      The mathematical layer where distributed AI systems merge, verify, and evolve.
+    </p>
+    <code class="install">pip install crdt-merge</code>
+    <div class="badges">
+      <a href="https://pypi.org/project/crdt-merge/"><img src="https://img.shields.io/pypi/v/crdt-merge?label=PyPI&color=blue" alt="PyPI" /></a>
+      <a href="https://pepy.tech/projects/crdt-merge"><img src="https://img.shields.io/pypi/dm/crdt-merge?label=downloads&color=brightgreen" alt="Downloads" /></a>
+      <a href="https://github.com/mgillr/crdt-merge"><img src="https://img.shields.io/badge/tests-4%2C498-brightgreen" alt="Tests" /></a>
+      <a href="https://github.com/mgillr/crdt-merge/blob/main/LICENSE"><img src="https://img.shields.io/badge/BSL%201.1%20→%20Apache%202.0-orange" alt="License" /></a>
     </div>
+  </header>
+  <div class="section">
+    <h2>At a Glance</h2>
+    <div class="stats">
+      <div class="stat">
+        <div class="number">26</div>
+        <div class="label">Strategies</div>
+      </div>
+      <div class="stat">
+        <div class="number">4,498</div>
+        <div class="label">Tests</div>
+      </div>
+      <div class="stat">
+        <div class="number">38.8×</div>
+        <div class="label">Acceleration</div>
+      </div>
+      <div class="stat">
+        <div class="number">4</div>
+        <div class="label">Languages</div>
+      </div>
     </div>
   </div>
+  <div class="section">
+    <h2>Research Directions</h2>
+    <ul class="research-list">
+      <li>Convergent model merging at arbitrary scale</li>
+      <li>Distributed trust and Byzantine-resilient verification</li>
+      <li>Provenance-complete AI with cryptographic audit</li>
+      <li>Continual learning without catastrophic forgetting</li>
+      <li>Multi-agent coordination without central arbiters</li>
+    </ul>
   </div>
+  <div class="section">
+    <h2>Demonstrations</h2>
+    <div class="spaces">
+      <a href="https://huggingface.co/spaces/Optitransfer/crdt-merge" class="space">
+        <div>
+          <div class="name">crdt-merge</div>
+          <div class="desc">Merge real models with full provenance</div>
+        </div>
+        <span class="arrow">→</span>
+      </a>
+      <a href="https://huggingface.co/spaces/Optitransfer/convergence-lab" class="space">
+        <div>
+          <div class="name">Convergence Lab</div>
+          <div class="desc">26 strategies, convergence visualisation, experiments</div>
+        </div>
+        <span class="arrow">→</span>
+      </a>
+      <a href="https://huggingface.co/spaces/Optitransfer/crdt-merge-data" class="space">
+        <div>
+          <div class="name">Data Playground</div>
+          <div class="desc">CRDT merging on tabular data</div>
+        </div>
+        <span class="arrow">→</span>
+      </a>
+      <a href="https://huggingface.co/spaces/Optitransfer/crdt-merge-federation" class="space">
+        <div>
+          <div class="name">Federation</div>
+          <div class="desc">Multi-node gossip convergence</div>
+        </div>
+        <span class="arrow">→</span>
+      </a>
     </div>
   </div>
+  <div class="section">
+    <h2>Links</h2>
+    <div class="links">
+      <a href="https://github.com/mgillr/crdt-merge" class="link-card">
+        <div class="label">Source</div>
+        <div class="value">GitHub</div>
+      </a>
+      <a href="https://pypi.org/project/crdt-merge/" class="link-card">
+        <div class="label">Package</div>
+        <div class="value">PyPI</div>
+      </a>
+      <a href="https://clickpy.clickhouse.com/dashboard/crdt-merge" class="link-card">
+        <div class="label">Analytics</div>
+        <div class="value">ClickPy</div>
+      </a>
+      <a href="https://pepy.tech/projects/crdt-merge" class="link-card">
+        <div class="label">Downloads</div>
+        <div class="value">PePy</div>
+      </a>
+      <a href="https://github.com/mgillr/crdt-merge/blob/main/docs/CRDT_ARCHITECTURE.md" class="link-card">
+        <div class="label">Technical Paper</div>
+        <div class="value">Architecture</div>
+      </a>
+      <a href="https://crates.io/crates/crdt-merge" class="link-card">
+        <div class="label">Rust Port</div>
+        <div class="value">crates.io</div>
+      </a>
+    </div>
   </div>
+  <footer class="footer">
+    <p>Switzerland · <a href="mailto:data@optitransfer.ch">data@optitransfer.ch</a> · Patent Pending (GB 2607132.4)</p>
+  </footer>
 </div>
 </body>