This commit is contained in:
kankys 2024-03-29 02:43:36 +01:00
parent 1fd37e6471
commit a51dce7ed7
4 changed files with 24 additions and 31 deletions

View File

View File

@ -15,13 +15,17 @@
<!--nav bar--> <!--nav bar-->
<script <script
src="https://kit.fontawesome.com/0a43c6cd1f.js" src="https://kit.fontawesome.com/0a43c6cd1f.js"
crossorigin="anonymous"></script> crossorigin="anonymous"
></script>
<!--icons dark, go to up--> <!--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--> <!--ubuntu fonts-->
<style> <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> </style>
<title>ApolloNvim</title> <title>ApolloNvim</title>
</head> </head>
@ -44,11 +48,10 @@
<!-- <i class="fa-solid fa-xmark"></i> --> <!-- <i class="fa-solid fa-xmark"></i> -->
</div> </div>
</header> </header>
<hr> <hr />
<button id="toggleButton"><i class="fas fa-adjust"></i></button> <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>-->
<!--Začátek sekcí - co h2 sekce + fotogalerie-->
<!-- Sekce 1 -->
<section class="content" id="welcome"> <section class="content" id="welcome">
<section class="welcome"> <section class="welcome">
<h2>Úvod:</h2> <h2>Úvod:</h2>
@ -430,10 +433,9 @@
</p> </p>
</section> </section>
</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> <footer>
Copyright &copy; Copyright &copy;
<a href="https://git.archoslinux.cz/kankys" target="_blank" <a href="https://git.archoslinux.cz/kankys" target="_blank"

View File

@ -34,8 +34,8 @@ let isDraculaMode = false;
// Funkce pro nastavení stylů pro Dracula mód // Funkce pro nastavení stylů pro Dracula mód
function setDraculaStyles() { function setDraculaStyles() {
body.style.backgroundColor = "#2a232b"; body.style.backgroundColor = "#2a232b";
body.style.color = "#f8f8f2"; body.style.color = "#f8f8f2";
head.style.backgroundColor = "#2a232b"; head.style.backgroundColor = "#2a232b";
links.forEach((a) => { links.forEach((a) => {
a.style.color = "#f76b00"; a.style.color = "#f76b00";
@ -55,7 +55,7 @@ function setDraculaStyles() {
// Funkce pro nastavení stylů pro Light mód; // Funkce pro nastavení stylů pro Light mód;
function setLightStyles() { function setLightStyles() {
body.style.backgroundColor = "#e7efa7"; body.style.backgroundColor = "#e7efa7";
body.style.color = "#282a36"; body.style.color = "#282a36";
head.style.backgroundColor = "#e7efa7"; head.style.backgroundColor = "#e7efa7";
nav.style.backgroundColor = "#e7efa7"; nav.style.backgroundColor = "#e7efa7";
@ -88,13 +88,10 @@ function toggleMode() {
// Funkce na změnu stylů // Funkce na změnu stylů
document.getElementById("toggleButton").addEventListener("click", toggleMode); document.getElementById("toggleButton").addEventListener("click", toggleMode);
// Nastavení - výchozí styl na Dark // Nastavení - výchozí styl na Dark
setDraculaStyles(); setDraculaStyles();
isDraculaMode = true; isDraculaMode = true;
// Photo Gallery -> section (zoom) // Photo Gallery -> section (zoom)
const image1 = document.querySelector(".picture"); const image1 = document.querySelector(".picture");

View File

@ -8,8 +8,9 @@
body { body {
max-width: 1000px; max-width: 1000px;
margin: 0 auto; margin: 0 auto;
font-family: 'Ubuntu', sans-serif; font-family: "Ubuntu", sans-serif;
} }
/*Header */ /*Header */
h1 { h1 {
@ -63,26 +64,19 @@ nav li a {
margin-right: 30px; margin-right: 30px;
margin-top: 10px; margin-top: 10px;
color: black; color: black;
/*border-bottom: 60px;*/
/*border-radius: 30px;*/
/*font-size: 15px;*/
padding: 5px; padding: 5px;
} }
#toggleButton { #toggleButton {
/*position: fixed;*/
bottom: 20px; bottom: 20px;
right: 20px; right: 20px;
/*z-index: 99;*/
border: none; border: none;
outline: none; outline: none;
background-color: transparent; background-color: transparent;
/*color: white; [> Barva ikony <]*/
font-size: 34px; font-size: 34px;
cursor: pointer; cursor: pointer;
} }
/*Header small display*/ /*Header small display*/
@media (max-width: 600px) { @media (max-width: 600px) {
body { body {
@ -192,12 +186,12 @@ footer a {
} }
#scrollToTopBtn { #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; bottom: 20px;
right: 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; outline: none;
cursor: pointer; cursor: pointer;
padding: 15px; padding: 15px;