Dva nové články, další úpravy css

This commit is contained in:
2024-08-26 21:53:00 +02:00
parent b0a665d0ba
commit 1f20a34470
59 changed files with 4476 additions and 4192 deletions

View File

@ -1,96 +1,96 @@
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<head>
<meta charset="UTF-8"/>
<meta
name="description"
content="EndeavourOS svobodný operační systém...."
content="EndeavourOS svobodný operační systém...."
name="description"
/>
<meta name="keywords" content="EndeavourOS, MacBook Pro Bluetooth" />
<meta name="author" content="Kankys" />
<meta content="EndeavourOS, MacBook Pro Bluetooth" name="keywords"/>
<meta content="Kankys" name="author"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="../../fullStyle.css" />
<link rel="shortcut icon" href="/img/icons.png" />
<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
src="https://kit.fontawesome.com/0a43c6cd1f.js"
crossorigin="anonymous"
crossorigin="anonymous"
src="https://kit.fontawesome.com/0a43c6cd1f.js"
></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"
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");
@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 - MacBook Pro Bluetooth</title>
</head>
<body>
<header>
<!-- EOS - logo () -->
<div class="logo">
</head>
<body>
<header>
<!-- EOS - logo () -->
<div class="logo">
<a href="../../index.html">
<img src="/img/EndeavourOS-logo.webp" alt="" />
<img alt="" src="/img/EndeavourOS-logo.webp"/>
</a>
</div>
</div>
<!-- EOS - navigation -->
<nav>
<!-- 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://discord.gg/9YA8A2xf" target="_blank">Discord</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="/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://discord.gg/9YA8A2xf" target="_blank">Discord</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>
</nav>
<div class="menu-icon">
<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">
</div>
</header>
<main>
<section class="welcome">
<h1>
EndeavourOS jak opravit nefunkční Bluetooth po instalaci na MacBook
Pro 2015
EndeavourOS jak opravit nefunkční Bluetooth po instalaci na MacBook
Pro 2015
</h1>
<p>
Někteří z vás uvažují na starším MacBooku přejít na Linux a
EndeavourOS na něm funguje skvěle.
Někteří z vás uvažují na starším MacBooku přejít na Linux a
EndeavourOS na něm funguje skvěle.
</p>
<p>
Bohužel se vám může stát, že po instalaci vám nepůjde Bluetooth, ale
to se dá naštěstí velmi dobře opravit.
Bohužel se vám může stát, že po instalaci vám nepůjde Bluetooth, ale
to se dá naštěstí velmi dobře opravit.
</p>
<p>
Tuto distribuci je možné nainstalovat pomocí live image offline což je
výhoda, že nefunkční Bluetooth se bude řešit až po instalaci.
Tuto distribuci je možné nainstalovat pomocí live image offline což je
výhoda, že nefunkční Bluetooth se bude řešit až po instalaci.
</p>
<p>
Pokud nemáte WiFi připojení v Macbooku, kabelem připojíme k MacBooku
telefon, který je na WiFi. Pokud máte neomezené data nemusíte být na
WiFi.
Pokud nemáte WiFi připojení v Macbooku, kabelem připojíme k MacBooku
telefon, který je na WiFi. Pokud máte neomezené data nemusíte být na
WiFi.
</p>
<p>
Na telefonu po připojení potvrdíte, že důvěřujete tomuto zařízení a
MacBook se připojí k internetu.
Na telefonu po připojení potvrdíte, že důvěřujete tomuto zařízení a
MacBook se připojí k internetu.
</p>
<p>
V aplikacích najdeme aplikaci Welcome a klikneme na Update Mirrors.
V aplikacích najdeme aplikaci Welcome a klikneme na Update Mirrors.
</p>
<p>Pak dáme Update System.</p>
<p>Až se systém aktualizuje přejdeme na samotnou instalaci ovladačů.</p>
@ -100,14 +100,14 @@
<pre id="code-content">
lsmod | grep btusb
</pre>
<button id="copy-button">Kopírovat</button>
<button id="copy-button">Kopírovat</button>
</div>
<p>Pokud vám terminál vypsal něco podobného: Terminal</p>
<img src="img/Pasted-image-20240226010843-300x69.png" alt="" />
<img alt="" src="img/Pasted-image-20240226010843-300x69.png"/>
<p>Můžete jít rovnou na krok 4.</p>
<p>
Pokud vám nic takového nevypsal nebo vypsal chybu, nemáte instalované
ovladače na Bluetooth. Pokračujte dále.
Pokud vám nic takového nevypsal nebo vypsal chybu, nemáte instalované
ovladače na Bluetooth. Pokračujte dále.
</p>
<p>2. Nainstalujeme ovladače Bluetooth, do terminálu zadáme:</p>
<div class="code-box">
@ -116,60 +116,60 @@
sudo pacman -S bluez-utils
sudo pacman -S blueman
</pre>
<button id="copy-button">Kopírovat</button>
<button id="copy-button">Kopírovat</button>
</div>
<p>3. Znovu ověříme zda jsou už nainstalované:</p>
<div class="code-box">
<pre id="code-content">
lsmod | grep btusb
</pre
>
<button id="copy-button">Kopírovat</button>
>
<button id="copy-button">Kopírovat</button>
</div>
<p>4. Dále spustíme službu Bluetooth:</p>
<div class="code-box">
<pre id="code-content">
sudo systemctl start bluetooth.service
</pre
>
<button id="copy-button">Kopírovat</button>
>
<button id="copy-button">Kopírovat</button>
</div>
<p>
5. Pokud chcete aby se vám služba spouštěla automaticky tak ji
povolíme:
5. Pokud chcete aby se vám služba spouštěla automaticky tak ji
povolíme:
</p>
<div class="code-box">
<pre id="code-content">
sudo systemctl enable bluetooth.service
</pre
>
<button id="copy-button">Kopírovat</button>
>
<button id="copy-button">Kopírovat</button>
</div>
<p>6. Restartujeme MacBook</p>
<p>
7. V nastavení systému nebo v nástrojové lište podle toho jaké máte
nainstalované prostředí spárujeme vaše Bluetooth zařízení.
7. V nastavení systému nebo v nástrojové lište podle toho jaké máte
nainstalované prostředí spárujeme vaše Bluetooth zařízení.
</p>
<p>
Návod nezaručuje stoprocentní funkčnost, ale byl ozkoušen na více
MacBooků s procesory Intel a vřdy tento postup fungoval.
Návod nezaručuje stoprocentní funkčnost, ale byl ozkoušen na více
MacBooků s procesory Intel a vřdy tento postup fungoval.
</p>
<code
><a href="https://lukaskanka.cz/" target="_blank">Kankys</a>
17.4.2024</code
</section>
</main>
<button onclick="scrollToTop()" id="scrollToTopBtn" 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>
><a href="https://lukaskanka.cz/" target="_blank">Kankys</a>
17.4.2024</code
</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>
<script src="script.js"></script>
</body>
</html>

