From 37c9c17931702c4cd48b12043af784c5f561eb69 Mon Sep 17 00:00:00 2001 From: kankys Date: Thu, 28 Mar 2024 22:29:49 +0100 Subject: [PATCH] theme light --- img/icons8-rocket.gif | Bin 0 -> 13256 bytes index.html | 566 +++++++++++++++++++++--------------------- script.js | 75 +++--- style.css | 8 +- 4 files changed, 324 insertions(+), 325 deletions(-) create mode 100644 img/icons8-rocket.gif diff --git a/img/icons8-rocket.gif b/img/icons8-rocket.gif new file mode 100644 index 0000000000000000000000000000000000000000..c2a91fa0cbe1fe353d018f1ba79b1ce4a12e3648 GIT binary patch literal 13256 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 + + + - + diff --git a/script.js b/script.js index 2259238..31932dc 100644 --- a/script.js +++ b/script.js @@ -27,8 +27,9 @@ const p = document.querySelector("p"); const solid = document.querySelector(".fa-solid"); const solid1 = document.querySelector(".menu-icon"); const footer = document.querySelector("footer"); -const gotop = document.getElementById("scrollToTopBtn"); - +const gotop = document.querySelector("#scrollToTopBtn"); +const theme = document.querySelector("#toggleButton"); +const box = document.querySelectorAll(".code-box"); let isDraculaMode = false; // Funkce pro nastavení stylů pro Dracula mód @@ -48,14 +49,27 @@ function setDraculaStyles() { solid.style.color = "#f76b00"; solid1.style.backgroundColor = "#2a232b"; footer.style.backgroundColor = "#2a232b"; - gotop.style.backgroundColor = "#18f700"; + gotop.style.backgroundColor = "#18f700"; + theme.style.backgroundColor = "#18f700"; } -// Funkce pro nastavení stylů pro Light mód +// Funkce pro nastavení stylů pro Light mód; function setLightStyles() { - body.style.backgroundColor = "#f8f8f2"; // Barva pozadí pro Light mód + body.style.backgroundColor = "#e7efa7"; // Barva pozadí pro Light mód body.style.color = "#282a36"; // Barva textu pro Light mód - head.style.backgroundColor = "#f8f8f2"; + head.style.backgroundColor = "#e7efa7"; + nav.style.backgroundColor = "#e7efa7"; + solid.style.backgroundColor = "#e7efa7"; + solid1.style.backgroundColor = "#e7efa7"; + footer.style.backgroundColor = "#e7efa7"; + nadpish2.forEach((h2) => { + h2.style.color = "#c627d8"; + }); + gotop.style.backgroundColor = "#a7e6ef"; + theme.style.backgroundColor = "#a7e6ef"; + box.forEach((p) =>{ + p.style.color = "white" + }) } // Funkce pro přepnutí módu @@ -78,55 +92,42 @@ document.getElementById("toggleButton").addEventListener("click", toggleMode); setDraculaStyles(); isDraculaMode = true; - - // Photo Gallery -> section -const image1 = document.querySelector(".picture") +const image1 = document.querySelector(".picture"); image1.addEventListener("mouseenter", () => { - - image1.style.transform = "scale(2.2)" - -}) + image1.style.transform = "scale(2.2)"; +}); image1.addEventListener("mouseleave", () => { + image1.style.transform = "scale(1)"; +}); - image1.style.transform = "scale(1)" - -}) - -const image2 = document.querySelector(".picture1") +const image2 = document.querySelector(".picture1"); image2.addEventListener("mouseenter", () => { - - image2.style.transform = "scale(2.2)" - -}) + image2.style.transform = "scale(2.2)"; +}); image2.addEventListener("mouseleave", () => { + image2.style.transform = "scale(1)"; +}); - image2.style.transform = "scale(1)" - -}) - -const image3 = document.querySelector(".picture2") +const image3 = document.querySelector(".picture2"); image3.addEventListener("mouseenter", () => { - - image3.style.transform = "scale(2.2)" - -}) + image3.style.transform = "scale(2.2)"; +}); image3.addEventListener("mouseleave", () => { - - image3.style.transform = "scale(1)" - -}) - + image3.style.transform = "scale(1)"; +}); // Tlačítko go to top // Zobrazit tlačítko, pokud je uživatel dostatečně daleko od horní části stránky -window.onscroll = function() {scrollFunction()}; +window.onscroll = function () { + scrollFunction(); +}; function scrollFunction() { if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { diff --git a/style.css b/style.css index 4c54ee0..addfe77 100644 --- a/style.css +++ b/style.css @@ -11,7 +11,6 @@ body { max-width: 1000px; margin: 0 auto; - /*background-color: green;*/ } /* Terminal ( header) */ @@ -61,7 +60,6 @@ nav li a { .menu-icon { display: none; margin-right: 30px; -/*background-color: white;*/ } /*Dark/Light mode button*/ @@ -69,7 +67,6 @@ nav li a { float: right; margin-right: 30px; margin-top: 10px; -background-color: #18f700; color: black; border-bottom: 60px; border-radius: 30px; @@ -85,11 +82,9 @@ padding: 10px; } header { - /*width: 375px; */ position: relative; } header nav { - /*background-color: white;*/ position: absolute; top: 70px; width: 100%; @@ -112,7 +107,6 @@ padding: 10px; /* Sekce */ .content { - /*padding-top: 150px;*/ text-align: center; } @@ -155,7 +149,7 @@ padding: 10px; /*Code box*/ .code-box { - background-color: grey; + background-color: #353535; padding: 10px; border: 1px solid #ccc; border-radius: 5px;