From a51dce7ed75be4d645f0421439bd7436815900f1 Mon Sep 17 00:00:00 2001
From: kankys <lukas.kanka@lukan.cz>
Date: Fri, 29 Mar 2024 02:43:36 +0100
Subject: [PATCH] clear

---
 colors.css |  0
 index.html | 26 ++++++++++++++------------
 script.js  | 11 ++++-------
 style.css  | 18 ++++++------------
 4 files changed, 24 insertions(+), 31 deletions(-)
 delete mode 100644 colors.css

diff --git a/colors.css b/colors.css
deleted file mode 100644
index e69de29..0000000
diff --git a/index.html b/index.html
index e41bf6e..06f6474 100644
--- a/index.html
+++ b/index.html
@@ -15,13 +15,17 @@
     <!--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')
-</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");
+    </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">-->
-        <!--Nahoru-->
-      <!--</button>-->
-      <button onclick="scrollToTop()" id="scrollToTopBtn" title="Go to top"><i class="fas fa-arrow-up"></i></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"
diff --git a/script.js b/script.js
index 93e4793..1b67d61 100644
--- a/script.js
+++ b/script.js
@@ -34,8 +34,8 @@ let isDraculaMode = false;
 
 // Funkce pro nastavení stylů pro Dracula mód
 function setDraculaStyles() {
-  body.style.backgroundColor = "#2a232b"; 
-  body.style.color = "#f8f8f2"; 
+  body.style.backgroundColor = "#2a232b";
+  body.style.color = "#f8f8f2";
   head.style.backgroundColor = "#2a232b";
   links.forEach((a) => {
     a.style.color = "#f76b00";
@@ -55,7 +55,7 @@ function setDraculaStyles() {
 
 // Funkce pro nastavení stylů pro Light mód;
 function setLightStyles() {
-  body.style.backgroundColor = "#e7efa7"; 
+  body.style.backgroundColor = "#e7efa7";
   body.style.color = "#282a36";
   head.style.backgroundColor = "#e7efa7";
   nav.style.backgroundColor = "#e7efa7";
@@ -88,13 +88,10 @@ function toggleMode() {
 // Funkce na změnu stylů
 document.getElementById("toggleButton").addEventListener("click", toggleMode);
 
-// Nastavení - výchozí styl na Dark 
+// Nastavení - výchozí styl na Dark
 setDraculaStyles();
 isDraculaMode = true;
 
-
-
-
 // Photo Gallery -> section (zoom)
 const image1 = document.querySelector(".picture");
 
diff --git a/style.css b/style.css
index eec81d7..930bec0 100644
--- a/style.css
+++ b/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é */
-  position: fixed; /* Upevnění tlačítka na pravém dolním rohu */
+  display: none;
+  position: fixed;
   bottom: 20px;
   right: 20px;
-  z-index: 99; /* Ujistěte se, že tlačítko bude přes obsah */
-  /*border: none;*/
+  /*butoon přes obsah*/
+  z-index: 99;
   outline: none;
   cursor: pointer;
   padding: 15px;