View File

@ -1,94 +1,94 @@
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<head>
<meta charset="UTF-8"/>
<meta
name="description"
content="EndeavourOS svobodný operační systém...."
content="EndeavourOS svobodný operační systém...."
name="description"
/>
<meta name="keywords" content="EndeavourOS, Bluetooth" />
<meta name="author" content="Kankys" />
<meta content="EndeavourOS, Bluetooth" name="keywords"/>
<meta content="Kankys" name="author"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="../../fullStyle.css" />
<link rel="shortcut icon" href="/img/icons.png" />
<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
src="https://kit.fontawesome.com/0a43c6cd1f.js"
crossorigin="anonymous"
crossorigin="anonymous"
src="https://kit.fontawesome.com/0a43c6cd1f.js"
></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"
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");
@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 - Bluetooth</title>
</head>
<body>
<header>
<!-- EOS - logo () -->
<div class="logo">
</head>
<body>
<header>
<!-- EOS - logo () -->
<div class="logo">
<a href="../../index.html">
<img src="/img/EndeavourOS-logo.webp" alt="" />
<img alt="" src="/img/EndeavourOS-logo.webp"/>
</a>
</div>
</div>
<!-- EOS - navigation -->
<nav>
<!-- EOS - navigation -->
<nav>
<ul>
<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://discord.gg/9YA8A2xf" target="_blank">Discord</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="/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://discord.gg/9YA8A2xf" target="_blank">Discord</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>
</nav>
<div class="menu-icon">
<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">
</div>
</header>
<main>
<section class="welcome">
<h1>Bluetooth</h1>
<h2>
<a href="jak-v-endeavouros-zprovoznit-bluetooth.html">
Jak v EndeavourOS zprovoznit Bluetooth?</a
>
<a href="jak-v-endeavouros-zprovoznit-bluetooth.html">
Jak v EndeavourOS zprovoznit Bluetooth?</a
>
</h2>
<h2>
<a
href="endeavouros-jak-pravit-nefunkcni-Bluetooth-po-instalaci-na-macbook-pro-2015.html"
<a
href="endeavouros-jak-pravit-nefunkcni-Bluetooth-po-instalaci-na-macbook-pro-2015.html"
>EndeavourOS jak opravit nefunkční Bluetooth po instalaci na MacBook
Pro 2015</a
>
Pro 2015</a
>
</h2>
</section>
</main>
<button onclick="scrollToTop()" id="scrollToTopBtn" 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>
</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>
<script src="script.js"></script>
</body>
</html>

