From 1f2ce681a66777f14bf6d616873437e646ff9b17 Mon Sep 17 00:00:00 2001 From: bunker-admin Date: Sat, 28 Feb 2026 09:04:11 -0700 Subject: [PATCH] Add "free*" asterisk modal to landing page hero for transparency Discloses external production dependencies (server, ISP, domain, tunnel, SMTP, Android phone for SMS) and offers paid hardware/managed options. Bunker Admin --- mkdocs/docs/overrides/lander.html | 197 +++++++++++++++++++++++++++++- 1 file changed, 196 insertions(+), 1 deletion(-) diff --git a/mkdocs/docs/overrides/lander.html b/mkdocs/docs/overrides/lander.html index 7597a80b..bc87a760 100644 --- a/mkdocs/docs/overrides/lander.html +++ b/mkdocs/docs/overrides/lander.html @@ -1683,6 +1683,136 @@ .btn-primary:focus-visible, .btn-secondary:focus-visible { box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.4); } + + /* ============================================ + FREE ASTERISK MODAL + ============================================ */ + .free-asterisk { + color: var(--primary-light); + text-decoration: underline; + text-decoration-style: dotted; + text-underline-offset: 3px; + cursor: pointer; + transition: color var(--transition); + } + .free-asterisk:hover { + color: #C084FC; + } + + .free-modal-backdrop { + position: fixed; + inset: 0; + z-index: 10000; + background: rgba(0, 0, 0, 0.6); + backdrop-filter: blur(4px); + display: flex; + align-items: center; + justify-content: center; + opacity: 0; + visibility: hidden; + transition: opacity 0.25s ease, visibility 0.25s ease; + } + .free-modal-backdrop.active { + opacity: 1; + visibility: visible; + } + + .free-modal { + background: var(--bg-card); + border: 1px solid var(--border-color); + border-radius: var(--radius-lg); + box-shadow: var(--shadow-lg); + max-width: 520px; + width: 90%; + padding: 2rem; + position: relative; + transform: translateY(20px) scale(0.97); + transition: transform 0.25s ease; + } + .free-modal-backdrop.active .free-modal { + transform: translateY(0) scale(1); + } + + .free-modal-close { + position: absolute; + top: 1rem; + right: 1rem; + background: none; + border: none; + color: var(--text-muted); + font-size: 1.5rem; + cursor: pointer; + line-height: 1; + padding: 0.25rem; + transition: color var(--transition); + } + .free-modal-close:hover { + color: var(--text-primary); + } + + .free-modal h3 { + font-size: 1.25rem; + color: var(--text-primary); + margin-bottom: 0.5rem; + } + + .free-modal .free-modal-intro { + color: var(--text-secondary); + font-size: 0.9rem; + margin-bottom: 1.25rem; + line-height: 1.6; + } + + .free-modal-list { + list-style: none; + display: flex; + flex-direction: column; + gap: 0.75rem; + } + + .free-modal-list li { + display: flex; + align-items: flex-start; + gap: 0.75rem; + font-size: 0.9rem; + color: var(--text-secondary); + line-height: 1.5; + } + + .free-modal-list .dep-icon { + flex-shrink: 0; + width: 24px; + height: 24px; + border-radius: 6px; + background: var(--myc-node-bg); + border: 1px solid var(--myc-node-border); + display: flex; + align-items: center; + justify-content: center; + font-size: 0.75rem; + margin-top: 1px; + } + + .free-modal-list strong { + color: var(--text-primary); + font-weight: 600; + } + + .free-modal-footer { + margin-top: 1.5rem; + padding-top: 1rem; + border-top: 1px solid var(--border-color); + color: var(--text-muted); + font-size: 0.8rem; + line-height: 1.5; + } + + @media (max-width: 480px) { + .free-modal { + max-width: 95%; + padding: 1.5rem; + } + } @@ -1795,7 +1925,7 @@

Run your campaigns, canvassing, fundraising, team chat, media, and more — all on your own infrastructure. No corporate surveillance. No foreign interference. No monthly ransoms. - A free and open source toolkit built for growing political movements. + A free* and open source toolkit built for growing political movements.

Schedule a Chat @@ -2649,6 +2779,50 @@
+ +
+ +
+ @@ -3358,6 +3532,26 @@ } }; + /* =========================================== + FREE* MODAL + =========================================== */ + const FreeModal = { + init() { + const link = document.getElementById('free-asterisk-link'); + const backdrop = document.getElementById('free-modal-backdrop'); + const closeBtn = document.getElementById('free-modal-close'); + if (!link || !backdrop || !closeBtn) return; + + const open = () => backdrop.classList.add('active'); + const close = () => backdrop.classList.remove('active'); + + link.addEventListener('click', (e) => { e.preventDefault(); open(); }); + closeBtn.addEventListener('click', close); + backdrop.addEventListener('click', (e) => { if (e.target === backdrop) close(); }); + document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && backdrop.classList.contains('active')) close(); }); + } + }; + /* =========================================== BOOT =========================================== */ @@ -3370,6 +3564,7 @@ RootNetwork.init(); FloatingElements.init(); SmoothScroll.init(); + FreeModal.init(); initSearch(); });