From ac7ba2a8954f9f0505c74cb3209a50f99f1ac0e0 Mon Sep 17 00:00:00 2001 From: "google-labs-jules[bot]" <161369871+google-labs-jules[bot]@users.noreply.github.com> Date: Sat, 14 Feb 2026 07:39:31 +0000 Subject: [PATCH] feat: add required acknowledgement warning to install copy button - Adds a modal to `landing/index.html` warning users about the "freshly vibecoded" nature of the project. - Intercepts the "Install via NPM" copy button to require acknowledgement before copying. - Styles the modal with a danger theme consistent with the warning. - Verified with Playwright. Co-authored-by: PR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com> --- landing/index.html | 126 ++++++++++++++++++++++++++++++++- verification/after_ack.png | Bin 0 -> 80790 bytes verification/before_change.png | Bin 0 -> 83086 bytes verification/failure.png | Bin 0 -> 83885 bytes verification/modal_visible.png | Bin 0 -> 76019 bytes verification/verify_ack.py | 63 +++++++++++++++++ verification/verify_copy.py | 34 +++++++++ 7 files changed, 221 insertions(+), 2 deletions(-) create mode 100644 verification/after_ack.png create mode 100644 verification/before_change.png create mode 100644 verification/failure.png create mode 100644 verification/modal_visible.png create mode 100644 verification/verify_ack.py create mode 100644 verification/verify_copy.py diff --git a/landing/index.html b/landing/index.html index ee5712b..63773ef 100644 --- a/landing/index.html +++ b/landing/index.html @@ -439,6 +439,75 @@ .copy-install-btn:active { transform: scale(0.98); } + + /* Acknowledgement Modal Styles */ + #ackModal .modal-content { + border-color: var(--danger); + max-width: 500px; + text-align: center; + } + + #ackModal h2 { + color: var(--danger); + margin-top: 0; + display: flex; + align-items: center; + justify-content: center; + gap: 0.5rem; + } + + #ackModal .modal-body { + font-size: 1.1rem; + color: var(--text); + margin: 1.5rem 0; + line-height: 1.6; + } + + #ackModal .modal-actions { + display: flex; + justify-content: center; + gap: 1rem; + margin-top: 2rem; + } + + #ackModal .btn-cancel { + background: transparent; + border: 1px solid var(--border); + color: var(--text); + padding: 0.75rem 1.5rem; + border-radius: 9999px; + cursor: pointer; + transition: all 0.2s; + font-weight: 600; + } + + #ackModal .btn-cancel:hover { + background: var(--surface-alt); + color: var(--text-strong); + } + + #ackModal .btn-confirm { + background: var(--danger); + border: 1px solid var(--danger); + color: white; + padding: 0.75rem 1.5rem; + border-radius: 9999px; + cursor: pointer; + transition: all 0.2s; + font-weight: 600; + box-shadow: 0 4px 12px rgba(255, 50, 50, 0.3); + } + + #ackModal .btn-confirm:hover { + background: #ff4d4d; /* lighter red */ + transform: translateY(-2px); + box-shadow: 0 6px 16px rgba(255, 50, 50, 0.4); + } + + /* Define danger color if not exists in dashboard/styles.css */ + :root { + --danger: #ef4444; + } @@ -469,7 +538,7 @@

Install via NPM

npm install torch-lock -
+ + +