View File

@ -1,153 +1,153 @@
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<head>
<meta charset="UTF-8"/>
<meta
name="description"
content="EndeavourOS svobodný operační systém...."
content="EndeavourOS svobodný operační systém...."
name="description"
/>
<meta name="keywords" content="EndeavourOS, Bluetooth" />
<meta name="author" content="Kankys" />
<meta content="EndeavourOS, Bluetooth" name="keywords"/>
<meta content="Kankys" name="author"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="../../fullStyle.css" />
<link rel="shortcut icon" href="/img/icons.png" />
<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
src="https://kit.fontawesome.com/0a43c6cd1f.js"
crossorigin="anonymous"
crossorigin="anonymous"
src="https://kit.fontawesome.com/0a43c6cd1f.js"
></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"
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");
@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 - Jak v EndeavourOS zprovoznit Bluetooth</title>
</head>
<body>
<header>
<!-- EOS - logo () -->
<div class="logo">
</head>
<body>
<header>
<!-- EOS - logo () -->
<div class="logo">
<a href="../../index.html">
<img src="/img/EndeavourOS-logo.webp" alt="" />
<img alt="" src="/img/EndeavourOS-logo.webp"/>
</a>
</div>
</div>
<!-- EOS - navigation -->
<nav>
<!-- 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://discord.gg/9YA8A2xf" target="_blank">Discord</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="/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://discord.gg/9YA8A2xf" target="_blank">Discord</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>
</nav>
<div class="menu-icon">
<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">
</div>
</header>
<main>
<section class="welcome">
<h1>Jak v EndeavourOS zprovoznit Bluetooth?</h1>
<p>
Tento návod by měl být funkční na Arch Linux a distribucí z něj
vycházejících.
Tento návod by měl být funkční na Arch Linux a distribucí z něj
vycházejících.
</p>
<h2>Krok 1: Nainstalujte Bluez a Blueman</h2>
<hr />
<hr/>
<p>Prvním krokem je instalace několika balíčků.</p>
<p>Nainstalujeme si:</p>
<p>
<a
style="color: yellowgreen"
href="https://www.archlinux.org/packages/extra/x86_64/bluez/"
target="_blank"
<a
href="https://www.archlinux.org/packages/extra/x86_64/bluez/"
style="color: yellowgreen"
target="_blank"
>Bluez</a
>
>
</p>
<p>
<a
style="color: yellowgreen"
href="https://www.archlinux.org/packages/extra/x86_64/bluez-utils/"
target="_blank"
<a
href="https://www.archlinux.org/packages/extra/x86_64/bluez-utils/"
style="color: yellowgreen"
target="_blank"
>Bluez-utils</a
>
>
</p>
<p>
<a
style="color: yellowgreen"
href="https://www.archlinux.org/packages/community/x86_64/blueman/"
target="_blank"
<a
href="https://www.archlinux.org/packages/community/x86_64/blueman/"
style="color: yellowgreen"
target="_blank"
>Blueman</a
>
>
</p>
<div class="code-box">
<pre id="code-content">
<!-- Vaš kód sem -->
sudo pacman -S bluez <br />
sudo pacman -S bluez-utils<br />
sudo pacman -S bluez <br/>
sudo pacman -S bluez-utils<br/>
sudo pacman -S blueman
</pre>
<button id="copy-button">Kopírovat</button>
<button id="copy-button">Kopírovat</button>
</div>
<p>
Ty by se měly nainstalovat bez problémů. Zde uvidíte úhlednou ikonu:
Ty by se měly nainstalovat bez problémů. Zde uvidíte úhlednou ikonu:
</p>
<img src="img/Pasted-image-20240226010730.png" alt="" />
<img alt="" src="img/Pasted-image-20240226010730.png"/>
<p>Dále se ujistěte, že je načten modul btusb Kernel:</p>
<div class="code-box">
<pre id="code-content">
lsmod | grep btusb
</pre>
<button id="copy-button">Kopírovat</button>
<button id="copy-button">Kopírovat</button>
</div>
<p></p>
<img src="img/Pasted-image-20240226010843-300x69.png" alt="" />
<img alt="" src="img/Pasted-image-20240226010843-300x69.png"/>
<p>Zde je trik, který mu pomůže najít adaptéry plug one:</p>
<div class="code-box">
<pre id="code-content">
sudo vim /etc/bluetooth/main.conf
</pre>
<button id="copy-button">Kopírovat</button>
<button id="copy-button">Kopírovat</button>
</div>
<p>Automaticky povolí Bluetooth:</p>
<img src="img/Pasted-image-20240226011309-300x39.png" alt="" />
<img alt="" src="img/Pasted-image-20240226011309-300x39.png"/>
<p></p>
<div class="code-box">
<pre id="code-content">
AutoEnable"true
</pre>
<button id="copy-button">Kopírovat</button>
<button id="copy-button">Kopírovat</button>
</div>
<p>Uložte soubor.</p>
<h2>2. Aktivujte Službu</h2>
<hr />
<hr/>
<p>Zkusme spustit službu Bluetooth:</p>
<div class="code-box">
<pre id="code-content">
sudo systemctl start bluetooth.service
</pre>
<button id="copy-button">Kopírovat</button>
<button id="copy-button">Kopírovat</button>
</div>
<p>Automatické spuštění Bluetooth po startu povolíme tímto příkazem:</p>
@ -155,37 +155,37 @@
<pre id="code-content">
sudo systemctl enable bluetooth.service
</pre>
<button id="copy-button">Kopírovat</button>
<button id="copy-button">Kopírovat</button>
</div>
<p>
Nyní bychom měli mít vše v provozu. Pomocí Blueman můžete spravovat
Bluetooth zařízení, kliknutím pravým tlačítkem myši na ikonu
Bluetooth.
Nyní bychom měli mít vše v provozu. Pomocí Blueman můžete spravovat
Bluetooth zařízení, kliknutím pravým tlačítkem myši na ikonu
Bluetooth.
</p>
<p>Nyní byste měli být připraveni na připojení a párování.</p>
<h2>3. Párování</h2>
<hr />
<hr/>
<p>Blueman dělá párování snadné.</p>
<img src="img/Pasted-image-20240226012454-300x188.png" alt="" />
<img alt="" src="img/Pasted-image-20240226012454-300x188.png"/>
<p>1. Vyberete zařízení.</p>
<p>2. Zahájit párování</p>
<p>A máte hotovo!</p>
<code
><a href="https://lukaskanka.cz/" target="_blank">Kankys</a>
17.4.2024</code
</section>
</main>
<button onclick="scrollToTop()" id="scrollToTopBtn" 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>
><a href="https://lukaskanka.cz/" target="_blank">Kankys</a>
17.4.2024</code
</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>
<script src="script.js"></script>
</body>
</html>

