network import + change background color + chnge color h1 and p
This commit is contained in:
		| @@ -10,8 +10,7 @@ | ||||
|     <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="assets/style.css" rel="stylesheet"/> | ||||
|     <link href="/img/icons.png" rel="shortcut icon"/> | ||||
|     <script | ||||
|             crossorigin="anonymous" | ||||
| @@ -33,39 +32,7 @@ | ||||
|     </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> | ||||
|             <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> | ||||
| <?php require "assets/header.php" ?>
 | ||||
| <main> | ||||
|     <section class="welcome"> | ||||
|         <h1> | ||||
| @@ -110,7 +77,6 @@ | ||||
|             pacman -S broadcom-wl-dkms | ||||
|             pacman -S dkms | ||||
|           </pre> | ||||
|             <button id="copy-button">Kopírovat</button> | ||||
|         </div> | ||||
|         <p>Tím jsme stáhli ovladače.</p> | ||||
|         <p>Dále do terminálu zadáme:</p> | ||||
| @@ -118,14 +84,12 @@ | ||||
|           <pre id="code-content"> | ||||
|             pacman -S broadcom-wl | ||||
|           </pre> | ||||
|             <button id="copy-button">Kopírovat</button> | ||||
|         </div> | ||||
|         <p>Pokračujeme dál a zadáme:</p> | ||||
|         <div class="code-box"> | ||||
|           <pre id="code-content"> | ||||
|             pacman -S broadcom | ||||
|           </pre> | ||||
|             <button id="copy-button">Kopírovat</button> | ||||
|         </div> | ||||
|         <p>Tento příkaz by nám měl už zobrazit WiFi v MacBooku.</p> | ||||
|         <p>Pak restartujte MacBook a WiFi by měla jet.</p> | ||||
| @@ -139,17 +103,8 @@ | ||||
|         > | ||||
|     </section> | ||||
| </main> | ||||
| <button id="scrollToTopBtn" onclick="scrollToTop()" title="Go to top"> | ||||
|     <i class="fas fa-arrow-up"></i> | ||||
| </button> | ||||
| <footer> | ||||
|     Copyright © | ||||
|     <a href="https://git.archoslinux.cz/kankys" target="_blank" | ||||
|     >Lukáš Kaňka</a | ||||
|     > | ||||
|     2024 | ||||
| </footer> | ||||
| 
 | ||||
| <script src="script.js"></script> | ||||
| <?php require "assets/returnbutton.php" ?>
 | ||||
| <?php require "assets/footer.php" ?>
 | ||||
| <script src="assets/script.js"></script> | ||||
| </body> | ||||
| </html> | ||||
| @@ -10,8 +10,7 @@ | ||||
|     <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="assets/style.css" rel="stylesheet"/> | ||||
|     <link href="/img/icons.png" rel="shortcut icon"/> | ||||
|     <script | ||||
|             crossorigin="anonymous" | ||||
| @@ -31,39 +30,7 @@ | ||||
|     <title>EndeavourOS - Přehrávání videa</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> | ||||
|             <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> | ||||
| <?php require "assets/header.php" ?>
 | ||||
| <main> | ||||
|     <section class="welcome"> | ||||
|         <h1>Přehrávání videa v EndeavourOS:</h1> | ||||
| @@ -333,17 +300,8 @@ | ||||
|         </p> | ||||
|     </section> | ||||
| </main> | ||||
| <button id="scrollToTopBtn" onclick="scrollToTop()" title="Go to top"> | ||||
|     <i class="fas fa-arrow-up"></i> | ||||
| </button> | ||||
| <footer> | ||||
|     Copyright © | ||||
|     <a href="https://git.archoslinux.cz/kankys" target="_blank" | ||||
|     >Lukáš Kaňka</a | ||||
|     > | ||||
|     2024 | ||||
| </footer> | ||||
| 
 | ||||
| <script src="script.js"></script> | ||||
| <?php require "assets/returnbutton.php" ?>
 | ||||
| <?php require "assets/footer.php" ?>
 | ||||
| <script src="assets/script.js"></script> | ||||
| </body> | ||||
| </html> | ||||
| @@ -1,46 +0,0 @@ | ||||
| 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 | ||||
| } | ||||
|  | ||||
| // Code-box | ||||
| document.getElementById("copy-button").addEventListener("click", function () { | ||||
|     var codeContent = document.getElementById("code-content"); | ||||
|     var range = document.createRange(); | ||||
|     range.selectNode(codeContent); | ||||
|     window.getSelection().removeAllRanges(); | ||||
|     window.getSelection().addRange(range); | ||||
|     document.execCommand("copy"); | ||||
|     window.getSelection().removeAllRanges(); | ||||
| }); | ||||
| @@ -1,92 +0,0 @@ | ||||
| /* 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; | ||||
| } | ||||
|  | ||||
| /* Různé - extra css */ | ||||
| h1 { | ||||
|     color: #734f96; | ||||
|     margin-top: 50px; | ||||
|     font-size: 50px; | ||||
| } | ||||
|  | ||||
| h2 a { | ||||
|     color: #734f96; | ||||
| } | ||||
|  | ||||
| h3 { | ||||
|     color: #734f96; | ||||
| } | ||||
|  | ||||
| img { | ||||
|     width: 20%; | ||||
| } | ||||
|  | ||||
| code { | ||||
|     background-color: aliceblue; | ||||
| } | ||||
|  | ||||
|  | ||||
		Reference in New Issue
	
	Block a user