kankys
/
AkademieProjekt3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

clear

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
colors.css
View File

26
index.html
View File

@ -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"

11
script.js
View File

@ -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");

18
style.css
View File

@ -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;