/
EdgarAbazyan
/
cackall
Обзор
Документация
Войти
/
EdgarAbazyan
/
cackall
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
menu.php
36 строк
1 KB
EdgarAbazyan
upload files
03 ноя 2025, 20:44
03 ноя 2025, 20:44
ec61f1e
Код
Авторство
О чём код?
<header class="main-header"> <div class="nav-wrapper"> <div class="brand">🏋️ ED-CALC</div> <button class="menu-toggle" aria-label="Меню">☰</button> <nav class="nav-links"> <a href="index.php">Аналитика</a> <a href="calc_1rm.php">1RM</a> <a href="calc_progress.php">Прогресс</a> <a href="calc_tonnage.php">Тоннаж</a> <a href="calc_rpe.php">RPE</a> <a href="calc_period.php">Периодизация</a> </nav> </div> </header> <style> .main-header{width:100%;background:#fff;border-bottom:1px solid #ddd;} .nav-wrapper{max-width:1100px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;} .brand{font-weight:700;font-size:20px;color:#f97316;} .nav-links{display:flex;gap:18px;flex-wrap:wrap;} .nav-links a{color:#333;text-decoration:none;font-weight:500;padding-bottom:3px;} .nav-links a:hover{color:#f97316;} .menu-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;} @media(max-width:768px){ .nav-links{display:none;flex-direction:column;gap:10px;width:100%;margin-top:10px;} .nav-links.show{display:flex;} .menu-toggle{display:block;} } </style> <script> const menuBtn=document.querySelector('.menu-toggle'); const nav=document.querySelector('.nav-links'); if(menuBtn&&nav){ menuBtn.addEventListener('click',()=>nav.classList.toggle('show')); } </script>