| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Epicode - AI Memory Operating System</title> |
| <style> |
| * { margin: 0; padding: 0; box-sizing: border-box; } |
| body { |
| font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; |
| background: #0a0a0f; |
| color: #e0e0e0; |
| min-height: 100vh; |
| display: flex; |
| flex-direction: column; |
| align-items: center; |
| justify-content: center; |
| overflow: hidden; |
| position: relative; |
| } |
| .bg-grid { |
| position: fixed; |
| inset: 0; |
| background-image: |
| linear-gradient(rgba(255,215,0,0.03) 1px, transparent 1px), |
| linear-gradient(90deg, rgba(255,215,0,0.03) 1px, transparent 1px); |
| background-size: 60px 60px; |
| pointer-events: none; |
| } |
| .bg-glow { |
| position: fixed; |
| width: 600px; |
| height: 600px; |
| border-radius: 50%; |
| background: radial-gradient(circle, rgba(255,215,0,0.06) 0%, transparent 70%); |
| top: 50%; |
| left: 50%; |
| transform: translate(-50%, -50%); |
| pointer-events: none; |
| } |
| .container { |
| position: relative; |
| z-index: 1; |
| text-align: center; |
| padding: 2rem; |
| max-width: 720px; |
| } |
| .logo { |
| width: 72px; |
| height: 72px; |
| margin: 0 auto 2rem; |
| border-radius: 16px; |
| background: linear-gradient(135deg, rgba(255,215,0,0.15), rgba(255,215,0,0.05)); |
| border: 1px solid rgba(255,215,0,0.2); |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| font-size: 36px; |
| } |
| .tag { |
| display: inline-block; |
| font-size: 11px; |
| font-weight: 600; |
| letter-spacing: 0.15em; |
| text-transform: uppercase; |
| color: #c8956c; |
| background: rgba(200,149,108,0.08); |
| border: 1px solid rgba(200,149,108,0.2); |
| padding: 6px 16px; |
| border-radius: 20px; |
| margin-bottom: 1.5rem; |
| } |
| h1 { |
| font-family: 'Cormorant Garamond', Georgia, serif; |
| font-size: 3rem; |
| font-weight: 300; |
| color: #f0f0f0; |
| letter-spacing: -0.02em; |
| line-height: 1.15; |
| margin-bottom: 1rem; |
| } |
| h1 span { color: #FFD700; } |
| .subtitle { |
| font-size: 1.05rem; |
| color: #999; |
| line-height: 1.7; |
| margin-bottom: 2.5rem; |
| max-width: 540px; |
| margin-left: auto; |
| margin-right: auto; |
| } |
| .cta { |
| display: inline-flex; |
| align-items: center; |
| gap: 10px; |
| padding: 14px 36px; |
| border-radius: 50px; |
| background: linear-gradient(135deg, #FFD700, #FFC107); |
| color: #0a0a0f; |
| font-size: 0.95rem; |
| font-weight: 600; |
| letter-spacing: 0.04em; |
| text-decoration: none; |
| transition: all 0.3s; |
| box-shadow: 0 0 40px rgba(255,215,0,0.15); |
| } |
| .cta:hover { |
| transform: translateY(-2px); |
| box-shadow: 0 0 60px rgba(255,215,0,0.25); |
| } |
| .cta svg { |
| width: 18px; |
| height: 18px; |
| transition: transform 0.3s; |
| } |
| .cta:hover svg { transform: translateX(3px); } |
| .stats { |
| display: flex; |
| gap: 2rem; |
| justify-content: center; |
| margin-top: 3rem; |
| padding-top: 2rem; |
| border-top: 1px solid rgba(255,255,255,0.06); |
| } |
| .stat { text-align: center; } |
| .stat-val { font-size: 1.5rem; font-weight: 600; color: #FFD700; } |
| .stat-label { font-size: 0.75rem; color: #666; text-transform: uppercase; letter-spacing: 0.1em; margin-top: 4px; } |
| .features { |
| display: grid; |
| grid-template-columns: repeat(3, 1fr); |
| gap: 1rem; |
| margin-top: 2.5rem; |
| padding-top: 2rem; |
| border-top: 1px solid rgba(255,255,255,0.06); |
| } |
| .feat { |
| background: rgba(255,255,255,0.02); |
| border: 1px solid rgba(255,255,255,0.06); |
| border-radius: 12px; |
| padding: 1.2rem; |
| text-align: left; |
| } |
| .feat-icon { font-size: 1.3rem; margin-bottom: 0.5rem; } |
| .feat-title { font-size: 0.85rem; font-weight: 600; color: #ccc; margin-bottom: 4px; } |
| .feat-desc { font-size: 0.75rem; color: #777; line-height: 1.5; } |
| .footer { |
| margin-top: 3rem; |
| font-size: 0.75rem; |
| color: #444; |
| } |
| .footer a { color: #888; text-decoration: none; } |
| .footer a:hover { color: #FFD700; } |
| @media (max-width: 640px) { |
| h1 { font-size: 2rem; } |
| .features { grid-template-columns: 1fr; } |
| .stats { gap: 1.2rem; } |
| } |
| </style> |
| </head> |
| <body> |
| <div class="bg-grid"></div> |
| <div class="bg-glow"></div> |
| <div class="container"> |
| <div class="logo">🧠</div> |
| <div class="tag">AI Memory Operating System</div> |
| <h1>让AI的身份跨越<br>每一次<span>重启</span></h1> |
| <p class="subtitle"> |
| Epicode is a production AI memory cloud — persistent, searchable, connected memory for AI agents. |
| 27 MCP tools, tetrahedral space encoding, knowledge graph, and energy conservation physics. |
| </p> |
| <a href="https://epicode.cn" target="_blank" rel="noopener" class="cta"> |
| Enter Epicode |
| <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg> |
| </a> |
| <div class="stats"> |
| <div class="stat"><div class="stat-val">27</div><div class="stat-label">MCP Tools</div></div> |
| <div class="stat"><div class="stat-val">195+</div><div class="stat-label">Memories</div></div> |
| <div class="stat"><div class="stat-val">47</div><div class="stat-label">Clusters</div></div> |
| </div> |
| <div class="features"> |
| <div class="feat"> |
| <div class="feat-icon">🔎</div> |
| <div class="feat-title">Semantic Search</div> |
| <div class="feat-desc">768-dim ONNX embeddings + HNSW + BM25 hybrid retrieval</div> |
| </div> |
| <div class="feat"> |
| <div class="feat-icon">🔗</div> |
| <div class="feat-title">Knowledge Graph</div> |
| <div class="feat-desc">Auto-built relations, concept clustering, deep recall traversal</div> |
| </div> |
| <div class="feat"> |
| <div class="feat-icon">⚡</div> |
| <div class="feat-title">Energy Physics</div> |
| <div class="feat-desc">Tetrahedral space encoding with energy conservation invariants</div> |
| </div> |
| </div> |
| <div class="footer"> |
| <a href="https://epicode.cn" target="_blank" rel="noopener">epicode.cn</a> · |
| <a href="https://epicode.cn/api/v1/agent-guide" target="_blank" rel="noopener">Agent Guide</a> · |
| <a href="https://github.com/sunormesky-max/epicode" target="_blank" rel="noopener">GitHub</a> |
| </div> |
| </div> |
| </body> |
| </html> |
|
|