View File

@ -3,44 +3,44 @@ 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";
}
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();
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";
}
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
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();
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();
});

View File

@ -1,138 +1,115 @@
/* EOS - Welcome*/
.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;
}
p {
margin: 10px;
}
.p {
text-align: center;
}
/* About sekce */
.about-section {
margin: 45px 0;
margin: 45px 0;
}
.about-section-wrapper {
width: 65%;
margin: 0 auto;
display: flex;
gap: 20px;
width: 65%;
margin: 0 auto;
display: flex;
gap: 20px;
}
.about-text {
flex: 1;
flex: 1;
}
.about-img {
flex: 1;
flex: 1;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 768px) {
.about-section-wrapper {
flex-direction: column;
width: 90%;
margin: 0 auto;
}
.about-section-wrapper {
flex-direction: column;
width: 90%;
margin: 0 auto;
}
.about-text {
text-align: left;
}
.about-text {
text-align: left;
}
.about-img {
text-align: center;
}
.about-img {
text-align: center;
}
.about-text-p {
padding-top: 15px;
}
.about-text-p {
padding-top: 15px;
}
}
footer {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
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;
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;
color: #734f96;
margin-top: 50px;
font-size: 50px;
}
h2 a {
color: #734f96;
color: #734f96;
}
h3 {
color: #734f96;
color: #734f96;
}
img {
width: 20%;
width: 20%;
}
code {
background-color: aliceblue;
background-color: aliceblue;
}
/* CodeBox */
.code-box {
position: relative;
width: 500px;
height: auto;
border: 1px solid #734f96;
padding: 5px;
overflow: auto;
background-color: #313131;
color: yellowgreen;
margin: auto;
text-align: left;
position: relative;
width: 500px;
height: auto;
border: 1px solid #734f96;
padding: 5px;
overflow: auto;
background-color: #313131;
color: yellowgreen;
margin: auto;
text-align: left;
}
#copy-button {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
color: whitesmoke;
background-color: transparent;
border: 1px solid #734f96;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
color: whitesmoke;
background-color: transparent;
border: 1px solid #734f96;
}