pracena na poslední sekci wiki, hostovani apolloNvim

2024-10-20 20:56:11 +02:00 · 2024-10-20 20:56:11 +02:00 · f475247ac4
commit f475247ac4
parent a9785591cd
112 changed files with 615 additions and 777 deletions
--- a/.htaccess
+++ b/.htaccess
--- a/acpi-kernel.php
+++ b/acpi-kernel.php
@ -0,0 +1,48 @@
 <!DOCTYPE html>
 <html lang="cs">
 <head>
    <meta charset="UTF-8"/>
    <meta
            content="EndeavourOS svobodný operační systém...."
            name="description"
    />
    <meta content="EndeavourOS, ACPI-kernel" name="keywords"/>
    <meta content="Kankys" name="author"/>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <link href="assets/style.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 - ACPI kernel</title>
 </head>
 <body>
 <?php require "assets/header.php"?>
 <main>
    <section class="welcome">
        <h1>Parametry jádra ACPI</h1>
        <h2>
            <a href="parametry-jadra-acpi-a-jak-je-vybrat.php">
                Parametry jádra ACPI a jak je vybrat
            </a>
        </h2>
    </section>
 </main>
 <?php require "assets/returnbutton.php"?>
 <?php require "assets/footer.php"?>
 <script src="assets/script.js"></script>
 </body>
 </html>
--- a/aplikace.php
+++ b/aplikace.php
@ -0,0 +1,84 @@
 <!DOCTYPE html>
 <html lang="cs">
 <head>
    <meta charset="UTF-8"/>
    <meta
            content="EndeavourOS svobodný operační systém...."
            name="description"
    />
    <meta content="EndeavourOS, Aplikace" name="keywords"/>
    <meta content="Kankys" name="author"/>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <link href="assets/style.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 - Aplikace</title>
 </head>
 <body>
 <?php require "assets/header.php" ?>"
 <main>
    <section class="welcome">
        <h1>Aplikace</h1>
        <h2><a href="aur-packages-a-jak-nainstalovat-aplikaci-pomoci-yay.php">EndeavourOS – AUR packages a jak nainstalovat aplikaci pomocí YAY</a></h2>
        <h2>
            <a href="firewalid.php">FirewalID</a>
        </h2>
        <h2>
            <a href="flatpak-instalace-a-sprava-aplikaci.php">
                Flatpak - instalace a správa aplikaci</a
            >
        </h2>
        <h2>
            <a href="flatpak-nastaveni-vzhledu-aplikaci.php"
            >Flatpak - nastavení vzhledu aplikací</a
            >
        </h2>
        <h2><a href="prehravani-videa.php">Přehrávání videa</a></h2>
        <h2>
            <a href="mpd-pro-zacatecniky.php"
            >Průvodce MPD pro začátečníky – Konfigurace a klienti
            </a>
        </h2>
        <h2>
            <a href="instalace-endeavouros-na-virtualbox.php"
            >Jak ninstalovat EndeavourOS na VirtualBox</a
            >
        </h2>
        <h2><a href="virt-manager.php">Jak nainstalovat Virt-Manager</a></h2>
        <h2>
            <a href="jak-nainstalovat-virtualbox.php"
            >Jak nainstalovat Virtualbox
            </a>
        </h2>
        <h2>
            <a
                    href="jednotny-motiv-a-pisma-pro-aplikace-qt-v-prostredich-gtk.php"
            >Jednotný motiv a písma pro aplikace Qt v prostředích GTK</a
            >
        </h2>
        <h2>
            <a href="vychozi-aplikace-mime.php">Výchozí aplikace / MIME</a>
        </h2>
    </section>
 </main>
 <?php require "assets/returnbutton.php"?>
 <?php require "assets/footer.php"?>
 <script src="assets/script.js"></script>
 </body>
 </html>
--- a/apollo-nvim/assets/footer.php
+++ b/apollo-nvim/assets/footer.php
@ -0,0 +1 @@
 <footer><p>Lukáš Kaňka &copy 2024. Všechna práva vyhrazena.</p></footer>
