network import + change background color + chnge color h1 and p
This commit is contained in:
parent
f24f1a9bbb
commit
d62599fe98
@ -10,8 +10,7 @@
|
|||||||
<meta content="Kankys" name="author"/>
|
<meta content="Kankys" name="author"/>
|
||||||
|
|
||||||
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
|
<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
|
<script
|
||||||
crossorigin="anonymous"
|
crossorigin="anonymous"
|
||||||
@ -33,39 +32,7 @@
|
|||||||
</title>
|
</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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>
|
<main>
|
||||||
<section class="welcome">
|
<section class="welcome">
|
||||||
<h1>
|
<h1>
|
||||||
@ -110,7 +77,6 @@
|
|||||||
pacman -S broadcom-wl-dkms
|
pacman -S broadcom-wl-dkms
|
||||||
pacman -S dkms
|
pacman -S dkms
|
||||||
</pre>
|
</pre>
|
||||||
<button id="copy-button">Kopírovat</button>
|
|
||||||
</div>
|
</div>
|
||||||
<p>Tím jsme stáhli ovladače.</p>
|
<p>Tím jsme stáhli ovladače.</p>
|
||||||
<p>Dále do terminálu zadáme:</p>
|
<p>Dále do terminálu zadáme:</p>
|
||||||
@ -118,14 +84,12 @@
|
|||||||
<pre id="code-content">
|
<pre id="code-content">
|
||||||
pacman -S broadcom-wl
|
pacman -S broadcom-wl
|
||||||
</pre>
|
</pre>
|
||||||
<button id="copy-button">Kopírovat</button>
|
|
||||||
</div>
|
</div>
|
||||||
<p>Pokračujeme dál a zadáme:</p>
|
<p>Pokračujeme dál a zadáme:</p>
|
||||||
<div class="code-box">
|
<div class="code-box">
|
||||||
<pre id="code-content">
|
<pre id="code-content">
|
||||||
pacman -S broadcom
|
pacman -S broadcom
|
||||||
</pre>
|
</pre>
|
||||||
<button id="copy-button">Kopírovat</button>
|
|
||||||
</div>
|
</div>
|
||||||
<p>Tento příkaz by nám měl už zobrazit WiFi v MacBooku.</p>
|
<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>
|
<p>Pak restartujte MacBook a WiFi by měla jet.</p>
|
||||||
@ -139,17 +103,8 @@
|
|||||||
>
|
>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</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 ©
|
|
||||||
<a href="https://git.archoslinux.cz/kankys" target="_blank"
|
|
||||||
>Lukáš Kaňka</a
|
|
||||||
>
|
|
||||||
2024
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<script src="script.js"></script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
@ -10,8 +10,7 @@
|
|||||||
<meta content="Kankys" name="author"/>
|
<meta content="Kankys" name="author"/>
|
||||||
|
|
||||||
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
|
<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
|
<script
|
||||||
crossorigin="anonymous"
|
crossorigin="anonymous"
|
||||||
@ -31,39 +30,7 @@
|
|||||||
<title>EndeavourOS - Přehrávání videa</title>
|
<title>EndeavourOS - Přehrávání videa</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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>
|
<main>
|
||||||
<section class="welcome">
|
<section class="welcome">
|
||||||
<h1>Přehrávání videa v EndeavourOS:</h1>
|
<h1>Přehrávání videa v EndeavourOS:</h1>
|
||||||
@ -333,17 +300,8 @@
|
|||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</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 ©
|
|
||||||
<a href="https://git.archoslinux.cz/kankys" target="_blank"
|
|
||||||
>Lukáš Kaňka</a
|
|
||||||
>
|
|
||||||
2024
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<script src="script.js"></script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</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;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user