add blocks

static/blocks/menu/top1/content.md

@@ -0,0 +1,21 @@
+<button id="burger" class="burger" aria-label="Меню">
+    <span></span>
+    <span></span>
+    <span></span>
+</button>
+<nav id="nav">
+    <ul>
+        <li><a href="/" data-link="true" data-target="content">Главная</a></li>
+        <li><a href="/about" data-link="true" data-target="content">О нас</a></li>
+        <li><a href="/about copy" data-link="true" data-target="content">О нас 2</a></li>
+        <li><a href="/functions" data-link="true" data-target="content">Функции</a></li>
+        <li><a href="/contact" data-link="true" data-target="content">Контакты</a></li>
+        <li><a href="/fManager" data-link="true" data-target="content">Файловый менеджер</a></li>
+        <li><a href="/users" data-link="true" data-target="content">Юзер</a></li>
+        <li><a href="/login" data-link="true" data-target="content">Вход</a></li>
+        <li><a href="/userSlava" data-link="true" data-target="content">Слава</a></li>
+        <li><a href="/gpt" data-link="true" data-target="content">GPT</a></li>
+        <li><a href="/ACL" data-link="true" data-target="content">ACL</a></li>
+        <li><a href="/userSlava/popup" data-link="true" data-target="content">Сообщения popup</a></li>
+    </ul>
+</nav>

static/blocks/menu/top1/script.js

@@ -0,0 +1,42 @@
+// /*************************************************
+//  * toggleMenu функция открытия/закрытия меню
+//  *************************************************/
+// function toggleMenu() {
+//   const burger = document.getElementById("burger");
+//   const nav = document.getElementById("nav");
+//   burger.classList.toggle("active");
+//   nav.classList.toggle("open");
+// }
+// /*************************************************
+//  * closeMenu функция закрытия меню
+//  *************************************************/
+// function closeMenu() {
+//   document.getElementById("burger").classList.remove("active");
+//   document.getElementById("nav").classList.remove("open");
+// }
+
+/*************************************************************************
+ * pageInit функция автозапуска скриптов, после подгрузки на страницу    *
+ *************************************************************************/
+function pageInit() {
+ const burger = document.getElementById("burger");
+ // Добавляем обработчик клика
+ burger.addEventListener("click", toggleMenu);
+}
+/*************************************************
+ * toggleMenu функция открытия/закрытия меню
+ *************************************************/
+function toggleMenu() {
+  const burger = document.getElementById("burger");
+  const nav = document.getElementById("nav");
+  burger.classList.toggle("active");
+  nav.classList.toggle("open");
+}
+/*************************************************
+ * closeMenu функция закрытия меню
+ *************************************************/
+function closeMenu() {
+  document.getElementById("burger").classList.remove("active");
+  document.getElementById("nav").classList.remove("open");
+}
+

static/blocks/menu/top1/style.css

@@ -0,0 +1,90 @@
+ /* навигация
+nav ul {
+  list-style: none;
+  display: flex;
+  gap: 20px;
+  margin: 0;
+  padding: 0;
+}
+
+nav a {
+  color: white;
+  text-decoration: none;
+  font-weight: 500;
+}
+
+nav a:hover {
+  text-decoration: underline;
+}
+
+/* бургер */
+/*
+.burger {
+  display: none;
+  flex-direction: column;
+  justify-content: center;
+  gap: 5px;
+  width: 30px;
+  height: 25px;
+  background: none;
+  border: none;
+  cursor: pointer;
+}
+
+.burger span {
+  display: block;
+  height: 3px;
+  width: 100%;
+  background: white;
+  border-radius: 2px;
+  transition: 0.3s;
+}
+
+.burger.active span:nth-child(1) {
+  transform: translateY(8px) rotate(45deg);
+}
+
+.burger.active span:nth-child(2) {
+  opacity: 0;
+}
+
+.burger.active span:nth-child(3) {
+  transform: translateY(-8px) rotate(-45deg);
+}
+*/
+ /* адаптив */
+ /*
+@media (max-width: 425px) {
+
+  .burger {
+    display: flex;
+  }
+
+  nav {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    width: 100%;
+    background: #222;
+    display: none;
+    flex-direction: column;
+    text-align: center;
+    padding: 10px 0;
+    z-index: 10;
+  }
+
+  nav.open {
+    display: flex;
+    animation: slideDown 0.3s ease;
+  }
+
+  nav ul {
+    flex-direction: column;
+    gap: 10px;
+  }
+
+  @keyframes slideDown {
+    from { opacity: 0; transform: translateY(-10px); }
+    to { opacity: 1; transform: translateY(0); }
+  }
+} */