diff --git a/site/templates/drhider.html b/site/templates/drhider.html index f9c4fd3..bca028b 100644 --- a/site/templates/drhider.html +++ b/site/templates/drhider.html @@ -54,6 +54,26 @@ .btn-primary { background: var(--brand); color: #fff; border-color: var(--brand); width: 100%; margin-top: 8px; } .btn-primary:hover { background: var(--brand-dark); } .btn-primary:disabled { opacity: .5; cursor: not-allowed; } + + /* ── Модальное окно ──────────────────────────────── */ + .modal-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.4); z-index: 1000; justify-content: center; align-items: flex-start; padding-top: 60px; } + .modal-overlay.show { display: flex; } + .modal { background: var(--card); border-radius: 12px; max-width: 600px; width: 90%; max-height: 80vh; overflow-y: auto; box-shadow: 0 8px 32px rgba(0,0,0,.15); } + .modal-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--border); } + .modal-header h2 { font-size: 16px; } + .modal-close { cursor: pointer; font-size: 20px; color: var(--muted); background: none; border: none; line-height: 1; } + .modal-close:hover { color: var(--fg); } + .modal-body { padding: 20px; font-size: 13px; line-height: 1.7; color: var(--fg); } + .modal-body h3 { font-size: 14px; margin: 16px 0 6px; } + .modal-body h3:first-child { margin-top: 0; } + .modal-body ul { margin: 4px 0 12px 20px; } + .modal-body li { margin-bottom: 4px; } + .modal-body .warn { background: #fef9e7; border-left: 3px solid #f59e0b; padding: 8px 12px; border-radius: 0 6px 6px 0; margin: 8px 0; font-size: 12px; } + .modal-body code { background: var(--grey-light); padding: 1px 4px; border-radius: 3px; font-size: 12px; } + + /* ── Кнопка ? в шапке ───────────────────────────── */ + .header .help-btn { margin-left: auto; width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--border); background: var(--card); cursor: pointer; font-size: 15px; font-weight: 600; color: var(--muted); display: flex; align-items: center; justify-content: center; transition: all .15s; } + .header .help-btn:hover { border-color: var(--brand); color: var(--brand); background: #eff6ff; } @@ -64,9 +84,80 @@ Сверка договоров | DrHider - v1.3 + v1.4 + + + +

🛡️ DrHider — обфускация документов

Загрузите документы — получите ZIP с обезличенными копиями и таблицей соответствия. Без сохранения на сервере.

@@ -153,6 +244,11 @@ BTN.onclick = () => { function setStatus(c,m) { STATUS.className = 'show '+c; STATUS.textContent = m; } function esc(s) { return s.replace(/&/g,'&').replace(//g,'>'); } function fmt(n) { return n>1e6 ? (n/1e6).toFixed(1)+' MB' : n>1e3 ? (n/1e3).toFixed(0)+' KB' : n+' B'; } + +// ── Модальное окно ───────────────────────────────────────────── +function openModal() { document.getElementById('modalOverlay').classList.add('show'); } +function closeModal() { document.getElementById('modalOverlay').classList.remove('show'); } +document.addEventListener('keydown', e => { if (e.key === 'Escape') closeModal(); });