clear

index.html

@@ -15,12 +15,16 @@
     <!--nav bar-->
     <script
       src="https://kit.fontawesome.com/0a43c6cd1f.js"
-      crossorigin="anonymous"></script>
+      crossorigin="anonymous"
+    ></script>
     <!--icons dark, go to up-->
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+    />
     <!--ubuntu fonts-->
     <style>
-@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap')
+      @import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
     </style>
     <title>ApolloNvim</title>
   </head>
@@ -44,11 +48,10 @@
         <!-- <i class="fa-solid fa-xmark"></i> -->
       </div>
     </header>
-    <hr>
+    <hr />
     <button id="toggleButton"><i class="fas fa-adjust"></i></button>
-    <!--<button onclick="toggleMode()" id="toggleButton" title="Toggle Dark/Light Mode"><i class="fas fa-adjust"></i></button>-->
 
-    <!--  Sekce 1 -->
+    <!--Začátek sekcí - co h2 sekce + fotogalerie-->
     <section class="content" id="welcome">
       <section class="welcome">
         <h2>Úvod:</h2>
@@ -430,10 +433,9 @@
           </p>
         </section>
       </section>
-      <!--<button onclick="scrollToTop()" id="scrollToTopBtn" title="Go to top">-->
+      <button onclick="scrollToTop()" id="scrollToTopBtn" title="Go to top">
-        <!--Nahoru-->
+        <i class="fas fa-arrow-up"></i>
-      <!--</button>-->
+      </button>
-      <button onclick="scrollToTop()" id="scrollToTopBtn" title="Go to top"><i class="fas fa-arrow-up"></i></button>
       <footer>
         Copyright &copy;
         <a href="https://git.archoslinux.cz/kankys" target="_blank"

script.js

@@ -92,9 +92,6 @@ document.getElementById("toggleButton").addEventListener("click", toggleMode);
 setDraculaStyles();
 isDraculaMode = true;
 
-
-
-
 // Photo Gallery -> section (zoom)
 const image1 = document.querySelector(".picture");
 

style.css

@@ -8,8 +8,9 @@
 body {
   max-width: 1000px;
   margin: 0 auto;
-    font-family: 'Ubuntu', sans-serif;
+  font-family: "Ubuntu", sans-serif;
 }
+
 /*Header */
 
 h1 {
@@ -63,26 +64,19 @@ nav li a {
   margin-right: 30px;
   margin-top: 10px;
   color: black;
-  /*border-bottom: 60px;*/
-  /*border-radius: 30px;*/
-  /*font-size: 15px;*/
   padding: 5px;
 }
 
 #toggleButton {
-  /*position: fixed;*/
   bottom: 20px;
   right: 20px;
-  /*z-index: 99;*/
   border: none;
   outline: none;
   background-color: transparent;
-  /*color: white; [> Barva ikony <]*/
   font-size: 34px;
   cursor: pointer;
 }
 
-
 /*Header small display*/
 @media (max-width: 600px) {
   body {
@@ -192,12 +186,12 @@ footer a {
 }
 
 #scrollToTopBtn {
-  display: none; /* Tlačítko je na začátku skryté */
+  display: none;
-  position: fixed; /* Upevnění tlačítka na pravém dolním rohu */
+  position: fixed;
   bottom: 20px;
   right: 20px;
-  z-index: 99; /* Ujistěte se, že tlačítko bude přes obsah */
+  /*butoon přes obsah*/
-  /*border: none;*/
+  z-index: 99;
   outline: none;
   cursor: pointer;
   padding: 15px;