--- a/apollo-nvim/assets/head.php
+++ b/apollo-nvim/assets/head.php
@ -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>
--- a/apollo-nvim/assets/header.php
+++ b/apollo-nvim/assets/header.php
@ -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>
--- a/apollo-nvim/assets/returnbutton.php
+++ b/apollo-nvim/assets/returnbutton.php
@ -0,0 +1,3 @@
 <button onclick="scrollToTop()" id="scrollToTopBtn" title="Go to top">
            <i class="fas fa-arrow-up"></i>
        </button>
--- a/apollo-nvim/assets/script.js
+++ b/apollo-nvim/assets/script.js
@ -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
 }
--- a/apollo-nvim/assets/style.css
+++ b/apollo-nvim/assets/style.css
@ -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;
 }
--- a/apollo-nvim/index.php
+++ b/apollo-nvim/index.php
@ -0,0 +1,51 @@
 <!DOCTYPE html>
 <html lang="cs">
 <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="assets/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>
 <body>
 <?php require "assets/header.php" ?>
 <h1>Na webu se pilně pracuje. Omlouváme se za nepříjemnosti, zatím můžete navštívit náš git <a href="https://git.arch-linux.cz/kankys/ApolloNvim" target="_blank">🚀 ApolloNvim</a>.</h1>
 <section class="content" id="welcome">
            <section class="welcome">
 		<h2>Programování je mnohem zábavnější, když jste efektivní. Neovim vás tam může časem dostat, ale musíte být ochotni zkoušet nové věci. Nové pluginy, nové remapy atd.</h2>
 		<p>🚀 ApolloNvim je Český komunitní projekt pro nováčky prostředí Neovim, ale i ostřílené borce v Neovimu.</p>
 		<h3>Úvod:</h3>
 		<p><strong>Vždy se podívej před instalací nových pluginu, na dokumentaci k plaginům na Githubu. Předejdeš tím případným problémům! Pokud si nejsi jistý postupem nebo ti není něco jasné, tak raději se podívej do dokumentace, napiš nám nebo na fórech najdeš odpověď. Táke si vše vždy před změnou vše zálohuj!</strong></p>
 		<p>👉 Neovim setup pro Front-End vývoj postavený na Coc a Lua.</p>
 		<p>👉 Výhody Neovim oproti klasickému IDE jsou nesporně ve svobodě konfigurace, je tisíce možností, jak Váš Neovim může vypadat a fungovat. Pro Vaši inspiraci a použití vznikl tento projekt 🚀 ApolloNvim.</p>
 		<p>👉 Tato distribuce nefunguje jen, že kliknete na tlačítko a nainstaluje se. Vede Vás k samostatné instalaci pomocí tohoto webu. Cílem je pochopit, jak Neovim funguje, abyste si sami mohli vše modifikovat, což i click-on distribucí se nenaučíte.</p>
 		<p>👉 Toto nastavení jsem vytvořil pro vývoj webu. Inspiroval jsem se pluginy, které jsem využíval v VSCode a Webstorm.</p>
 		<p>👉 Velký důraz je kladen na rychlost a lehkost.</p>
 		<p>👉 🚀 ApolloNvim Distro je pravidelně aktualizováno tak i celý projekt.</p>
 		<p>👉 Pro nejlepší zážitek s 🚀 ApolloNvim Distro doporučuji používat multiplexor Zellij, ale není to samozřejmě podmínkou.</p>
 		<h3>Přednosti:</h3>
 		<p>👉 Hlavní předností tohoto nastavení jsou podpora: Codeium alternativa k Copilot zdarma, Prettier, AutoSave, diplňování HTML, CSS, JS a zkratky k zakomentování a odkomentování kódu. Taky je zde několik pluginu pro příjemnější práci v Neovim.</p>
 		<p>👉 S LSP v této instalaci využívám Coc pro jeho jednoduchost bez potřeby zásahů do konfigurace Coc. LSP se mi velmi osvědčilo v modálním editoru Helix má konfigurace Helixu.</p>
 		<p>👉 Ty nejlepší témata pro Neovim (ať je nemusíte hledat), je defaultně nastavéné Dracula.</p>
 		<p>👉 Téma v Neovim si jednoduše změníte v command line příkazem colorscheme a tlačítkem Tab se budete přepínat mezi jednotlivými tématy.</p>
 	    </section>
 </section>
 <?php require "assets/returnbutton.php" ?>
 <?php require "assets/footer.php" ?>
 <script src="assets/script.js"></script>
 </body>
 </html>
