new links

This commit is contained in:
kankys 2024-10-05 19:57:05 +02:00
parent 6526f57993
commit dc2d09c86b
7 changed files with 231 additions and 0 deletions

8
.idea/EndeavourOS-Web.iml generated Normal file
View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$" />
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>

19
.idea/php.xml generated Normal file
View File

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="MessDetectorOptionsConfiguration">
<option name="transferred" value="true" />
</component>
<component name="PHPCSFixerOptionsConfiguration">
<option name="transferred" value="true" />
</component>
<component name="PHPCodeSnifferOptionsConfiguration">
<option name="highlightLevel" value="WARNING" />
<option name="transferred" value="true" />
</component>
<component name="PhpStanOptionsConfiguration">
<option name="transferred" value="true" />
</component>
<component name="PsalmOptionsConfiguration">
<option name="transferred" value="true" />
</component>
</project>

86
odkazy/index.html Normal file
View File

@ -0,0 +1,86 @@
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8"/>
<meta
content="EndeavourOS svobodný operační systém....Odkazy"
name="description"
/>
<meta content="EndeavourOS, Odkazy" name="keywords"/>
<meta content="Kankys" name="author"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<link href="style.css" rel="stylesheet"/>
<link href="../fullStyle.css" rel="stylesheet"/>
<link href="/img/icons.png" rel="shortcut icon"/>
<script
crossorigin="anonymous"
src="https://kit.fontawesome.com/0a43c6cd1f.js"
></script>
<!--icons dark, go to up-->
<link
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
rel="stylesheet"
/>
<!--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>
<title>EndeavourOS - Odkazy</title>
</head>
<body>
<header>
<!-- EOS - logo () -->
<div class="logo">
<a href="../index.html">
<img alt="" src="/img/EndeavourOS-logo.webp"/>
</a>
</div>
<!-- EOS - navigation -->
<nav>
<ul>
<li><a href="/index.html">Domů</a></li>
<li><a href="/novinky/index.html">Novinky</a></li>
<li><a href="/wiki/index.html">Wiki</a></li>
<li><a href="/clanky/index.html">Články</a></li>
<li>
<a href="https://forum.arch-linux.cz/" target="_blank">Fórum</a>
</li>
<li><a href="https://t.me/eoscz" target="_blank">Telegram</a></li>
<li><a href="/o-nas/index.html">O nás</a></li>
<li><a href="/rozcestnik/index.html">Rozcestník</a></li>
</ul>
</nav>
<div class="menu-icon">
<!-- Ikona hamburger -->
<i class="fa-solid fa-bars"></i>
<!-- Ikona cross -->
<!-- <i class="fa-solid fa-xmark"></i> -->
</div>
</header>
<main>
<section class="welcome">
<h2>České odkazy:</h2>
<h4><a href="https://lukan.cz/" target="_blank">Blog LukanCZ</a></h4>
<h4><a href="https://arch-linux.cz/" target="_blank">Česká komunita Arch linuxu.</a></h4>
<h2>Zahraniční odkazy:</h2>
</section>
</main>
<button id="scrollToTopBtn" onclick="scrollToTop()" title="Go to top">
<i class="fas fa-arrow-up"></i>
</button>
<footer>
Copyright &copy;
<a href="https://git.archoslinux.cz/kankys" target="_blank"
>Lukáš Kaňka</a
>
2024
</footer>
<script src="script.js"></script>
</body>
</html>

35
odkazy/script.js Normal file
View File

@ -0,0 +1,35 @@
const menuIcon = document.querySelector(".menu-icon");
const menuList = document.querySelector("nav");
const hamburgerIcon = document.querySelector(".fa-solid");
menuIcon.addEventListener("click", () => {
if (hamburgerIcon.classList[1] === "fa-bars") {
hamburgerIcon.classList.add("fa-xmark");
hamburgerIcon.classList.remove("fa-bars");
menuList.style.display = "block";
} else {
hamburgerIcon.classList.add("fa-bars");
hamburgerIcon.classList.remove("fa-xmark");
menuList.style.display = "none";
}
});
// Tlačítko go to top
// Zobrazení tlačítka od rolovaní části stránky (víc logické než až na konci)
window.onscroll = function () {
scrollFunction();
};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("scrollToTopBtn").style.display = "block";
} else {
document.getElementById("scrollToTopBtn").style.display = "none";
}
}
// Posunout nahoru, když uživatel klikne na tlačítko
function scrollToTop() {
document.body.scrollTop = 0; // Pro Safari
document.documentElement.scrollTop = 0; // Pro ostatní prohlížeče
}

83
odkazy/style.css Normal file
View File

@ -0,0 +1,83 @@
/* About sekce */
.about-section {
margin: 45px 0;
}
.about-section-wrapper {
width: 65%;
margin: 0 auto;
display: flex;
gap: 20px;
}
.about-text {
flex: 1;
}
.about-img {
flex: 1;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 768px) {
.about-section-wrapper {
flex-direction: column;
width: 90%;
margin: 0 auto;
}
.about-text {
text-align: left;
}
.about-img {
text-align: center;
}
.about-text-p {
padding-top: 15px;
}
}
footer {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
/* Go to go */
#scrollToTopBtn {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
/*butoon přes obsah*/
z-index: 99;
outline: none;
cursor: pointer;
padding: 15px;
border-radius: 50%;
background-color: transparent;
}
/* Pro rozcestník extra*/
img {
width: 25%;
}
h1 {
color: #734f96;
margin-top: 50px;
font-size: 50px;
}
h4 a {
color: #734f96;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 204 KiB