/
taesonx
/
practica-decoder
Обзор
Документация
Войти
/
taesonx
/
practica-decoder
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
site/resources.html
72 строки
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; } .resources-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin-top: 1rem; } .resource-card { background: rgba(255,255,255,0.1); padding: 1.5rem; border-radius: 15px; backdrop-filter: blur(5px); transition: transform 0.3s; } .resource-card:hover { transform: translateY(-5px); background: rgba(255,255,255,0.15); } .resource-card h3 { color: #e94560; margin-bottom: 0.5rem; } .resource-card a { color: #ffaa00; text-decoration: none; } .resource-card a:hover { text-decoration: underline; } 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="resources-grid"> <div class="resource-card"> <h3>🎮 Наш проект</h3> <p>Демо-версия приложения-дешифратора:</p> <a href="https://msfelzhel.github.io/decoder-app/" target="_blank">https://msfelzhel.github.io/decoder-app/</a> </div> <div class="resource-card"> <h3>📚 Материалы по шифрам</h3> <p><a href="https://ru.wikipedia.org/wiki/Шифр_Цезаря" target="_blank">Шифр Цезаря — Wikipedia</a></p> <p><a href="https://ru.wikipedia.org/wiki/Шифр_Виженера" target="_blank">Шифр Виженера — Wikipedia</a></p> <p><a href="https://ru.wikipedia.org/wiki/Азбука_Морзе" target="_blank">Азбука Морзе — Wikipedia</a></p> </div> <div class="resource-card"> <h3>🎓 Онлайн-курсы</h3> <p><a href="https://huggingface.co/learn/nlp-course" target="_blank">Hugging Face NLP Course</a></p> <p><a href="https://stepik.org/course/217" target="_blank">Stepik: Введение в криптографию</a></p> </div> <div class="resource-card"> <h3>💻 Технологии</h3> <p><a href="https://developer.mozilla.org/ru/docs/Web/HTML" target="_blank">MDN Web Docs (HTML/CSS/JS)</a></p> <p><a href="https://git-scm.com/doc" target="_blank">Документация Git</a></p> </div> <div class="resource-card"> <h3>🤝 Организация-партнёр</h3> <p>Московский Политех — Карьерный марафон 2026</p> <a href="https://mospolycareermarafon.ru/april2026" target="_blank">Сайт марафона</a> </div> </div> </div> <footer> <p>Проектная практика • Московский Политех • 2025</p> </footer> </body> </html>