--- a/apollo-nvim/konfigurace.php
+++ b/apollo-nvim/konfigurace.php
@ -0,0 +1,37 @@
 <!DOCTYPE html>
 <html lang="en">
 <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="assets/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>
 <body>
 <?php require "assets/header.php" ?>
 <section class="content" id="welcome">
            <section class="config">
 	    </section>
 </section>
 <?php require "assets/returnbutton.php" ?>
 <?php require "assets/footer.php" ?>
 <script src="assets/script.js"></script>
 </body>
 </html>
--- a/apollo-nvim/kontakty.php
+++ b/apollo-nvim/kontakty.php
@ -0,0 +1,39 @@
 <!DOCTYPE html>
 <html lang="en">
 <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="assets/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>
 <body>
 <?php require "assets/header.php" ?>
 <section class="content" id="welcome">
            <section class="contact">
 		<h2>Kontakty:</h2>
 		<p>🚀 ApolloNvim Telegram skupina</p>
 		<p>Osobní web autora 🚀 ApolloNvim </p>
 	    </section>
 </section>
 <?php require "assets/returnbutton.php" ?>
 <?php require "assets/footer.php" ?>
 <script src="assets/script.js"></script>
 </body>
 </html>
--- a/apollo-nvim/navody.php
+++ b/apollo-nvim/navody.php
@ -0,0 +1,37 @@
 <!DOCTYPE html>
 <html lang="en">
 <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="assets/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>
 <body>
 <?php require "assets/header.php" ?>
 <section class="content" id="welcome">
            <section class="contact">
 	    </section>
 </section>
 <?php require "assets/returnbutton.php" ?>
 <?php require "assets/footer.php" ?>
 <script src="assets/script.js"></script>
 </body>
 </html>
--- a/apollo-nvim/novinky.php
+++ b/apollo-nvim/novinky.php
@ -0,0 +1,37 @@
 <!DOCTYPE html>
 <html lang="en">
 <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="assets/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>
 <body>
 <?php require "assets/header.php" ?>
 <section class="content" id="welcome">
            <section class="contact">
 	    </section>
 </section>
 <?php require "assets/returnbutton.php" ?>
 <?php require "assets/footer.php" ?>
 <script src="assets/script.js"></script>
 </body>
 </html>
--- a/assets/fullStyle.css
+++ b/assets/fullStyle.css
@ -1,217 +0,0 @@
 * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
 }
 body {
    max-width: 1600px;
    margin: 0 auto;
    font-family: "Ubuntu", sans-serif;
 }
 /* EOS ( header) */
 header {
    display: flex;
    align-items: center;
    background-color: #313131;
    height: 70px;
    flex-direction: row;
    border-radius: 5px;
    margin: 7px;
 }
 .logo {
    flex-grow: 1;
 }
 .logo img {
    width: 150px;
    margin-left: 40px;
 }
 /* EOS - navigation */
 nav {
    margin-right: 40px;
 }
 nav li {
    display: inline-block;
    list-style-type: none;
    margin-right: 20px;
 }
 nav li a {
    text-decoration: none;
    color: #734f96;
    /*border: 1px solid #734f96;*/
 }
 /* EOS - navigation icons */
 .menu-icon {
    display: none;
    margin-right: 30px;
 }
 .welcome {
    /*background: url("image/background.webp");*/
    min-height: calc(100vh - 70px);
    background-size: cover;
    /*background-position: center;*/
    text-align: center;
 }
 h2 {
    color: #734f96;
    margin-top: 50px;
    margin-bottom: 50px;
 }
 a {
    color: #734f96;
    margin-top: 50px;
    margin-bottom: 50px;
 }
 h4 {
    color: #734f96;
    margin-top: 50px;
    margin-bottom: 50px;
 }
 .text {
    color: #734f96;
    margin-top: 50px;
    margin-bottom: 50px;
 }
 p {
    margin: 10px;
 }
 .p {
    text-align: center;
 }
