Files
seedPass/landing/index.html
2025-07-04 00:30:19 -04:00

245 lines
18 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 Tags and Title -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SeedPass - Secure Password Manager</title>
<!-- Stylesheets -->
<link rel="stylesheet" href="./style.css">
<!-- Relative path to style.css -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
<!-- Font Awesome for 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"/>
</head>
<body>
<!-- Dark Mode Toggle -->
<div class="dark-mode-toggle">
<input type="checkbox" id="dark-mode-checkbox" aria-label="Toggle Dark Mode">
<label for="dark-mode-checkbox">
<i class="fas fa-moon" aria-hidden="true"></i>
<i class="fas fa-sun" aria-hidden="true"></i>
<span class="toggle-ball"></span>
</label>
</div>
<!-- Header and Navigation -->
<header>
<nav class="navbar" role="navigation" aria-label="Main Navigation">
<div class="container">
<a href="#intro" class="logo-link"> <img src="https://raw.githubusercontent.com/PR0M3TH3AN/SeedPass/main/logo/png/SeedPass-Logo-05.png" alt="SeedPass Logo" class="logo"> </a>
<!-- Hamburger Menu Toggle -->
<button class="menu-toggle" aria-label="Toggle navigation menu" aria-expanded="false">
<i class="fas fa-bars"></i>
</button>
<ul class="nav-links" role="menubar">
<li role="none"><a href="#intro" role="menuitem">Home</a>
</li>
<li role="none"><a href="#features" role="menuitem">Features</a>
</li>
<li role="none"><a href="#how-it-works" role="menuitem">How It Works</a>
</li>
<li role="none"><a href="#roadmap" role="menuitem">Roadmap</a>
</li>
<li role="none"><a href="#disclaimer" role="menuitem">Disclaimer</a>
</li>
</ul>
</div>
</nav>
</header>
<!-- Main Content -->
<main>
<!-- Intro Section -->
<section class="intro" id="intro" aria-labelledby="intro-heading">
<div class="container">
<h1 id="intro-heading">SeedPass: Secure Password Manager</h1>
<p><strong>SeedPass</strong> is a secure password generator and manager built on Bitcoin's BIP-85 standard. It uses deterministic key derivation to generate passwords that are never stored but can be easily regenerated when needed.</p>
<p>By integrating with the <strong>Nostr network</strong>, SeedPass compresses your encrypted vault and publishes it in 50&#8201;KB chunks. Each chunk is sent as a parameterised replaceable event, with deltas tracking changes between snapshots and automatic rotation when deltas grow large.</p>
<a href="https://github.com/PR0M3TH3AN/SeedPass" class="btn-primary cta-button"><i class="fas fa-download" aria-hidden="true"></i> Get Started</a>
</div>
</section>
<!-- Features Section -->
<section class="features" id="features" aria-labelledby="features-heading">
<div class="container">
<h2 class="section-title" id="features-heading">Features</h2>
<ul>
<li><i class="fas fa-key" aria-hidden="true"></i> Deterministic password generation using BIP-85</li>
<li><i class="fas fa-lock" aria-hidden="true"></i> Encrypted local storage for seeds and sensitive data</li>
<li><i class="fas fa-network-wired" aria-hidden="true"></i> Nostr relay integration with parameterised replaceable events for chunked snapshots and deltas</li>
<li><i class="fas fa-exchange-alt" aria-hidden="true"></i> Seed/Fingerprint switching for managing multiple profiles</li>
<li><i class="fas fa-check" aria-hidden="true"></i> Checksum verification to ensure script integrity</li>
<li><i class="fas fa-terminal" aria-hidden="true"></i> Interactive TUI for managing entries and settings</li>
<li><i class="fas fa-shield-alt" aria-hidden="true"></i> Issue or import TOTP secrets for 2FA</li>
<li><i class="fas fa-file-export" aria-hidden="true"></i> Export your 2FA codes to an encrypted file</li>
<li><i class="fas fa-folder-open" aria-hidden="true"></i> Optional external backup location</li>
<li><i class="fas fa-lock" aria-hidden="true"></i> Auto-lock after inactivity</li>
<li><i class="fas fa-user-secret" aria-hidden="true"></i> Secret Mode copies passwords to your clipboard</li>
</ul>
</div>
</section>
<!-- How It Works Section -->
<section class="how-it-works" id="how-it-works" aria-labelledby="how-it-works-heading">
<div class="container">
<h2 class="section-title" id="how-it-works-heading">How SeedPass Works</h2>
<p>SeedPass uses Bitcoin's BIP-85 standard for deterministic password generation. This means your passwords are not stored but can be regenerated using your master seed and specific indices.</p>
<h3 class="subsection-title">BIP-85 Derivation Tree</h3>
<p>The BIP-85 standard allows you to derive multiple child seeds from a single master seed. Each child seed can then be used to generate secure passwords. Here's a simplified illustration:</p>
<pre class="directory-tree">
<span class="parent" data-tooltip="This is your master seed" tabindex="0">Master_Seed</span>
├── <span class="child" data-tooltip="Derived seed at index 0" tabindex="0">Child_Seed_0</span>
│ └── <span class="grandchild" data-tooltip="Password for Service A" tabindex="0">Password_A</span>
├── <span class="child" data-tooltip="Derived seed at index 1" tabindex="0">Child_Seed_1</span>
│ └── <span class="grandchild" data-tooltip="Password for Service B" tabindex="0">Password_B</span>
├── <span class="child" data-tooltip="Derived seed at index 2" tabindex="0">Child_Seed_2</span>
│ └── <span class="grandchild" data-tooltip="Password for Service C" tabindex="0">Password_C</span>
└── <span class="child" data-tooltip="...and so on" tabindex="0">...</span>
</pre>
<h3 class="subsection-title">Seed/Fingerprint Switching</h3>
<p>SeedPass allows you to manage multiple seed profiles (fingerprints). You can switch between different seeds to compartmentalize your passwords.</p>
<h3 class="subsection-title">Nostr Relay Integration</h3>
<p>SeedPass publishes your encrypted vault to Nostr in 50&#8201;KB chunks using parameterised replaceable events. A manifest describes each snapshot while deltas record updates. When too many deltas accumulate, a new snapshot is rotated in automatically.</p>
<h3 class="subsection-title">Checksum Verification</h3>
<p>Built-in checksum verification ensures your SeedPass installation hasn't been tampered with.</p>
<h3 class="subsection-title">Interactive TUI</h3>
<p>Navigate through menus to manage entries and settings. Example:</p>
<pre class="code-block">
Select an option:
1. Add Entry
2. Retrieve Entry
3. Modify an Existing Entry
4. 2FA Codes
5. Settings
6. Exit
Enter your choice (1-6):
</pre>
<h3 class="subsection-title">Secret Mode</h3>
<p>When Secret Mode is enabled, retrieved passwords are copied directly to your clipboard instead of displayed. The clipboard clears automatically after a delay you set.</p>
</div>
</section>
<!-- Roadmap Section -->
<section class="roadmap" id="roadmap" aria-labelledby="roadmap-heading">
<div class="container">
<h2 class="section-title" id="roadmap-heading">Roadmap</h2>
<div class="timeline">
<!-- Phase 1 -->
<div class="timeline-item">
<div class="timeline-icon" aria-hidden="true"><i class="fas fa-rocket"></i>
</div>
<div class="timeline-content">
<h3>Phase 1: Core Functionality and Security Enhancements</h3>
<p><strong>Goal:</strong> Establish a robust foundation with individual entry management, secure seed handling, and seamless Nostr integration.</p>
<ul>
<li>Configuration File Management</li>
<li>Individual JSON File Management</li>
<li>Enhanced JSON Schema Integration</li>
<li>Nostr Integration Enhancements</li>
<li>Backup and Restore Index Option</li>
<li>Security Enhancements</li>
<li>Comprehensive Testing and Security Auditing</li>
<li>Managed Users Data Loading</li>
</ul>
</div>
</div>
<!-- Phase 2 -->
<div class="timeline-item">
<div class="timeline-icon" aria-hidden="true"><i class="fas fa-shield-alt"></i>
</div>
<div class="timeline-content">
<h3>Phase 2: Enhanced Security and Data Management</h3>
<p><strong>Goal:</strong> Strengthen security features and improve data management capabilities with the new individual entry system.</p>
<ul>
<li>Advanced Data Fields and New Kinds</li>
<li>Family Password Management</li>
<li>Easy BIP39 Seed Generation for Various Use Cases</li>
<li>Nostr Public/Private Key Pair Generation</li>
</ul>
</div>
</div>
<!-- Phase 3 -->
<div class="timeline-item">
<div class="timeline-icon" aria-hidden="true"><i class="fas fa-terminal"></i>
</div>
<div class="timeline-content">
<h3>Phase 3: Advanced CLI Functionalities</h3>
<p><strong>Goal:</strong> Develop a sophisticated Command-Line Interface (CLI) tailored for the individual entry system, enhancing automation and customization.</p>
<ul>
<li>Advanced CLI Commands for Entry Management</li>
<li>Custom Relays Configuration via CLI</li>
<li>Secure Clipboard Operations</li>
</ul>
</div>
</div>
<!-- Phase 4 -->
<div class="timeline-item">
<div class="timeline-icon" aria-hidden="true"><i class="fas fa-sync-alt"></i>
</div>
<div class="timeline-content">
<h3>Phase 4: Data Management Enhancements and Integrations</h3>
<p><strong>Goal:</strong> Further improve data management capabilities and integrate with other platforms using the individual entry system.</p>
<ul>
<li>Additional Integrations</li>
<li>Scalability Enhancements</li>
</ul>
</div>
</div>
<!-- Phase 5 -->
<div class="timeline-item">
<div class="timeline-icon" aria-hidden="true"><i class="fas fa-book"></i>
</div>
<div class="timeline-content">
<h3>Phase 5: Documentation, Testing, and Finalization</h3>
<p><strong>Goal:</strong> Ensure comprehensive documentation, robust testing, and finalize the application for release with the new entry management system.</p>
<ul>
<li>Provide Comprehensive Documentation</li>
<li>Enhance Logging and Monitoring</li>
<li>Ensure Comprehensive Testing</li>
<li>Prioritize Security Best Practices</li>
</ul>
</div>
</div>
<!-- Future Phases -->
<div class="timeline-item">
<div class="timeline-icon" aria-hidden="true"><i class="fas fa-forward"></i>
</div>
<div class="timeline-content">
<h3>Future Phases (Beyond Initial Roadmap)</h3>
<p><strong>Goal:</strong> Continuous improvement and feature expansion based on user feedback and emerging needs.</p>
<ul>
<li>Continuous Improvement and Feature Expansion</li>
<li>Scalability and Performance Optimization</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Disclaimer Section -->
<section class="disclaimer" id="disclaimer" aria-labelledby="disclaimer-heading">
<div class="container">
<h2 class="section-title" id="disclaimer-heading">Disclaimer</h2>
<p><strong>⚠️ Disclaimer:</strong> This software was not developed by an experienced security expert and should be used with caution. There may be bugs and missing features. Additionally, the security of the program's memory management and logs has not been evaluated and may leak sensitive information.</p>
</div>
</section>
</main>
<!-- Footer -->
<footer>
<div class="container">
<div class="social-media">
<!-- Nostr Link with Inline SVG -->
<a href="https://primal.net/p/npub16y70nhp56rwzljmr8jhrrzalsx5x495l4whlf8n8zsxww204k8eqrvamnp" target="_blank" aria-label="Nostr Profile" rel="noopener noreferrer"> <!-- SVG code as before --> <svg class="nostr-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 620 620" fill="currentColor" aria-labelledby="nostrIconTitle" role="img" tabindex="0">
<title id="nostrIconTitle">Nostr Logo</title>
<path d="M620 270.227V597.655C620 609.968 610.081 619.961 597.859 619.961H332.161C319.938 619.961 310.02 609.968 310.02 597.655V536.678C311.23 461.931 319.079 390.332 335.558 357.759C345.438 338.168 361.722 327.506 380.427 321.802C415.768 311.102 477.779 318.419 504.099 317.16C504.099 317.16 583.605 320.346 583.605 274.987C583.605 238.48 548.07 241.352 548.07 241.352C508.902 242.374 479.068 239.699 459.738 232.028C427.365 219.203 426.272 195.678 426.155 187.81C424.554 96.934 291.549 86.0368 174.359 108.579C46.2354 133.127 175.765 318.143 175.765 565.121V598.088C175.531 610.204 165.807 620 153.702 620H22.1415C9.91874 620 0 610.008 0 597.694V31.3934C0 19.08 9.91874 9.08757 22.1415 9.08757H145.813C158.036 9.08757 167.955 19.08 167.955 31.3934C167.955 49.6866 188.378 59.8756 203.139 49.2145C247.617 17.113 304.709 0 368.595 0C511.714 0 619.922 84.0305 619.922 270.227H620ZM382.419 203.782C382.419 177.424 361.214 156.062 335.051 156.062C308.887 156.062 287.683 177.424 287.683 203.782C287.683 230.14 308.887 251.501 335.051 251.501C361.214 251.501 382.419 230.14 382.419 203.782Z"/>
</svg> </a>
<!-- GitHub Link -->
<a href="https://github.com/PR0M3TH3AN/SeedPass" target="_blank" aria-label="GitHub Repository" rel="noopener noreferrer"> <i class="fab fa-github"></i> </a>
<!-- Leave a Tip Link -->
<a href="https://nostrtipjar.netlify.app/?n=npub16y70nhp56rwzljmr8jhrrzalsx5x495l4whlf8n8zsxww204k8eqrvamnp" target="_blank" aria-label="Leave a Tip" rel="noopener noreferrer">Leave a Tip</a>
</div>
<p>&copy; 2025 SeedPass</p>
</div>
</footer>
<!-- JavaScript -->
<script src="./script.js"></script>
<!-- Relative path to script.js -->
</body>
</html>