src/Decoder.html - master - taesonx/practica-decoder

src/Decoder.html
3 строки8 KB
taesonx
create: Decoder.html
06 май 2026, 17:13
06 май 2026, 17:13d87ad4d
<!DOCTYPE html>
<!-- saved from url=(0040)https://msfelzhel.github.io/decoder-app/ -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><link rel="icon" href="https://msfelzhel.github.io/decoder-app/%%%"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="theme-color" content="#000000"><meta name="description" content="Web site created using create-react-app"><link rel="apple-touch-icon" href="https://msfelzhel.github.io/decoder-app/logo192.png"><link rel="manifest" href="https://msfelzhel.github.io/decoder-app/manifest.json"><title>Decoder</title><script defer="defer" src="./Decoder_files/main.30f225c4.js.загрузка"></script><link href="./Decoder_files/main.c5966b65.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"><div class="App"><header><div class="header-container"><div class="logo">🔐 Дешифратор</div><nav><ul><li><a class="nav-link active">Главная</a></li><li><a class="nav-link">О шифрах</a></li><li><a class="nav-link">Контакты</a></li><li><a class="nav-link">О проекте</a></li></ul></nav><button class="btn-primary" style="padding: 8px 20px;">Войти</button></div></header><main><div class="page"><div class="container"><div class="hero"><h1>Исследуйте мир шифров!</h1><p>Откройте для себя секреты древних и современных шифров. Нажмите на карточку, чтобы начать изучать!</p></div><div class="cipher-grid"><div class="cipher-card"><h3>Шифр Цезаря</h3><p>Переместите буквы в алфавитном порядке, чтобы скрыть сообщение.</p><a class="learn-btn">Узнать больше →</a></div><div class="cipher-card"><h3>Шифр Атбаш</h3><p>Простой шифр подстановки, который меняет алфавит на противоположный.</p><a class="learn-btn">Узнать больше →</a></div><div class="cipher-card"><h3>Пляшущие человечки</h3><p>Геометрический шифр, использующий символы вместо букв.</p><a class="learn-btn">Узнать больше →</a></div><div class="cipher-card"><h3>Азбука Морзе</h3><p>Классический метод, использующий точки и тире.</p><a class="learn-btn">Узнать больше →</a></div><div class="cipher-card"><h3>Шифр Виженера</h3><p>Полиалфавитный шифр с использованием ключевого слова.</p><a class="learn-btn">Узнать больше →</a></div><div class="cipher-card"><h3>Шифр Вернама</h3><p>Криптосистема на основе операции XOR.</p><a class="learn-btn">Узнать больше →</a></div><div class="cipher-card"><h3>Rail Fence</h3><p>Шифр, записывающий текст по диагонали в несколько строк.</p><a class="learn-btn">Узнать больше →</a></div><div class="cipher-card"><h3>Шифр Полибия</h3><p>Каждая буква кодируется координатами в квадрате 5×5.</p><a class="learn-btn">Узнать больше →</a></div></div></div><div class="container" style="margin-top: 40px;"><div class="cipher-tool"><div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;"><h3>История операций</h3><button class="btn-secondary">Очистить историю</button></div><div style="padding: 10px; border-bottom: 1px solid var(--border);"><strong>Rail Fence</strong><div style="font-size: 14px; color: rgb(102, 102, 102); margin-top: 4px;">Hello world → Hello wdolr</div></div><div style="padding: 10px; border-bottom: 1px solid var(--border);"><strong>Rail Fence</strong><div style="font-size: 14px; color: rgb(102, 102, 102); margin-top: 4px;">Hello world → Hello wdolr</div></div><div style="padding: 10px; border-bottom: 1px solid var(--border);"><strong>Rail Fence</strong><div style="font-size: 14px; color: rgb(102, 102, 102); margin-top: 4px;">Hello world → Hdellrloow </div></div><div style="padding: 10px; border-bottom: 1px solid var(--border);"><strong>Rail Fence</strong><div style="font-size: 14px; color: rgb(102, 102, 102); margin-top: 4px;">Hello world → Horel ollwd</div></div><div style="padding: 10px; border-bottom: 1px solid var(--border);"><strong>Rail Fence</strong><div style="font-size: 14px; color: rgb(102, 102, 102); margin-top: 4px;">Hello world → Horel ollwd</div></div><div style="padding: 10px; border-bottom: 1px solid var(--border);"><strong>Rail Fence</strong><div style="font-size: 14px; color: rgb(102, 102, 102); margin-top: 4px;">Hello world → Horel ollwd</div></div><div style="padding: 10px; border-bottom: 1px solid var(--border);"><strong>Вернам</strong><div style="font-size: 14px; color: rgb(102, 102, 102); margin-top: 4px;">hello → �</div></div><div style="padding: 10px; border-bottom: 1px solid var(--border);"><strong>Вернам</strong><div style="font-size: 14px; color: rgb(102, 102, 102); margin-top: 4px;">10101010 → ����</div></div><div style="padding: 10px; border-bottom: 1px solid var(--border);"><strong>Вернам</strong><div style="font-size: 14px; color: rgb(102, 102, 102); margin-top: 4px;">кошка → ~p</div></div><div style="padding: 10px; border-bottom: 1px solid var(--border);"><strong>Виженер</strong><div style="font-size: 14px; color: rgb(102, 102, 102); margin-top: 4px;">привет → ЖЩЦВМЧ</div></div><div style="padding: 10px; border-bottom: 1px solid var(--border);"><strong>Виженер</strong><div style="font-size: 14px; color: rgb(102, 102, 102); margin-top: 4px;">привет → ОПЗБДС</div></div><div style="padding: 10px; border-bottom: 1px solid var(--border);"><strong>Виженер</strong><div style="font-size: 14px; color: rgb(102, 102, 102); margin-top: 4px;">привет → ОПЗБДС</div></div><div style="padding: 10px; border-bottom: 1px solid var(--border);"><strong>Виженер</strong><div style="font-size: 14px; color: rgb(102, 102, 102); margin-top: 4px;">привет → ОПЗБДС</div></div><div style="padding: 10px; border-bottom: 1px solid var(--border);"><strong>Виженер</strong><div style="font-size: 14px; color: rgb(102, 102, 102); margin-top: 4px;">привет → ОПЗБДС</div></div><div style="padding: 10px; border-bottom: 1px solid var(--border);"><strong>Виженер</strong><div style="font-size: 14px; color: rgb(102, 102, 102); margin-top: 4px;">привет → ОПЗБДС</div></div><div style="padding: 10px; border-bottom: 1px solid var(--border);"><strong>Виженер</strong><div style="font-size: 14px; color: rgb(102, 102, 102); margin-top: 4px;">привет → ОПЗБДС</div></div><div style="padding: 10px; border-bottom: 1px solid var(--border);"><strong>Виженер</strong><div style="font-size: 14px; color: rgb(102, 102, 102); margin-top: 4px;">привет → ОПЗБДС</div></div><div style="padding: 10px; border-bottom: 1px solid var(--border);"><strong>Виженер</strong><div style="font-size: 14px; color: rgb(102, 102, 102); margin-top: 4px;">привет → ОПЗБДС</div></div><div style="padding: 10px; border-bottom: 1px solid var(--border);"><strong>Виженер</strong><div style="font-size: 14px; color: rgb(102, 102, 102); margin-top: 4px;">привет → ОПЗБДС</div></div><div style="padding: 10px; border-bottom: 1px solid var(--border);"><strong>Виженер</strong><div style="font-size: 14px; color: rgb(102, 102, 102); margin-top: 4px;">привет → ОПЗБДС</div></div></div></div></div></main><footer><p>© 2025 Дешифратор для школьников. Все права защищены.</p></footer></div></div></body></html>