@media (max-width: 600px) {
    header {
        position: relative;
    }
    header nav {
        position: absolute;
        top: 70px;
        background-color: #313131;
        width: 100%;
        display: none;
    }
    .menu-icon {
        display: block;
        color: var(--special-white);
        font-size: 23px;
    }
    header nav li {
        display: block !important;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }
 }
 /*Code Box*/
 .code-box {
    position: relative;
    width: 500px;
    height: auto;
    border: 1px solid #734f96;
    padding: 5px;
    overflow: auto;
    background-color: #734f96;
    color: black;
    margin: auto;
    text-align: left;
    border-radius: 7px;
 }
 #copy-button {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color: whitesmoke;
    background-color: transparent;
    border: 1px solid #734f96;
 }
 .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;
 }
--- a/assets/header.php
+++ b/assets/header.php
@ -16,7 +16,7 @@
 						>
 					</li>
 					<li>
-						<a href="/wiki/index.php"
+						<a href="wiki.php"
 							>Wiki</a
 						>
 					</li>
--- a/assets/wiki.css
+++ b/assets/wiki.css
@ -282,4 +282,4 @@ footer {
 img {
    width: 30%;
-}
+}
--- a/wiki/aplikace/aur-packages-a-jak-nainstalovat-aplikaci-pomoci-yay.html
+++ b/wiki/aplikace/aur-packages-a-jak-nainstalovat-aplikaci-pomoci-yay.html
@ -7,9 +7,8 @@
    <meta content="Kankys" name="author"/>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
-    <link href="style.css" rel="stylesheet"/>
+    <link href="assets/style.css" rel="stylesheet"/>
-    <link href="../../fullStyle.css" rel="stylesheet"/>
+    <link href="img/icons.png" rel="shortcut icon"/>
    <link href="/img/icons.png" rel="shortcut icon"/>
    <script
            crossorigin="anonymous"
            src="https://kit.fontawesome.com/0a43c6cd1f.js"
@ -27,39 +26,7 @@
    <title>EndeavourOS - AUR packages a jak nainstalovat aplikaci pomocí YAY</title>
 </head>
 <body>
-<header>
+<?php require "assets/header.php"?>
    <!-- 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>
            <li><a href="/odkazy/index.html">Odkazy</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">
        <h1>AUR packages a jak nainstalovat aplikaci pomocí YAY</h1>
@ -67,7 +34,7 @@
        <p>Aby jste si ověřily dostupnost Vašeho balíčku co hledáte navštivte <a href="https://aur.archlinux.org/" target="_blank" rel="noopener">AUR packages</a>. Na stránce Vás bude nejvíce zajímat položka <a href="https://aur.archlinux.org/packages" target="_blank" rel="noopener">Packages</a>, zde najdete seznam všech balíčku co si můžete nainstalovat do Vašeho OS. V kolonce <strong>Keywords </strong>můžete balíčky vyhledávat dle názvu.</p>
        <p>My jsme si pro tento článek vybrali balíček Megasync. Do vyhledávacího pole jsme zadali slovo Mega sync klikly na GO.</p>   
        <p>Zobrazil se nám seznam všech výsledků kde se nachází Megasync.</p>
-        <img src="img/Megasync.png" alt="AUR packages">
+        <img src="img/Megasync.png" alt="AUR packages" style="width: 50%;height: auto;">
        <p>Já si vybral Official MEGA desktop application for syncing with MEGA Cloud Drive. Když balíček rozklikneme, najdeme odkaz na git, jakou má licenci, číslo verze a další.</p>
        <p>Pokud balíček budeme chtít nainstalovat přejdeme k instalaci.</p>
        <p>1. Zkopíruj si přesný název balíčku.</p>
