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 @@
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
+}