Files
SeedPass/landing/index.html
T

272 lines
15 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SeedPass - Deterministic Identity & Password Manager</title>
<link rel="icon" type="image/svg+xml" href="./favicon.svg">
<link rel="alternate icon" href="./favicon.svg">
<meta name="theme-color" content="#0a0f12">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;700;800&display=swap"
rel="stylesheet">
<!-- Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="./style.css">
</head>
<body class="scanlines">
<div id="boot-sequence" class="boot-sequence">
<div class="terminal-output" id="boot-text"></div>
</div>
<div class="tui-wrapper" id="main-content" style="display: none;">
<!-- Nav -->
<nav class="tui-nav">
<div class="nav-brand glitched" data-text="SeedPass_">SeedPass_</div>
<ul class="nav-links">
<li><a href="#intro" class="nav-btn">[ HOME ]</a></li>
<li><a href="#features" class="nav-btn">[ FEATURES ]</a></li>
<li><a href="#agents" class="nav-btn">[ FOR AGENTS ]</a></li>
<li><a href="#architecture" class="nav-btn">[ ARCHITECTURE ]</a></li>
<li><a href="./docs.html" class="nav-btn">[ DOCS ]</a></li>
</ul>
</nav>
<!-- Main Window -->
<main class="tui-window">
<div class="tui-window-header">
<span class="tui-window-title">root@seedpass: ~/vault</span>
<span class="tui-window-controls">_ &square; X</span>
</div>
<div class="tui-window-body">
<!-- Intro Section -->
<section id="intro" class="ascii-box">
<h1 class="hero-title glitch" data-text="One Seed to Rule Them All>">One Seed to Rule Them All></h1>
<p class="typewriter-text">SeedPass deterministically derives every key and password from a single
12-word phrase.</p>
<div class="data-flow">
<div class="data-seed">
<span class="highlight">[ALPHA BRAVO CHARLIE DELTA ECHO FOXTROT GOLF HOTEL INDIA JULIET KILO
LIMA]</span>
</div>
<div class="data-arrows">
<div>│</div>
<div>├─► <i class="fas fa-key"></i> Passwords</div>
<div>├─► <i class="fas fa-mobile-alt"></i> 2FA Codes</div>
<div>├─► <i class="fas fa-network-wired"></i> SSH Keys</div>
<div>├─► <i class="fas fa-lock"></i> PGP Key</div>
<div>├─► <i class="fas fa-bolt"></i> Nostr Keys</div>
<div>├─► <i class="fas fa-file-lines"></i> Documents</div>
<div>└─► <i class="fas fa-users-cog"></i> Managed Accounts</div>
</div>
</div>
<div class="install-section">
<span class="comment"># Install SeedPass - Includes checksum verification</span>
<div class="branch-toggle" role="group" aria-label="Install branch selector">
<button class="branch-btn active" id="branch-main" data-branch="main" type="button">main</button>
<button class="branch-btn" id="branch-beta" data-branch="beta" type="button">beta</button>
</div>
<div class="cmd-prompt">
<span class="prompt-symbol">❯</span>
<code class="install-cmd"
id="install-cmd">bash -c "$(curl -sSL https://raw.githubusercontent.com/PR0M3TH3AN/SeedPass/main/scripts/install.sh)"</code>
<button class="copy-btn" id="copy-btn" aria-label="Copy command">
<i class="far fa-copy"></i>
</button>
</div>
<div class="copy-feedback" id="copy-feedback"></div>
</div>
</section>
<!-- Features Section -->
<section id="features" class="ascii-box mt-2">
<h2 class="section-title"><span class="accent">#</span> System_Features</h2>
<div class="grid-features">
<div class="feature-item">
<i class="fas fa-microchip"></i>
<h3>Deterministic Gen</h3>
<p>BIP-85 deterministic password generation. No server needed.</p>
</div>
<div class="feature-item">
<i class="fas fa-database"></i>
<h3>Encrypted Vault</h3>
<p>Local storage for seeds and sensitive data, heavily encrypted.</p>
</div>
<div class="feature-item">
<i class="fas fa-satellite-dish"></i>
<h3>Nostr Sync</h3>
<p>Relay integration with chunked snapshots (50KB) & deltas.</p>
</div>
<div class="feature-item">
<i class="fas fa-fingerprint"></i>
<h3>Profile Switching</h3>
<p>Manage multiple seed profiles & fingerprints securely.</p>
</div>
<div class="feature-item">
<i class="fas fa-terminal"></i>
<h3>Interactive TUI</h3>
<p>A fast, keyboard-first terminal interface for advanced users.</p>
</div>
<div class="feature-item">
<i class="fas fa-user-secret"></i>
<h3>Secret Mode</h3>
<p>Copy to clipboard directly, clearing automatically after delay.</p>
</div>
<div class="feature-item">
<i class="fas fa-file-code"></i>
<h3>Document Entries</h3>
<p>Store rich text content with file types like <code>md</code>, <code>txt</code>, <code>py</code>, and edit in-terminal.</p>
</div>
<div class="feature-item">
<i class="fas fa-clock-rotate-left"></i>
<h3>Entry Timestamps</h3>
<p>All entry kinds include <code>date_added</code> and <code>date_modified</code> for deterministic auditability.</p>
</div>
<div class="feature-item">
<i class="fas fa-diagram-project"></i>
<h3>Entry Graph Links</h3>
<p>Create typed relationships between entries using <code>target_id</code>, <code>relation</code>, and <code>note</code>.</p>
</div>
</div>
</section>
<!-- For Agents Section -->
<section id="agents" class="ascii-box mt-2">
<h2 class="section-title"><span class="accent">#</span> For_Agents</h2>
<p class="muted">Machine-readable discovery, non-interactive auth, scoped access, and audit-first automation.</p>
<div class="agent-quickstart">
<span class="comment"># Bootstrap context before autonomous execution</span>
<div class="cmd-prompt">
<span class="prompt-symbol">❯</span>
<code class="install-cmd">seedpass capabilities --format json && seedpass agent bootstrap-context</code>
</div>
</div>
<div class="grid-features agent-grid">
<div class="feature-item">
<i class="fas fa-user-shield"></i>
<h3>Brokered Auth</h3>
<p>Use <code>keyring</code> or <code>command</code> brokers for non-interactive unlock without plaintext env secrets.</p>
</div>
<div class="feature-item">
<i class="fas fa-scale-balanced"></i>
<h3>Policy as Code</h3>
<p>Lint, review, and apply policy files with deterministic output and risk-gated changes.</p>
</div>
<div class="feature-item">
<i class="fas fa-id-badge"></i>
<h3>Scoped Identity & Tokens</h3>
<p>Issue revocable TTL-bound tokens tied to agent identities, kinds, scopes, and use limits.</p>
</div>
<div class="feature-item">
<i class="fas fa-mask"></i>
<h3>Safe Output & Leases</h3>
<p>Default redaction plus one-time or N-use secret leases for reduced exposure in logs and pipelines.</p>
</div>
<div class="feature-item">
<i class="fas fa-person-circle-check"></i>
<h3>Approval + Isolation</h3>
<p>Step-up approvals and separate high-risk unlock factors for seed/SSH/PGP/Nostr retrieval paths.</p>
</div>
<div class="feature-item">
<i class="fas fa-clipboard-check"></i>
<h3>Audit, Posture, Recovery</h3>
<p>Chained audit logs, posture checks/remediation, Shamir split-drills, and deterministic export validation.</p>
</div>
<div class="feature-item">
<i class="fas fa-file-import"></i>
<h3>Agent Document I/O</h3>
<p>Policy-gated <code>agent document-import</code> and <code>agent document-export</code> for controlled filesystem workflows.</p>
</div>
<div class="feature-item">
<i class="fas fa-share-nodes"></i>
<h3>Graph-Aware Entry Ops</h3>
<p>Automate knowledge links with <code>entry link-add</code>, <code>entry links</code>, and <code>entry link-remove</code>.</p>
</div>
</div>
</section>
<!-- Architecture & How It Works Section -->
<section id="architecture" class="ascii-box mt-2">
<h2 class="section-title"><span class="accent">#</span> Architecture_Overview</h2>
<p class="muted">// The BIP-85 standard derives multiple child seeds from a single master seed.</p>
<div class="tree-view">
<div class="tree-root"><i class="fas fa-folder-open"></i> Master_Seed</div>
<div class="tree-branch">
<div class="tree-node">├── <i class="fas fa-folder"></i> Child_Seed_0 <span
class="muted">[Index 0]</span></div>
<div class="tree-leaf">│ └── <i class="fas fa-file-code"></i> Password_A</div>
<div class="tree-node">├── <i class="fas fa-folder"></i> Child_Seed_1 <span
class="muted">[Index 1]</span></div>
<div class="tree-leaf">│ └── <i class="fas fa-file-code"></i> Password_B</div>
<div class="tree-node">└── <i class="fas fa-folder"></i> Child_Seed_2 <span
class="muted">[Index 2]</span></div>
<div class="tree-leaf"> └── <i class="fas fa-file-code"></i> Password_C</div>
</div>
</div>
<div class="info-blocks mt-2">
<div class="info-block">
<h3><span class="accent">&gt;</span> Knowledge Graph Example</h3>
<pre class="graph-snippet">[12] Ops Runbook (document)
├─ references ──> [7] API Token (key_value)
├─ depends_on ──> [3] Deploy SSH (ssh)
└─ rotates_with -> [9] Prod MFA (totp)
Query: "depends_on" or "deploy ssh" -> returns entry 12</pre>
</div>
</div>
<div class="info-blocks">
<div class="info-block">
<h3><span class="accent">&gt;</span> Recovery via Nostr</h3>
<p>Restoring a vault on a new device requires the 12-word master seed and the master
password. Without the correct password the downloaded archive is unreadable.</p>
</div>
<div class="info-block">
<h3><span class="accent">&gt;</span> Security Disclaimer</h3>
<p class="warning">[WARNING] Memory management & logs not formally audited. Loss of parent
seed places all derived passwords at risk.</p>
</div>
</div>
</section>
</div>
</main>
<!-- Footer -->
<footer class="tui-footer">
<div class="status-bar">
<span class="status-item"><i class="fas fa-circle-notch fa-spin"></i> SYSTEM: ONLINE</span>
<span class="status-item">ENCRYPTION: AES-256-GCM</span>
<span class="status-item">v1.2.0</span>
</div>
<div class="footer-links">
<a href="https://github.com/PR0M3TH3AN/SeedPass" target="_blank"><i class="fab fa-github"></i>
GitHub</a>
<span class="separator">|</span>
<a href="https://primal.net/p/npub16y70nhp56rwzljmr8jhrrzalsx5x495l4whlf8n8zsxww204k8eqrvamnp"
target="_blank"><i class="fas fa-bolt"></i> Nostr</a>
<span class="separator">|</span>
<a href="https://nostrtipjar.netlify.app/?n=npub16y70nhp56rwzljmr8jhrrzalsx5x495l4whlf8n8zsxww204k8eqrvamnp"
target="_blank"><i class="fas fa-coffee"></i> Tip</a>
</div>
</footer>
</div>
<script src="./script.js"></script>
</body>
</html>