@ -80,7 +47,7 @@
            <button id="copy-button">Kopírovat</button>
        </div>
        <p>3. Budete vyzváni k zadání hesla root, následně si budete moc zkontrolovat název i číslo verze balíčku jestli je to vážně ten co chcete nainstalovat a potvrdíte pomocí ENTER. Pokud bude v nabídce více verzí balíčku nebo více repozitářů ke stažení budete vyzváni vybrat verzi kterou chcete. To provedete pomocí  čísla 1 - xxx, a zase potvrdíte pomocí ENTER.</p>
-        <img src="img/terminalGnome.png" alt="Instalace packages v terminalu">
+        <img src="img/terminalGnome.png" alt="Instalace packages v terminalu" style="width: 50%;height: auto;">
        <p>4. Během instalace budete možná vyzváni ještě jednou zadání hesla root. Možná se Vám zobrazí dotaz jestli je možné v instalaci pokračovat a jestli má systém odstranit nepotřebné balíčky po instalaci. V české verzi dáte <strong>a</strong> jako <strong>ano</strong> a v anglické <strong>y</strong> jako <strong>yes</strong>. Jako zápor v české i anglické verzi je <strong>n</strong> - <strong>ne</strong> a <strong>no</strong>.</p>
@ -92,18 +59,8 @@
        </p>
    </section>
 </main>
-<button id="scrollToTopBtn" onclick="scrollToTop()" title="Go to top">
+<?php require "assets/returnbutton.php"?>
-    <i class="fas fa-arrow-up"></i>
+<?php require "assets/footer.php"?>
-</button>
+<script src="assets/script.js"></script>
 <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>
--- a/wiki/aplikace/firewalid.html
+++ b/wiki/aplikace/firewalid.html
@ -10,9 +10,8 @@
    <meta content="Kankys" name="author"/>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
-    <link href="style.css" rel="stylesheet"/>
+    <link href="assets/style.css" rel="stylesheet"/>
-    <link href="../../fullStyle.css" rel="stylesheet"/>
+    <link href="img/icons.png" rel="shortcut icon"/>
    <link href="/img/icons.png" rel="shortcut icon"/>
    <script
            crossorigin="anonymous"
            src="https://kit.fontawesome.com/0a43c6cd1f.js"
@ -31,39 +30,7 @@
    <title>EndeavourOS - Firewalid</title>
 </head>
 <body>
-<header>
+<?php require "assets/header.php"?>
    <!-- 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>
            <li><a href="/odkazy/index.html">Odkazy</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">
        <h1>FirewalID</h1>
@ -129,7 +96,7 @@
            Je také možné zrušit označení FirewallD v procesu instalace, pokud
            nechcete, aby se instaloval.
        </p>
-        <img alt="" src="img/firewalld-remove.webp"/>
+        <img alt="" src="img/firewalld-remove.webp" style="width: 50%;height: auto;"/>
        <hr/>
        <h1>Obecné informace o instalaci a obsluze FirewallD:</h1>
        <h2>Jak nainstalovat a povolit FirewallD:</h2>
@ -167,10 +134,10 @@
            >.
        </p>
        <p>GUI aplikaci najdete v nabídce jako firewall:</p>
-        <img alt="" src="img/menu.webp"/>
+        <img alt="" src="img/menu.webp" style="width: 50%;height: auto;"/>
        <p>Náhled na aplikaci firewall-config GUI:</p>
-        <img alt="" src="img/firewalld-1.webp"/>
+        <img alt="" src="img/firewalld-1.webp" style="width: 50%;height: auto;"/>
        <p>
            GUI aplikace může na první pohled vypadat trochu děsivě, ale jakmile
            pochopíte, má vše, co potřebujete, na dosah ruky.
@ -190,7 +157,7 @@
            ikonu na hlavním panelu s některými informacemi a nabídkou pro přístup
            k nastavení:
        </p>
-        <img alt="" src="img/firewalld-tray-info-hover.webp"/>
+        <img alt="" src="img/firewalld-tray-info-hover.webp" style="width: 50%;height: auto;"/>
        <hr/>
        <h2>Odebrat, nahradit FirewallD:</h2>
        <p>
@ -230,9 +197,9 @@
            Pokud chcete otevřít bránu firewall pro podporu síťového tisku,
            použijte aplikaci firewalld:
        </p>
