.header h1 margin: 0; font-size: 1.9rem; font-weight: 700; letter-spacing: -0.3px; background: linear-gradient(135deg, #FFFFFF, #9aa9ff); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block;
.btn:active transform: scale(0.96);
// attach remove event listeners for each dynamically created remove button document.querySelectorAll('.remove-btn[data-url]').forEach(btn => btn.removeEventListener('click', handleRemoveBlock); btn.addEventListener('click', handleRemoveBlock); ); simple run blocker download
function updateStatusMessage(msg, color = '#b5ff9e') if (statusSpan) statusSpan.textContent = msg; statusSpan.style.color = color; setTimeout(() => if (statusSpan.textContent === msg) statusSpan.style.color = '#87e987'; statusSpan.textContent = '✅ ready'; , 2800);
.btn-primary background: #3c4bff; color: white; box-shadow: 0 4px 12px #3c4bff40; ⛔ RUN BLOCKER <
/* main card */ .blocker-card max-width: 650px; width: 100%; background: rgba(22, 26, 35, 0.85); backdrop-filter: blur(2px); border-radius: 48px; box-shadow: 0 25px 45px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05); overflow: hidden; transition: all 0.2s ease;
<div class="content"> <div class="info-panel"> <p>🛡️ <strong>Active protection:</strong> any download attempt is <span style="color:#ffad6a;">blocked</span> by default until you approve.</p> <p>📌 <span class="rule">"Run blocker" mode: all executable-like requests are intercepted</span></p> <p>✅ Add trusted URLs manually → they become downloadable. Everything else stays blocked.</p> </div> .header h1 margin: 0
.url-input width: 100%; background: #0a0d14; border: 1.5px solid #2f354b; border-radius: 60px; padding: 14px 20px; font-size: 1rem; font-family: monospace; color: #eef3ff; transition: all 0.2s; outline: none;
.badge display: inline-block; background: #ff4d4d20; backdrop-filter: blur(4px); border: 1px solid #ff6b6b40; border-radius: 100px; padding: 4px 12px; font-size: 0.75rem; font-weight: 600; margin-left: 12px; color: #ffb7b7; vertical-align: middle;
// Add to whitelist + auto download trigger function addToWhitelistAndDownload(rawUrl) let targetUrl = rawUrl.trim(); if (targetUrl === "") updateStatusMessage("⛔ Cannot add empty URL to whitelist", "#ffaa88"); return; // optional normalization: ensure protocol if missing (for demo convenience) if (!targetUrl.match(/^https?:\/\//i) && !targetUrl.startsWith('blob:') && !targetUrl.startsWith('data:')) // prepend https:// as a best guess for demo if (targetUrl.includes('.') && !targetUrl.includes(' ')) targetUrl = 'https://' + targetUrl; updateStatusMessage(`🔧 Auto-prepended https://`, "#c3e8ff"); // Add to whitelist set whitelist.add(targetUrl); updateStatusMessage(`📌 Whitelisted: $shorten(targetUrl, 55)`, "#b5ffb5"); // Now attempt download (whitelisted will pass) attemptDownload(targetUrl, 'whitelist+download'); renderBlockedList(); // re-render in case whitelist status matters but list unchanged // also update a quick visual flash on the blocked area? // Additionally show whitelist count in status but not required if (whitelist.size > 0) // optional: update info line const infoPanel = document.querySelector('.info-panel p:first-child'); if (infoPanel && !infoPanel.querySelector('.whitelist-count')) // nice extra, but no worries.
<div class="blocker-card"> <div class="header"> <h1>⛔ RUN BLOCKER <span class="badge">DOWNLOAD SHIELD</span></h1> <div class="sub">Block dangerous auto-runs · Control & quarantine downloads</div> </div>