pracena na poslední sekci wiki, hostovani apolloNvim

This commit is contained in:
kankys
2024-10-20 20:56:11 +02:00
parent a9785591cd
commit f475247ac4
112 changed files with 615 additions and 777 deletions

View File

@ -0,0 +1 @@
<footer><p>Lukáš Kaňka &copy 2024. Všechna práva vyhrazena.</p></footer>

View File

@ -0,0 +1,20 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="ApolloNvim modální editor" />
<meta name="keywords" content="Projekt modálního editoru" />
<meta name="author" content="Lukáš Kaňka" />
<link rel="stylesheet" href="style.css" />
<!--nav bar-->
<script src="https://kit.fontawesome.com/0a43c6cd1f.js" 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" />
<!--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>
<!-- líbivé ikony -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous" />
<title>🚀 ApolloNvim</title>
</head>

View File

@ -0,0 +1,25 @@
<header>
<div class="logo">
<link rel="stylesheet" href="style.css" />
<img src="img/1702045296079.jpeg" alt="" />
<h1 class="title"><a href="./index.php">🚀 ApolloNvim </a></h1>
</div>
<!--navigation -->
<nav class="navigation">
<ul>
<li><a href="./novinky.php">💻 Novinky</a></li>
<li><a href="https://git.arch-linux.cz/kankys/ApolloNvim" target="_blank">🚀 ApolloNvim Git</a></li>
<li><a href="./konfigurace.php">🛠 Konfigurace</a></li>
<li><a href="./navody.php">📄 Návody</a></li>
<li><a href="./kontakty.php">📱 Kontakty</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>

View File

@ -0,0 +1,3 @@
<button onclick="scrollToTop()" id="scrollToTopBtn" title="Go to top">
<i class="fas fa-arrow-up"></i>
</button>

View File

@ -0,0 +1,35 @@
// Navbar menu
const menuIcon = document.querySelector(".menu-icon");
const menuList = document.querySelector("nav");
const hamburgerIcon = document.querySelector(".fa-solid");
menuIcon.addEventListener("click", () => {
if (hamburgerIcon.classList.contains("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
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
}

View File

@ -0,0 +1,155 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
max-width: 1000px;
margin: 0 auto;
font-family: "Ubuntu", sans-serif;
}
/*Header */
h1 {
padding-left: 8px;
}
h3 {
padding-top: 15px;
}
p {
padding-top: 3px;
}
.nav-p {
text-align: center;
}
header {
margin-top: 25px;
display: flex;
align-items: center;
height: 70px;
flex-direction: row;
/*position: fixed;*/
}
.title {
padding-top: 25px;
}
.title a {
text-decoration: none;
}
.logo {
flex-grow: 1;
display: flex;
}
.logo img {
/*width: 100px;*/
height: 100px;
padding-top: 15px;
margin-left: 20px;
}
/* navigation */
nav {
margin-right: 30px;
}
nav li {
display: inline-block;
list-style-type: none;
margin-right: 20px;
}
nav li a {
text-decoration: none;
color: black;
}
/* navigation icons */
.menu-icon {
display: none;
margin-right: 30px;
}
/*Header small display*/
@media (max-width: 600px) {
body {
padding: 10px;
}
header {
position: relative;
}
header nav {
position: absolute;
top: 70px;
width: 100%;
display: none;
}
.menu-icon {
display: block;
font-size: 23px;
}
header nav li {
display: block !important;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}
hr {
display: none;
}
}
/* sekce */
.welcome {
padding-top: 115px;
padding-bottom: 50px;
}
.contact {
text-align: center;
}
footer {
bottom: 0;
margin-bottom: 10px;
margin-left: 25px;
margin-top: 20px;
text-align: center;
}
/* Styl pro ikonu */
#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;
}
/* Styl pro ikonu */
#scrollToTopBtn i {
font-size: 34px;
}