-        <img alt="" src="img/2023-08-22_15-02.webp"/>
+        <img alt="" src="img/2023-08-22_15-02.webp" style="width: 50%;height: auto;"/>
        <p></p>
-        <img alt="" src="img/2023-08-22_15-05.webp"/>
+        <img alt="" src="img/2023-08-22_15-05.webp" style="width: 50%;height: auto;"/>
        <p>
            Přepněte do trvalé konfigurace (Permanent) a změňte zónu (Zones) na
            <code><strong>home</strong></code
@ -246,7 +213,7 @@
            možnosti > změnit zóny připojení > vyberte použité síťové připojení a
            z rozevírací nabídky ve vyskakovacím okně vyberte domov:
        </p>
-        <img alt="" src="img/2023-08-22_15-08.webp"/>
+        <img alt="" src="img/2023-08-22_15-08.webp" style="width: 50%;height: auto;"/>
        <p>
            Toto bude trvalé po restartování, pokud jste připojeni ke stejné síti
            (umístění).
@ -290,17 +257,8 @@
        </p>
    </section>
 </main>
-<button id="scrollToTopBtn" onclick="scrollToTop()" title="Go to top">
+<?php require "assets/returnbutton.php"?>
-    <i class="fas fa-arrow-up"></i>
+<?php require "assets/footer.php" ?>
-</button>
+<script src="assets/script.js"></script>
 <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>
