add scrollup

frontend/styles/main.css

@@ -71,6 +71,7 @@ header a:hover {
 .logo-title{
     font-family: Vezitsa;
     font-size: 1.8rem;
+    line-height: 1.5rem; 
 }
 
 .logo-img{
@@ -196,6 +197,48 @@ footer p {
 }
 
 
+.scroll-up {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 10px 15px;
+    background-color: #007bff; /* Синий фон */
+    color: #fff; /* Белый текст */
+    font-size: 16px;
+    border-radius: 5px;
+    cursor: pointer;
+    text-decoration: none;
+    transition: background-color 0.3s ease;
+    position: fixed;
+    right: 20px;
+    bottom: 20px;
+
+}
+
+
+li.top{
+    display: none;
+}
+
+.scroll-up a{
+    color: #fff;
+}
+
+.scroll-up .arrow {
+    margin-left: 8px; /* Отступ между текстом и стрелкой */
+    font-size: 18px;
+}
+
+.scroll-up:hover {
+    background-color: #0056b3; /* Темнее при наведении */
+}
+
+.scroll-up-link{
+    
+}
+
+
+
 
 /* Адаптивный дизайн для мобильных устройств */
 @media (max-width: 768px) {
@@ -226,7 +269,6 @@ footer p {
     .logo-title{
         font-family: Vezitsa;
         font-size: 1.7rem;
-        line-height: .9; 
     }
 
     .sectionedit1::before {
@@ -237,9 +279,10 @@ footer p {
     
     .sectionedit1::after {
         width: 100%; /* Ширина SVG */
-      }
-      
-
-
+    }
 
+    /*.scroll-up-title{
+        display: none;
+    }*/
+      
 }

main.php

@@ -145,7 +145,9 @@ $showSidebar = $hasSidebar && ($ACT == 'show');
             <?php tpl_content(); // Основной контент ?>
         </section>
 
-        
+        <div class="scroll-up" onclick="window.href='#dokuwiki__top';">
+            <a href="#dokuwiki__top" class="scroll-up-link"><span class="scroll-up-title">Наверх</span> <span class="arrow">↑</span>
+        </div>
 
     </main>