diff --git a/landing/index.html b/landing/index.html index 17f45801..8a5bb453 100644 --- a/landing/index.html +++ b/landing/index.html @@ -67,11 +67,15 @@
- # Install SeedPass (stable) - Includes checksum verification + # Install SeedPass - Includes checksum verification +
+ + +
❯ curl -sSL http://seedpass.me/install/seedpass-main.sh | bash + id="install-cmd">bash -c "$(curl -sSL https://raw.githubusercontent.com/PR0M3TH3AN/SeedPass/main/scripts/install.sh)" diff --git a/landing/script.js b/landing/script.js index a71f0fdd..d102f944 100644 --- a/landing/script.js +++ b/landing/script.js @@ -1,4 +1,9 @@ document.addEventListener('DOMContentLoaded', () => { + const installCommands = { + main: 'bash -c "$(curl -sSL https://raw.githubusercontent.com/PR0M3TH3AN/SeedPass/main/scripts/install.sh)"', + beta: 'bash -c "$(curl -sSL https://raw.githubusercontent.com/PR0M3TH3AN/SeedPass/main/scripts/install.sh)" _ -b beta' + }; + // --- Boot Sequence Animation --- const bootLines = [ "INITIALIZING SYSTEM MODULES...", @@ -49,6 +54,32 @@ document.addEventListener('DOMContentLoaded', () => { const copyBtn = document.getElementById('copy-btn'); const installCmd = document.getElementById('install-cmd'); const copyFeedback = document.getElementById('copy-feedback'); + const branchButtons = document.querySelectorAll('.branch-btn'); + + function setInstallBranch(branch) { + if (!installCmd || !installCommands[branch]) { + return; + } + installCmd.textContent = installCommands[branch]; + branchButtons.forEach((btn) => { + const isActive = btn.dataset.branch === branch; + btn.classList.toggle('active', isActive); + btn.setAttribute('aria-pressed', isActive ? 'true' : 'false'); + }); + } + + if (branchButtons.length > 0) { + branchButtons.forEach((btn) => { + btn.addEventListener('click', () => { + const selectedBranch = btn.dataset.branch; + setInstallBranch(selectedBranch); + if (copyFeedback) { + copyFeedback.textContent = ''; + } + }); + }); + setInstallBranch('main'); + } if (copyBtn && installCmd && copyFeedback) { copyBtn.addEventListener('click', () => { diff --git a/landing/style.css b/landing/style.css index 539ba6fe..edabda03 100644 --- a/landing/style.css +++ b/landing/style.css @@ -373,6 +373,37 @@ a:hover { margin-bottom: 10px; } +.branch-toggle { + display: inline-flex; + align-items: center; + gap: 8px; + margin-bottom: 10px; +} + +.branch-btn { + border: 1px solid var(--border-highlight); + background: #080a0c; + color: var(--text-primary); + font-family: var(--font-mono); + font-size: 0.8rem; + padding: 4px 10px; + border-radius: 3px; + cursor: pointer; + transition: all 0.2s ease; +} + +.branch-btn:hover { + border-color: var(--accent-secondary); + color: var(--text-bright); +} + +.branch-btn.active { + color: var(--bg-main); + background: var(--accent-primary); + border-color: var(--accent-primary); + font-weight: 700; +} + .cmd-prompt { display: flex; align-items: center; @@ -578,4 +609,4 @@ a:hover { .tui-window-body { padding: 20px; } -} \ No newline at end of file +}