/
taesonx
/
practica-decoder
Обзор
Документация
Войти
/
taesonx
/
practica-decoder
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
site/about.html
57 строк
4 KB
egarinka11
update: about.html, index.html, journal.html, members.html, resources.html
13 май 2026, 13:24
Верифицирован
13 май 2026, 13:24
89ca120
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Дешифратор | О проекте</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); color: #eee; line-height: 1.6; } header { background: rgba(0,0,0,0.7); padding: 1rem 0; position: sticky; top: 0; backdrop-filter: blur(10px); } nav { max-width: 1200px; margin: 0 auto; display: flex; justify-content: center; gap: 2rem; } nav a { color: #eee; text-decoration: none; padding: 0.5rem 1rem; border-radius: 5px; transition: all 0.3s; } nav a:hover { background: #e94560; } .container { max-width: 1200px; margin: 0 auto; padding: 2rem; } h1 { color: #e94560; margin-bottom: 1rem; } .content { background: rgba(255,255,255,0.1); padding: 2rem; border-radius: 15px; margin-top: 1rem; } footer { text-align: center; padding: 2rem; background: rgba(0,0,0,0.5); margin-top: 3rem; } @media (max-width: 768px) { nav { flex-wrap: wrap; gap: 0.5rem; } } </style> </head> <body> <header> <nav> <a href="index.html">Главная</a> <a href="about.html">О проекте</a> <a href="members.html">Участники</a> <a href="journal.html">Журнал</a> <a href="resources.html">Ресурсы</a> <a href="variant.html">Вариативная часть</a> </nav> </header> <div class="container"> <h1>📖 О проекте «Дешифратор»</h1> <div class="content"> <h2>Цели проекта</h2> <p>Создать образовательный интерактивный инструмент для изучения классических и современных шифров.</p> <h2 style="margin-top: 1.5rem;">Задачи</h2> <ul style="margin-left: 2rem;"> <li>Реализовать 8 различных шифров с возможностью кодирования и декодирования</li> <li>Создать интуитивно понятный интерфейс</li> <li>Предоставить пояснения к каждому шифру</li> <li>Позволить пользователям экспериментировать с собственными сообщениями</li> </ul> <h2 style="margin-top: 1.5rem;">Актуальность</h2> <p>В эпоху цифровизации понимание основ криптографии становится необходимостью. Проект помогает в интерактивной форме освоить принципы шифрования, что важно для специалистов в области информационной безопасности.</p> <h2 style="margin-top: 1.5rem;">Технологии</h2> <p>HTML5, CSS3, JavaScript (ES6), адаптивная вёрстка, современные CSS-эффекты.</p> </div> </div> <footer> <p>Проектная практика • Московский Политех • 2025</p> </footer> </body> </html>