/
Centermant
/
web-nodejs
Обзор
Документация
Войти
/
Centermant
/
web-nodejs
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
public/index.html
109 строк
5 KB
Centermant
add files for local tests
08 ноя 2025, 16:08
08 ноя 2025, 16:08
f40a2ac
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <div class="wrapper"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Мои лабораторные работы: Лещенко А.Н. ИТ2203</title> <link rel="stylesheet" href="/css/main.css"> </head> <body> <div class="background-animation"> <div class="floating-particles"></div> </div> <!-- Блок заголовка --> <div class="container"> <div class="header"> <h1>МОИ ЛАБОРАТОРНЫЕ РАБОТЫ</h1> <div class="subtitle">Лещенко Андрей Николаевич, группа ИТ2203</div> </div> </div> <!-- Меню со ссылками на лабораторные работы --> <div class="container"> <h2 style="font-family: 'Orbitron', sans-serif; font-size: 2rem; text-align: center; margin-bottom: 30px; background: var(--text-gradient); -webkit-background-clip: text; background-clip: text; color: transparent;">Лабораторные работы</h2> <div class="grid-container"> <div class="lab-card"> <div class="lab-number">07</div> <a href="/lab7/index.html" class="lab-link">Лабораторная работа №7</a> <div class="hover-effect"></div> </div> <div class="lab-card"> <div class="lab-number">08</div> <a href="/lab8/index.html" class="lab-link">Лабораторная работа №8</a> <div class="hover-effect"></div> </div> <div class="lab-card"> <div class="lab-number">09</div> <a href="/lab9/index.html" class="lab-link">Лабораторная работа №9</a> <div class="hover-effect"></div> </div> <div class="lab-card"> <div class="lab-number">10</div> <a href="/lab10/index.html" class="lab-link">Лабораторная работа №10</a> <div class="hover-effect"></div> </div> <div class="lab-card"> <div class="lab-number">11</div> <a href="/lab11/index.html" class="lab-link">Лабораторная работа №11</a> <div class="hover-effect"></div> </div> <div class="lab-card"> <div class="lab-number">12</div> <a href="/lab12/index.html" class="lab-link">Лабораторная работа №12</a> <div class="hover-effect"></div> </div> </div> </div> </div> <script> document.querySelectorAll('.lab-card').forEach(card => { card.addEventListener('mousemove', (e) => { const rect = card.getBoundingClientRect(); const x = e.clientX - rect.left; const y = e.clientY - rect.top; const centerX = rect.width / 2; const centerY = rect.height / 2; const rotateX = (y - centerY) / 10; const rotateY = (centerX - x) / 10; card.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(1.05)`; }); card.addEventListener('mouseleave', () => { card.style.transform = 'perspective(1000px) rotateX(0deg) rotateY(0deg) scale(1)'; }); }); document.addEventListener('mousemove', (e) => { const x = e.clientX / window.innerWidth; const y = e.clientY / window.innerHeight; document.body.style.backgroundPosition = `${x * 100}% ${y * 100}%`; }); document.querySelectorAll('.home-button').forEach(button => { button.addEventListener('mouseenter', function() { this.querySelector('span').style.opacity = '0.7'; this.style.transform = 'translateY(-5px) scale(1.05)'; this.style.boxShadow = '0 10px 25px rgba(255, 138, 0, 0.4)'; this.style.background = 'rgba(255, 255, 255, 0.2)'; }); button.addEventListener('mouseleave', function() { this.querySelector('span').style.opacity = '0'; this.style.transform = 'translateY(0) scale(1)'; this.style.boxShadow = '0 5px 15px rgba(0, 0, 0, 0.3)'; this.style.background = 'rgba(255, 255, 255, 0.1)'; }); }); document.addEventListener('DOMContentLoaded', function() { updatePageWithData(); }); document.addEventListener('DOMContentLoaded', function() { if (typeof siteData !== 'undefined') { updatePageWithData(); } }); </script> </body> </html>