commit 488b929f3c66255cf48a39526846187cab0f0f51 Author: Kankys Date: Tue Apr 16 15:18:19 2024 +0200 content diff --git a/.htaccess b/.htaccess new file mode 100644 index 0000000..d0bd446 --- /dev/null +++ b/.htaccess @@ -0,0 +1,10 @@ +RewriteEngine on +RewriteCond %{HTTP:X-Forwarded-Proto} !https +RewriteCond %{HTTP_USER_AGENT} !(BlackBerry) +RewriteCond %{HTTP_USER_AGENT} !(Windows\sNT\s5\.[12]) +RewriteCond %{HTTP_HOST} ^(www\.)?endeavouros.cz +RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [L] + +RewriteBase / +RewriteCond %{REQUEST_URI} ^(/www/|/www) +RewriteRule ^(www/)(.*)$ https://%{HTTP_HOST}/$2 [R=301,L] diff --git a/clanky/index.html b/clanky/index.html new file mode 100644 index 0000000..a38ad08 --- /dev/null +++ b/clanky/index.html @@ -0,0 +1,78 @@ + + + + + + + + + + + + + + + + + + + EndeavourOS + + +
+ + + + + + +
+ + + + +
+
+
+
+

Na této sekci pilně pracuji.

+
+
+ + + + + + diff --git a/clanky/script.js b/clanky/script.js new file mode 100644 index 0000000..b82ae17 --- /dev/null +++ b/clanky/script.js @@ -0,0 +1,35 @@ +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 +} diff --git a/clanky/style.css b/clanky/style.css new file mode 100644 index 0000000..04541ba --- /dev/null +++ b/clanky/style.css @@ -0,0 +1,169 @@ +* { + 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; + /*position: fixed;*/ +} + +.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; +} + +/* 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: 5px; +} +.p { + text-align: center; +} +@media (max-width: 600px) { + header { + position: relative; + } + header nav { + position: absolute; + top: 70px; + background-color: var(--special-blue); + 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; + } +} + +/* 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-bottom: 10px; +} + +/* 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; +} diff --git a/img/EndeavourOS-logo.webp b/img/EndeavourOS-logo.webp new file mode 100644 index 0000000..9174898 Binary files /dev/null and b/img/EndeavourOS-logo.webp differ diff --git a/img/icons.png b/img/icons.png new file mode 100644 index 0000000..d8f8d60 Binary files /dev/null and b/img/icons.png differ diff --git a/img/slide-community-DEs.webp b/img/slide-community-DEs.webp new file mode 100644 index 0000000..17c27c4 Binary files /dev/null and b/img/slide-community-DEs.webp differ diff --git a/img/slide-discover.webp b/img/slide-discover.webp new file mode 100644 index 0000000..0164d32 Binary files /dev/null and b/img/slide-discover.webp differ diff --git a/img/slide-welcome-DEs.webp b/img/slide-welcome-DEs.webp new file mode 100644 index 0000000..9aa4ce2 Binary files /dev/null and b/img/slide-welcome-DEs.webp differ diff --git a/img/slide-welcome-app-1.webp b/img/slide-welcome-app-1.webp new file mode 100644 index 0000000..28ce13a Binary files /dev/null and b/img/slide-welcome-app-1.webp differ diff --git a/img/slide-welcome-easy-install.webp b/img/slide-welcome-easy-install.webp new file mode 100644 index 0000000..760c9d5 Binary files /dev/null and b/img/slide-welcome-easy-install.webp differ diff --git a/img/stars.webp b/img/stars.webp new file mode 100644 index 0000000..bb144ea Binary files /dev/null and b/img/stars.webp differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..04aec8c --- /dev/null +++ b/index.html @@ -0,0 +1,265 @@ + + + + + + + + + + + + + + + + + + + EndeavourOS + + +
+ + + + + + +
+ + + + +
+
+
+
+

🇨🇿 Vítáme Tě na EndeavourOS Česká komunita! 🇨🇿

+

+ EndeavourOS je distribuce založená na Arch Linuxu, ( Českou komunitu + Arch Linux najdeš na + Arch-Linu xCZ ) + která poskytuje prostředí Arch Linuxu bez potíží s jeho ruční + instalací pro systémy x86_64. Po instalaci máte k dispozici lehké + prostředí připravené k prozkoumání s Vaším terminálem, spolu s naší + domácí aplikací Welcome App jako výkonným průvodcem, který vám pomůže. + Brzy i v češtině +

+

+ Jsme Linuxový nadšenci Arch Linuxu a EndeavourOS, za tímto účel vznikl + tento projekt s dovolením vývojářů EndeavourOS. Pravidelně Vám jsem + budeme přinášet novinky ze světa EndeavourOS, v sekci Wiki najdete + spousty tipů a návodů pro EndeavourOS. Na sociálních sítích Discord a + Telegram najdete disk uzní fóra v češtině. Aktivně jsme v kontaktu s + vývojáři EndeavourOS a pracujeme na překladu aplikace Welcome do + českého jazyka. +

+

+ Web je stále ve vývoji tak se omlouváme za chybějící obsah a jiné + nedodělky, ale pilně na projektu pracuji ve svém volném čase. +

+

+ Tento projekt by nikdy nevznikl bez + Arch-LinuxCZ a + jeho správci + Archosovi. Tím mu děkuji za trpělivost, rady a také za technickou podporu + tohoto webu. +

+

Minimální systémové požadavky pro EndeavourOS

+

🚀 2,5 GB RAM (offline instalace) a 4 GB RAM (online instalace)

+

🚀 Dvoujádrový procesor (64 bitů, x86-64, amd64)

+

🚀 15 GB místa na pevném disku

+

+ 🚀 Instalační program stále podporuje pouze starší systémy Bios, ale + doporučuje se spouštět moderní systémy EFI (UEFI), které nejsou ve + starším ( CSM ) režimu +

+

Stažení EndeavourOS

+

+ EndeavourOS doporučujeme stahovat z oficiálních stránek projektu. Máte + možnost stahování z několika zrcadel, stahovat EndeavourOS můžete pod + tímto + odkazem. +

+

Co můžete očekávat

+ +
+
+
+

Snadno použitelný instalační program

+

+ Instalační program Calamares vás provede prvními kroky instalace + systému s možností offline instalace KDE Plasma nebo online + instala ce se spoustou možností… +

+
+
+ # +
+
+
+ +
+
+
+

+ Osm desktopových prostředí a jeden správce oken +

+

+ Online instalace vám umožňuje vybrat si Xfce, Plasma, Gnome, + Mate, Cinnamon, Budgie, LxQt, LxDe a i3-wm, ale je toho víc… +

+
+
+ # +
+
+
+
+
+
+

Pět správců oken

+

+ Máme také správce oken Sway, Qtile, BSPWM, Openbox a Worm, + všechny připravené k použití s ​​výběrem přednastavení, + připravené pro váš skokový start. Tyto WM nejsou dostupné + prostřednictvím ISO, ale lze je nainstalovat ručně. přejděte na + naši stránku + GitHub + … Pro více informací +

+
+
+ # +
+
+
+
+
+
+

Základní instalace připravená k doladění

+

+ Bez ohledu na to, jakou metodu si vyberete, DE nebo WM, všechny + mají jednu věc společnou, základní a téměř prostou instalaci se + skromným, ale výkonným výběrem (terminálově ovládaných) aplikací + a balíčků, abyste mohli začít svůj hluboký ponor do Arch. + -založený systém. Abych zdůraznil některé z nich… +

+
+
+ # +
+
+
+
+
+
+

+ Aplikace Vítejte, naše brána na vaši cestu +

+

+ Naše uvítací aplikace vás provede informacemi potřebnými pro + vaše první kroky do systému a také vám poskytne několik + užitečných nást rojů, které budete moci používat i po počátečním + nastavení… +

+
+
+ # +
+
+
+
+
+
+

+ Naše hvězdná komunita je tu, aby vás posunula vpřed +

+

+ Discovery je naše znalostní báze, která vám pomůže dále nastavit + systém podle vašich potřeb, ale máme také vřelou a velmi + užitečnou komunitu na našem fóru Discord a skupině Telegram, + která odpovídá na vaše otázky. +

+
+
+ # +
+
+
+

+ Na našem webu nesbíráme o Vás žádné informace ani tu nemáme žádné + sledovací zařízení. +

+
+
+ + + + + + diff --git a/novinky/index.html b/novinky/index.html new file mode 100644 index 0000000..dc66ccc --- /dev/null +++ b/novinky/index.html @@ -0,0 +1,78 @@ + + + + + + + + + + + + + + + + + + + EndeavourOS + + +
+ + + + + + +
+ + + + +
+
+
+
+

Na obsahu v této sekci pilně pracuji.

+
+
+ + + + + + diff --git a/novinky/script.js b/novinky/script.js new file mode 100644 index 0000000..b82ae17 --- /dev/null +++ b/novinky/script.js @@ -0,0 +1,35 @@ +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 +} diff --git a/novinky/style.css b/novinky/style.css new file mode 100644 index 0000000..04541ba --- /dev/null +++ b/novinky/style.css @@ -0,0 +1,169 @@ +* { + 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; + /*position: fixed;*/ +} + +.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; +} + +/* 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: 5px; +} +.p { + text-align: center; +} +@media (max-width: 600px) { + header { + position: relative; + } + header nav { + position: absolute; + top: 70px; + background-color: var(--special-blue); + 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; + } +} + +/* 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-bottom: 10px; +} + +/* 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; +} diff --git a/o-nas/index.html b/o-nas/index.html new file mode 100644 index 0000000..b25a92a --- /dev/null +++ b/o-nas/index.html @@ -0,0 +1,132 @@ + + + + + + + + + + + + + + + + + + EndeavourOS + + +
+ + + + + + +
+ + + + +
+
+
+
+

O nás

+

+ Ahoj, moc si vážím že jsi navštívil/la web EndeavourOS České komunity. + Projekt vznikl jako spřátelený projekt, k projektu + Arch Linux CZ. +

+

+ EndeavourOS Česká Komunita vznikl s dovolením vývojářů EndeavourOS. + EndeavourOS mě natolik oslovil, že jsem se na konec rozhodl pro tenteo + projekt.na projektu pracuji pouze ve svém volném čase tak tempo jak + roste není úplně nejrychlejší. Pokud by jsi chtěl/la podpořid jakým + koliv způsobem neváhej mě kontaktovat. +

+

Kontakty

+

+ Git + stránka tohoto projektu. +

+

+ Discord + skupina EndeavourOS CZ. +

+

+ Telegram skupina + EndeavourOS CZ. +

+

+ Osobní blog autora + tohoto projektu. +

+

+ Arch linux CZ + skvělý projekt bez, kterého by toto vše nikdy nevzniklo. +

+

Podpora projektu

+

+ 👉 Pokud mě chceš podpořit nebo se podílet na obsahu tohoto webu, budu + rád, když mi napíšeš. +

+

👉 Taky můžeš tento projekt podpořit pár Satoshi:

+ Satoshi +

👉 Nebo přes paypal:

+ Paypal +

Všechny prostředky budou použity na provoz tohoto webu.

+
+
+ + + + + + + diff --git a/o-nas/script.js b/o-nas/script.js new file mode 100644 index 0000000..b82ae17 --- /dev/null +++ b/o-nas/script.js @@ -0,0 +1,35 @@ +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 +} diff --git a/o-nas/style.css b/o-nas/style.css new file mode 100644 index 0000000..944c995 --- /dev/null +++ b/o-nas/style.css @@ -0,0 +1,173 @@ +* { + 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; + /*position: fixed;*/ +} + +.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; +} + +/* 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: 5px; +} +.p { + text-align: center; +} +@media (max-width: 600px) { + header { + position: relative; + } + header nav { + position: absolute; + top: 70px; + background-color: var(--special-blue); + 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; + } +} + +/* 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-bottom: 10px; +} + +/* 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; +} + +img { + width: 20%; +} diff --git a/script.js b/script.js new file mode 100644 index 0000000..b82ae17 --- /dev/null +++ b/script.js @@ -0,0 +1,35 @@ +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 +} diff --git a/style.css b/style.css new file mode 100644 index 0000000..04541ba --- /dev/null +++ b/style.css @@ -0,0 +1,169 @@ +* { + 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; + /*position: fixed;*/ +} + +.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; +} + +/* 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: 5px; +} +.p { + text-align: center; +} +@media (max-width: 600px) { + header { + position: relative; + } + header nav { + position: absolute; + top: 70px; + background-color: var(--special-blue); + 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; + } +} + +/* 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-bottom: 10px; +} + +/* 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; +} diff --git a/wiki/index.html b/wiki/index.html new file mode 100644 index 0000000..bbd6d4f --- /dev/null +++ b/wiki/index.html @@ -0,0 +1,78 @@ + + + + + + + + + + + + + + + + + + + EndeavourOS + + +
+ + + + + + +
+ + + + +
+
+
+
+

Na obsahu v této sekci pilně pracuji.

+
+
+ + + + + + diff --git a/wiki/script.js b/wiki/script.js new file mode 100644 index 0000000..b82ae17 --- /dev/null +++ b/wiki/script.js @@ -0,0 +1,35 @@ +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 +} diff --git a/wiki/style.css b/wiki/style.css new file mode 100644 index 0000000..04541ba --- /dev/null +++ b/wiki/style.css @@ -0,0 +1,169 @@ +* { + 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; + /*position: fixed;*/ +} + +.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; +} + +/* 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: 5px; +} +.p { + text-align: center; +} +@media (max-width: 600px) { + header { + position: relative; + } + header nav { + position: absolute; + top: 70px; + background-color: var(--special-blue); + 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; + } +} + +/* 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-bottom: 10px; +} + +/* 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; +}