--- a/wiki/aplikace/img/05e65955b353da10ffee4ef4c688621d4ca599d4_2_620x500.webp
+++ b/wiki/aplikace/img/05e65955b353da10ffee4ef4c688621d4ca599d4_2_620x500.webp
--- a/wiki/aplikace/img/2020-08-18_08-59.webp
+++ b/wiki/aplikace/img/2020-08-18_08-59.webp
--- a/wiki/aplikace/img/2021-05-18_19-13.webp
+++ b/wiki/aplikace/img/2021-05-18_19-13.webp
--- a/wiki/aplikace/img/2021-05-18_21-00.webp
+++ b/wiki/aplikace/img/2021-05-18_21-00.webp
--- a/wiki/aplikace/img/2021-05-18_21-01.webp
+++ b/wiki/aplikace/img/2021-05-18_21-01.webp
--- a/wiki/aplikace/img/2021-05-18_21-02.webp
+++ b/wiki/aplikace/img/2021-05-18_21-02.webp
--- a/wiki/aplikace/img/2021-05-18_21-03.webp
+++ b/wiki/aplikace/img/2021-05-18_21-03.webp
--- a/wiki/aplikace/img/2021-05-18_21-14.webp
+++ b/wiki/aplikace/img/2021-05-18_21-14.webp
--- a/wiki/aplikace/img/2023-04-18_08-06.webp
+++ b/wiki/aplikace/img/2023-04-18_08-06.webp
--- a/wiki/aplikace/img/2023-08-22_15-02.webp
+++ b/wiki/aplikace/img/2023-08-22_15-02.webp
--- a/wiki/aplikace/img/2023-08-22_15-05.webp
+++ b/wiki/aplikace/img/2023-08-22_15-05.webp
--- a/wiki/aplikace/img/2023-08-22_15-08.webp
+++ b/wiki/aplikace/img/2023-08-22_15-08.webp
--- a/wiki/aplikace/img/2023-10-05_12-51.webp
+++ b/wiki/aplikace/img/2023-10-05_12-51.webp
--- a/wiki/aplikace/img/2023-10-05_13-13.webp
+++ b/wiki/aplikace/img/2023-10-05_13-13.webp
--- a/wiki/aplikace/img/2024-04-19
+++ b/wiki/aplikace/img/2024-04-19
--- a/wiki/aplikace/img/2024-04-20
+++ b/wiki/aplikace/img/2024-04-20
--- a/wiki/aplikace/img/2024-04-20
+++ b/wiki/aplikace/img/2024-04-20
--- a/wiki/aplikace/img/2024-04-20
+++ b/wiki/aplikace/img/2024-04-20
--- a/wiki/img/304px-I3_window_manager_logo.svg_-300x286-1.webp
+++ b/wiki/img/304px-I3_window_manager_logo.svg_-300x286-1.webp
--- a/wiki/aplikace/img/546187.webp
+++ b/wiki/aplikace/img/546187.webp
--- a/wiki/img/AUR.webp
+++ b/wiki/img/AUR.webp
--- a/wiki/img/AUR1.webp
+++ b/wiki/img/AUR1.webp
--- a/wiki/img/Applications.webp
+++ b/wiki/img/Applications.webp
--- a/wiki/aplikace/img/Bildschirmfoto-vom-2019-08-22-13-30-24.webp
+++ b/wiki/aplikace/img/Bildschirmfoto-vom-2019-08-22-13-30-24.webp
--- a/wiki/aplikace/img/Bildschirmfoto_2019-12-28_12-32-32.webp
+++ b/wiki/aplikace/img/Bildschirmfoto_2019-12-28_12-32-32.webp
--- a/wiki/img/Books.webp
+++ b/wiki/img/Books.webp
--- a/wiki/img/CAl.webp
+++ b/wiki/img/CAl.webp
--- a/wiki/img/EOS_polygons_V2_rubber_1920x1080_logo.webp
+++ b/wiki/img/EOS_polygons_V2_rubber_1920x1080_logo.webp
--- a/wiki/img/Gnome-keyring.webp
+++ b/wiki/img/Gnome-keyring.webp
--- a/wiki/img/HDD-SSD-icon.webp
+++ b/wiki/img/HDD-SSD-icon.webp
--- a/wiki/img/Intel.webp
+++ b/wiki/img/Intel.webp
--- a/wiki/aplikace/img/Megasync.png
+++ b/wiki/aplikace/img/Megasync.png
--- a/wiki/img/Network.webp
+++ b/wiki/img/Network.webp
--- a/wiki/img/Nvidia-1.webp
+++ b/wiki/img/Nvidia-1.webp
--- a/wiki/acpi-kernel/img/OSI.png
+++ b/wiki/acpi-kernel/img/OSI.png
--- a/wiki/img/Shadow-of-the-tomb-raider.webp
+++ b/wiki/img/Shadow-of-the-tomb-raider.webp
--- a/wiki/acpi-kernel/img/Snímek
+++ b/wiki/acpi-kernel/img/Snímek
--- a/wiki/aplikace/img/Virtualbox_logo.webp
+++ b/wiki/aplikace/img/Virtualbox_logo.webp
--- a/wiki/aplikace/img/a232e150ac26b246dd2698173af5c52bc64d57c4_2_618x500.webp
+++ b/wiki/aplikace/img/a232e150ac26b246dd2698173af5c52bc64d57c4_2_618x500.webp
--- a/wiki/img/arm-a7-640x353-1.webp
+++ b/wiki/img/arm-a7-640x353-1.webp
--- a/wiki/img/audio.webp
+++ b/wiki/img/audio.webp
--- a/wiki/img/backlight_arch_by_karl_schneider_dazk2ky-scaled.webp
+++ b/wiki/img/backlight_arch_by_karl_schneider_dazk2ky-scaled.webp
--- a/wiki/img/bluetooth-logo-2-1024x614-1.webp
+++ b/wiki/img/bluetooth-logo-2-1024x614-1.webp
--- a/wiki/aplikace/img/bn.webp
+++ b/wiki/aplikace/img/bn.webp
--- a/wiki/aplikace/img/cantata-play-screen.webp
+++ b/wiki/aplikace/img/cantata-play-screen.webp
--- a/wiki/aplikace/img/cardboard_box-1.webp
+++ b/wiki/aplikace/img/cardboard_box-1.webp
--- a/wiki/aplikace/img/dd.webp
+++ b/wiki/aplikace/img/dd.webp
--- a/wiki/aplikace/img/df.webp
+++ b/wiki/aplikace/img/df.webp
--- a/wiki/aplikace/img/endeavour_2_nologo.webp
+++ b/wiki/aplikace/img/endeavour_2_nologo.webp
--- a/wiki/img/endeavour_3-scaled.webp
+++ b/wiki/img/endeavour_3-scaled.webp
--- a/wiki/aplikace/img/ev.webp
+++ b/wiki/aplikace/img/ev.webp
--- a/wiki/aplikace/img/firewall.webp
+++ b/wiki/aplikace/img/firewall.webp
--- a/wiki/aplikace/img/firewalld-1.webp
+++ b/wiki/aplikace/img/firewalld-1.webp
--- a/wiki/aplikace/img/firewalld-remove.webp
+++ b/wiki/aplikace/img/firewalld-remove.webp
--- a/wiki/aplikace/img/firewalld-tray-info-hover.webp
+++ b/wiki/aplikace/img/firewalld-tray-info-hover.webp
--- a/wiki/aplikace/img/firewalld-tray-info.webp
+++ b/wiki/aplikace/img/firewalld-tray-info.webp
--- a/wiki/img/hardware-linux.preview.webp
+++ b/wiki/img/hardware-linux.preview.webp
--- a/wiki/img/hibernate-btrfs.webp
+++ b/wiki/img/hibernate-btrfs.webp
--- a/wiki/acpi-kernel/img/linux-inside.jpg
+++ b/wiki/acpi-kernel/img/linux-inside.jpg
--- a/wiki/img/linux-sudo.webp
+++ b/wiki/img/linux-sudo.webp
--- a/wiki/img/linux_tux_penguins_1600x1200_w_1920x1200_.webp
+++ b/wiki/img/linux_tux_penguins_1600x1200_w_1920x1200_.webp
--- a/wiki/aplikace/img/malp_android.webp
+++ b/wiki/aplikace/img/malp_android.webp
--- a/wiki/aplikace/img/menu.webp
+++ b/wiki/aplikace/img/menu.webp
--- a/wiki/aplikace/img/mpd.webp
+++ b/wiki/aplikace/img/mpd.webp
--- a/wiki/aplikace/img/mpd_1_cantata_welcome_screen.webp
+++ b/wiki/aplikace/img/mpd_1_cantata_welcome_screen.webp
--- a/wiki/aplikace/img/mpd_2_server_config.webp
+++ b/wiki/aplikace/img/mpd_2_server_config.webp
--- a/wiki/aplikace/img/mpd_3_covers.webp
+++ b/wiki/aplikace/img/mpd_3_covers.webp
--- a/wiki/img/printer.webp
+++ b/wiki/img/printer.webp
--- a/wiki/img/privacy-security-lock-ss-1920.webp
+++ b/wiki/img/privacy-security-lock-ss-1920.webp
--- a/wiki/img/project-analysis.webp
+++ b/wiki/img/project-analysis.webp
--- a/wiki/aplikace/img/ss.webp
+++ b/wiki/aplikace/img/ss.webp
--- a/wiki/aplikace/img/terminalGnome.png
+++ b/wiki/aplikace/img/terminalGnome.png
--- a/wiki/img/tux-b⁄w.webp
+++ b/wiki/img/tux-b⁄w.webp
--- a/wiki/aplikace/img/vb1a.webp
+++ b/wiki/aplikace/img/vb1a.webp
--- a/wiki/aplikace/img/vbb.webp
+++ b/wiki/aplikace/img/vbb.webp
--- a/wiki/aplikace/img/vg.webp
+++ b/wiki/aplikace/img/vg.webp
--- a/wiki/aplikace/img/video-g4a0c8915a_640.webp
+++ b/wiki/aplikace/img/video-g4a0c8915a_640.webp
--- a/wiki/aplikace/img/virtManager.webp
+++ b/wiki/aplikace/img/virtManager.webp
--- a/wiki/aplikace/img/virtManager_logo.webp
+++ b/wiki/aplikace/img/virtManager_logo.webp
--- a/wiki/aplikace/img/virtualbox-2-1.webp
+++ b/wiki/aplikace/img/virtualbox-2-1.webp
--- a/wiki/aplikace/img/vv.webp
+++ b/wiki/aplikace/img/vv.webp
--- a/Show More
+++ b/Show More
		`@ -0,0 +1 @@`
							`<footer><p>Lukáš Kaňka &copy 2024. Všechna práva vyhrazena.</p></footer>`