kankys/NewLukasBlog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new blog

Browse Source
This commit is contained in:
kankys 2024-11-09 19:22:33 +01:00
parent d71da296b2
commit a2ea8e37b3
99 changed files with 5351 additions and 868 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
LICENSE Executable file → Normal file
View File

7
README.md Executable file → Normal file
View File

@ -1,7 +0,0 @@
# [arrayinamatrix.xyz](https://arrayinamatrix.xyz)
My personal website or something.
Clone with all submodules:
`git clone --recurse-submodules https://git.arrayinamatrix.xyz/array-in-a-matrix/arrayinamatrix.xyz`

0
error/403.html → error/403.php Executable file → Normal file
View File

0
error/404.html → error/404.php Executable file → Normal file
View File

0
error/413.html → error/413.php Executable file → Normal file
View File

0
error/5xx.html → error/5xx.php Executable file → Normal file
View File

BIN
img/helix(1).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 872 KiB

19
img/helix.png Normal file
View File

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>404 Error</title>
<link rel="stylesheet" href="/style/style.css" />
<link rel="icon" type="image/gif" href="/res/site/icons/cat.gif" />
</head>
<body>
<header class="page-header" role="banner">
<h1 class="project-name">404 Error</h1>
<h2 class="project-tagline">Requested page diverges.</h2>
<a href="/" class="btn">Home</a>
</header>
</body>
</html>

BIN
img/logo_arch_linux_167.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
img/tux.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 156 KiB

129
index.html Executable file → Normal file
View File

@ -1,69 +1,70 @@
<!DOCTYPE html>
<!doctype html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="Kankys Matrix" content="Kankys personal site." />
<title>Kankys v Matrixu</title>
<link rel="stylesheet" type="text/css" href="./style/alt.style.css" />
<link
rel="stylesheet"
href="./res/site/fonts/DarkNewRoman/stylesheet.css"
type="text/css"
/>
<link rel="icon" type="image/x-icon" href="./res/site/icons/favicon.ico" />
<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"
/>
</head>
<body>
<header class="page-header" role="banner">
<h1 class="project-name" style="font-family: DarkNewRoman">
Kankysův Matrix
</h1>
<h2 class="project-tagline">Vítám tě zde! Na mém rozcestníku.</h2>
</header>
<div class="main-content">
<nav>
<a href="./index/socials/" class="btn">Socials</a>
<a href="https://lukan.cz" target="_blank" class="btn">Blog</a>
<a href="index/project/zivotopis/zivotopis.html" target="_blank" class="btn">Životopis</a>
<!-- <a href="./index/games/" class="btn">Games</a> -->
<a href="https://publish.obsidian.md/kankys-note/" target="_blank" class="btn">Digital Garden</a>
<a href="./index/about/" class="btn">O mně</a>
</nav>
<nav>
<a href="index/repository/index.html" class="btn">Repositáře</a>
<a href="./index/project/" class="btn">Projekty</a>
<a href="https://testing-docs.cz/" target="_blank" class="btn">Testing Docs CZ</a>
<!-- <a href="./index/apps/" class="btn">Services</a> -->
<!-- <a href="./index/projects/" class="btn">Projects<sup>⨳</sup></a> -->
<!-- <a href="./index/webrings/" class="btn">Webrings<sup>⨳</sup></a> -->
<a href="index/privaci-policy/index.html" class="btn"
> Zásady ochrany osobních údaju</a
>
</nav> <nav>
<a href="https://git.archoslinux.cz/kankys" class="btn" target="_blank"
><i class="fa fa-gitea"></i> Gitea</a
>
<a href="https://www.linkedin.com/in/luk%C3%A1%C5%A1-ka%C5%88ka-b2a0a1a0/" class="btn" target="_blank"
><i class="fa fa-linkedin"></i> LinkedIn</a
>
<a href="https://mastodon.arch-linux.cz/deck/@Kankys" class="btn" target="_blank"
><i class="fa fa-mastodon"></i> Mastodon</a
>
</nav>
</div>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="Kankys Matrix" content="Kankys personal site." />
<title>Kankys v Matrixu</title>
<link rel="stylesheet" type="text/css" href="./style/alt.style.css" />
<link rel="shortcut icon" href="img/logo_arch_linux_167.png" />
<link rel="stylesheet" href="./res/site/fonts/DarkNewRoman/stylesheet.css" type="text/css" />
<link rel="icon" type="image/x-icon" href="./res/site/icons/favicon.ico" />
<!-- Přidá ikony služeb-->
<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" />
<!-- <a rel="me" href="https://mastodon.arch-linux.cz/@Kankys">Mastodon</a>-->
<footer >
Copyright &copy; Lukáš Kaňka 2024
</footer>
</head>
<body>
<header class="page-header" role="banner">
<h1 class="project-name" style="font-family: DarkNewRoman">
Lukáš Kaňka
</h1>
<h2 class="project-tagline">Linux a Opensource nadšenec z této planety</h2>
</header>
<div class="main-content">
<nav>
<a href="./index/socials/index.html" class="btn">Socials</a>
<a href="https://lukan.cz" target="_blank" class="btn">Blog</a>
<a href="index/project/zivotopis/zivotopis.html" target="_blank" class="btn">Životopis</a>
<!-- <a href="./index/games/" class="btn">Games</a> -->
<a href="./index/about/" class="btn">O mně</a>
</nav>
<nav>
<a href="index/services/index.php" class="btn">Nabízím tyto služby</a>
</nav>
<nav>
<a href="index/repository/index.html" class="btn">Repozitáře</a>
<a href="./index/project/index.html" class="btn">Projekty</a>
<a href="./index/tools/" class="btn">Nástroje</a>
<!-- <a href="./index/projects/" class="btn">Projects<sup>⨳</sup></a> -->
<!-- <a href="./index/webrings/" class="btn">Webrings<sup>⨳</sup></a> -->
<a href="index/privaci-policy/index.html" class="btn">
Zásady ochrany osobních údaju</a>
</nav>
<nav>
<a href="https://git.arch-linux.cz/kankys" class="btn" target="_blank"><i class="fa fa-gitea"></i> Gitea</a>
<a href="https://www.linkedin.com/in/luk%C3%A1%C5%A1-ka%C5%88ka-b2a0a1a0/" class="btn" target="_blank"><i
class="fa fa-linkedin"></i> LinkedIn</a>
<a href="https://mastodon.arch-linux.cz/deck/@Kankys" class="btn" target="_blank"><i class="fa fa-mastodon"></i>
Mastodon</a>
</nav>
<nav>
<a href="https://endeavouros.cz/index.php" class="btn" target="_blank"><i class="fa fa-vim"></i>🇨🇿 Česká komunita EndeavourOS 🇨🇿</a>
<a href="https://git.arch-linux.cz/kankys/KankysLinuxWorld" class="btn" target="_blank"><i class="fa fa-vim"></i>KankysLinuxWorld</a>
</div>
<footer>Copyright &copy; Lukáš Kaňka 2024</footer>
</body>
</html>

BIN
index/about/img/sat.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 128 KiB

391
index/about/index.html Executable file → Normal file
View File

@ -1,137 +1,268 @@
<!DOCTYPE html>
<!doctype html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="Kankys Matrix" content="O mně." />
<title>O mně</title>
<link rel="stylesheet" href="../../style/style.css" />
<link
rel="icon"
type="image/x-icon"
href="../../res/site/icons/favicon.ico"
/>
<link
href="//cdn.jsdelivr.net/npm/font-logos@1/assets/font-logos.css"
rel="stylesheet"
/>
</head>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="Kankys Matrix" content="O mně." />
<title>O mně</title>
<link rel="stylesheet" href="../../style/style.css" />
<link rel="shortcut icon" href="img/tux.png" />
<link
rel="icon"
type="image/x-icon"
href="../../res/site/icons/favicon.ico"
/>
<link
href="//cdn.jsdelivr.net/npm/font-logos@1/assets/font-logos.css"
rel="stylesheet"
/>
</head>
<body style="cursor: url(../../res/site/icons/archlinux.png), auto">
<header class="page-header" role="banner">
<h1 class="project-name">O mně</h1>
<!-- <h2 class="project-tagline">The webmaster.</h2> -->
<body style="cursor: url(../../res/site/icons/archlinux.png), auto">
<header class="page-header" role="banner">
<h1 class="project-name">O mně</h1>
<!-- <h2 class="project-tagline">The webmaster.</h2> -->
<a href="../../" class="btn">Domů</a>
</header>
<a href="../../" class="btn">Domů</a>
</header>
<main id="content" class="main-content" role="main">
<h3>O mně</h3>
<main id="content" class="main-content" role="main">
<h3>O mně</h3>
<div class="obsah">
<div class="obsah">
<p>
Jsem IT nadšenec s pozitivním přístupem k životu a vášní pro
technologie, ve kterých se neustále vzdělávám. Absolvoval
jsem kurz testingu a SQL v Acamaru, další kurz byl web
developer u společnosti Engeto. Pracoval jsem na pozici
testera ve společnosti Uniprog a nyní pracuji ve společnosti
Kyndryl na projektu České Spořitelny pro platformu SMART.
Můj životopis najdete pod tímto
<a
href="../project/zivotopis/zivotopis.html"
target="_blank"
>odkazem.</a
>
</p>
<div></div>
<p>
Jsem IT nadšenec s pozitivním přístupem k životu a vášní pro
technologie, ve kterých se neustále vzdělávám. Absolvoval jsem kurz
testingu a SQL v Acamaru. A nyní se i jako tester živím, v budoucnu
bych chtěl být Web Developerem. Můj životopis najdete pod tímto <a href="zivotopis.html" target="_blank"
class="tlacitko">odkazem.</a>
</p>
<div>
<ul class="dot">
<li><strong>Ve volném čase se věnuji:</strong></li>
<li>Svému blogu:<a href="https://lukan.cz"> Lukáš Bloguje.</a></li>
<li>Linuxu, MacOS a Opensource (i si rozumím s Windows :-)).</li>
<li>Seberozvoji v oblasti komunikace a emoční inteligence.</li>
<li>Sportu, který mi dobíjí baterky.</li>
<li>Missing maps pro Lékaře bez hranic.</li>
<li>Mapování v OSM.</li>
</div>
<div>
<ul class="dot">
<li><strong>V osobním životě se snažím vedle komerčních aplikací poznávat a
používat Opensource.</strong></li>
<li>To to jsou opensource aplikace, které používám vedle placených
aplikací a stojí myslím za vyzkoušení:</li>
<li>* Alternativa za OneNote od Microsoftu je aplikace <a href="https://joplinapp.org/" target="_blank"
class="tlacitko">Joplin</a></li>
<li>* Pro cloud a tvorbu dokumentů k Microsoft 365 doporučuji <a href="https://cloud.arch-linux.cz"
target="_blank" class="tlacitko">NextCloud</a></li>
<li>* Pokud potřebuji šifrovat dokumenty nebo jen s někým něco sdílet a
nechci sdílet s NextCloud nebo OneDrive použiji <a href="https://cryptpad.arch-linux.cz/" target="_blank"
class="tlacitko">CryptPad</a></li>
<li>* Náhradu za Jiru může být <a href="https://tasks.archoslinux.cz/" target="_blank"
class="tlacitko">Vikunja</a></li>
<li>* Mimo GitHub svůj kód ukládám na <a href="https://git.archoslinux.cz/" target="_blank"
class="tlacitko">Gitea</a></li>
<li>* Pro tvorbu tohoto blogu vedle VS Code používám <a href="https://brackets.io/" target="_blank"
class="tlacitko">Brackets</a></li>
<li>* Jako RSS čtečku využívám minimalistickou <a href="https://rss.archoslinux.cz/"
class="tlacitko">MiniFlux</a></li>
<li>* Správce hesel může být <a href="https://bitwarden.archoslinux.cz/" target="_blank"
class="tlacitko">Bitwarden</a></li>
<li>* Internetový prohlížeč <a href="https://www.mozilla.org/en-US/firefox/new/" target="_blank"
class="tlacitko">Firefox</a></li>
<li>* E-mail klienta používám <a href="https://www.thunderbird.net/en-US/" target="_blank"
class="tlacitko">Thunderbird</a></li>
<li>* Alternativu k sociální sítím může být <a href="https://mastodon.arch-linux.cz/" terget="_blank"
class="tlacitko">Mastodon</a><a href="https://element.mxchat.cz/" target="blank"
class="tlacitko">Element</a></li>
<li>* Alternativou k Instagramu může být <a href="https://pixelfed.cz" target="_blank"
class="tlacitko">Pixelfed</a></li>
</ul>
</div>
<div>
<ul class="dot">
<li><strong>Kde všude mně najdete: </strong></li>
<li>Můj profil na: <a class="tlacitko" href="https://www.linkedin.com/in/luk%C3%A1%C5%A1-ka%C5%88ka-b2a0a1a0/"
target="_blank">LinkedIn</a></li>
<li>
Můj profil na: <a class="tlacitko" href="https://git.archoslinux.cz/kankys" target="_blank">Gitea ☕</a>
</li>
<li>Můj profil na: <a class="tlacitko" href="https://lukan.cz" target="_blank">Můj druhý blog</a></li>
<li>Můj profil na: <a class="tlacitko" href="https://testing-docs.cz" target="_blank">Má Testing Docs</a></li>
</div>
<div>
<ul class="dot">
<li><strong>Budu velmi vděčný za malý příspěvek na provoz mých projektů:</strong></li>
<li>Přes paypal pomocí QR kódu: </li>
<li><img src="img/qrcode-paypal.png" width="130" alt="Paypal qrcode" /></li>
<li><a href="https://mega.io/?aff=xTR_bIiFjj4" target="_blank">Mega</a> můj Referral programm link na Mega, kde zapoužití získáme oba nějaké ty bonusy. Mega je cloud služba s dobrými ceny, která je pro všechny OS tak i mobilní zařízení. Nabízi galerii fotografií, možnost editovat vaše textové soubory a navíc je vše šyfrováno.</li>
<li>Pár satoshi nebo jiné krypto měny(po dohodě)</li>
<li>Aktivačním kódem na aplikaci k recenzi či článku</li>
<li>Kritikou, radou nebo e-mailem pár slov potěší</li>
<li>Také se můžeme potkat na WordPress pivu v Praze, Frodentisti akcích, PHPkáři akcích nebo jen tak na pivku
a jiné akci.</li>
</ul>
</div>
</div>
<footer class="site-footer">
Copyright &copy; Lukáš Kaňka 2024
</footer>
</main>
</body>
<div>
<ul class="dot">
<li><strong>Ve volném čase se věnuji:</strong></li>
<li>
Svému blogu:<a href="https://lukan.cz">
Lukáš Bloguje.</a
>
</li>
<li>
Spolku Arch Linux CZ, kde jsem členem a pomáhám se
správou webu:
<a href="https://arch-linux.cz" target="_blank"
>Arch Linux CZ</a
>
a dalších webových aplikacích Arch Linux CZ.
</li>
<li>
Linuxu, MacOS a Opensource (i si rozumím s Windows
:-)).
</li>
<li>
Seberozvoji v oblasti komunikace a emoční
inteligence.
</li>
<li>Sportu, který mi dobíjí baterky.</li>
<li>Missing maps pro Lékaře bez hranic.</li>
<li>Mapování v OSM.</li>
</ul>
</div>
<div>
<ul class="dot">
<li>
<strong
>V osobním životě se snažím vedle komerčních
aplikací poznávat a používat Opensource.</strong
>
</li>
<li>
To to jsou opensource aplikace, které používám vedle
placených aplikací a stojí myslím za vyzkoušení:
</li>
<li>
Alternativa za OneNote od Microsoftu je aplikace
<a href="https://joplinapp.org/" target="_blank"
>Joplin</a
>
</li>
<li>
Pro cloud a tvorbu dokumentů k Microsoft 365
doporučuji
<a
href="https://cloud.arch-linux.cz"
target="_blank"
>NextCloud</a
>
</li>
<li>
Pokud potřebuji šifrovat dokumenty nebo jen s někým
něco sdílet a nechci sdílet s NextCloud nebo
OneDrive použiji
<a
href="https://cryptpad.arch-linux.cz/"
target="_blank"
>CryptPad</a
>
</li>
<li>
Náhradu za Jiru může být
<a
href="https://tasks.archoslinux.cz/"
target="_blank"
>Vikunja</a
>
</li>
<li>
Mimo GitHub svůj kód ukládám na
<a
href="https://git.archoslinux.cz/"
target="_blank"
>Gitea</a
>
</li>
<li>
Pro tvorbu tohoto blogu vedle VS Code používám
<a href="https://brackets.io/" target="_blank"
>Brackets</a
>
</li>
<li>
Jako RSS čtečku využívám minimalistickou
<a href="https://rss.archoslinux.cz/">MiniFlux</a>
</li>
<li>
Správce hesel může být
<a
href="https://bitwarden.archoslinux.cz/"
target="_blank"
>Bitwarden</a
>
</li>
<li>
Internetový prohlížeč
<a
href="https://www.mozilla.org/en-US/firefox/new/"
target="_blank"
>Firefox</a
>
</li>
<li>
E-mail klienta používám
<a
href="https://www.thunderbird.net/en-US/"
target="_blank"
>Thunderbird</a
>
</li>
<li>
Alternativu k sociální sítím může být
<a
href="https://mastodon.arch-linux.cz/"
terget="_blank"
>Mastodon</a
><a href="https://element.mxchat.cz/" target="blank"
>Element</a
>
</li>
<li>
Alternativou k Instagramu může být
<a href="https://pixelfed.cz" target="_blank"
>Pixelfed</a
>
</li>
</ul>
</div>
<div>
<ul class="dot">
<li><strong>Kde všude mně najdete: </strong></li>
<li>
Můj profil na:
<a
href="https://git.archoslinux.cz/kankys"
target="_blank"
><i class="fa fa-gitea"></i> Gitea</a
>
</li>
<li>
Můj profil na:
<a
href="https://www.github.com/LukasKanka"
target="_blank"
><i class="fa fa-github"></i> GitHub</a
>
</li>
<li>
Můj profil na:
<a
href="https://www.linkedin.com/in/luk%C3%A1%C5%A1-ka%C5%88ka-b2a0a1a0/"
target="_blank"
><i class="fa fa-linkedin"></i> LinkedIn</a
>
</li>
</ul>
</div>
<div>
<ul class="dot">
<li>
<strong
>Budu velmi vděčný za malý příspěvek na provoz
mých projektů:</strong
>
</li>
<li>Pár satoshi nebo jiné krypto měny(po dohodě)</li>
<li>
Nebo pomocí Lightning technologije na adresu:
<strong>affableshirt47@walletofsatoshi.com</strong>
</li>
<li>či přes QR kód na Lightning:</li>
<li>
<img
src="img/sat.jpeg"
width="130"
alt="Satoshi qrcode"
/>
</li>
<li>Přes paypal pomocí QR kódu:</li>
<li>
<img
src="img/qrcode-paypal.png"
width="130"
alt="Paypal qrcode"
/>
</li>
<li>
Aktivačním kódem na aplikaci k recenzi či článku
</li>
<li>Kritikou, radou nebo e-mailem pár slov potěší</li>
<li>
Také se můžeme potkat na WordPress pivu v Praze,
Frodentisti akcích, PHPkáři akcích nebo jen tak na
pivku a jiné akci.
</li>
</ul>
</div>
</div>
</main>
<footer>Copyright &copy; Lukáš Kaňka 2024</footer>
</body>
</html>

BIN
index/about/zivotopis/image/1702045296079.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 53 KiB

14
index/apollo-nvim/colors.css Normal file
View File

@ -0,0 +1,14 @@
:root {
--dracula-body-bg: #2a232b;
--dracula-color: #f8f8f2;
--dracula-header-bg: #2a232b;
--dracula-scrollToTopBtn-color: #9fea8a;
--dracula-links-color: #f76b00;
--dracula-nav-bg: #2a232b;
--dracula-nav-links-color: #f76b00;
--dracula-h1-color: #e54472;
--dracula-h2-color: #18f700;
--dracula-solid-bg: #2a232b;
--dracula-solid-color: #f76b00;
--dracula-footer-bg: #2a232b;
}

BIN
index/apollo-nvim/img/config.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 160 KiB

BIN
index/apollo-nvim/img/fzf.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 226 KiB

BIN
index/apollo-nvim/img/home.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 113 KiB

BIN
index/apollo-nvim/img/icons8-rocket.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

193
index/apollo-nvim/index.php Normal file
View File

@ -0,0 +1,193 @@
'
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta name="description" content="ApolloNvim svoboda v programování...." />
<meta name="keywords" content="ApolloNvim Distro" />
<meta name="author" content="Kankys" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link rel="shortcut icon" href="img/icons8-rocket.gif" />
<!--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>
<title>ApolloNvim</title>
</head>
<body>
<header>
<h1 class="title">🚀ApolloNvim</h1>
<!-- Terminal - navigation -->
<nav class="navigation">
<ul>
<li><a href="install.php">Instalace</a></li>
<li><a href="plugins.php">Pluginy</a></li>
<li><a href="manuals.php">Návody</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>
<hr />
<!--Začátek sekcí - co h2 sekce + fotogalerie-->
<section class="content" id="welcome">
<section class="welcome">
<h2>Úvod:</h2>
<p>
👉 Neovim setup pro Front-End vývoj postavený na
<a href="https://github.com/neoclide/coc.nvim" target="_blank">Coc</a>.
</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í je primárně 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 stále ve vývoji a postupně se na něm
pracuje.
</p>
<p>
👉 Pro nejlepší zážitek s 🚀 ApolloNvim Distro doporučuji používat
multiplexor
<a href="https://git.archoslinux.cz/kankys/zellij-mySetup" target="_blank">Zellij </a>, ale není to samozřejmě
podmínkou.
</p>
</section>
<section id="advantages">
<h2>Přednosti:</h2>
<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
<a href="https://github.com/neovim/nvim-lspconfig" target="_blank">LSP</a>
v této instalaci využívám
<a href="https://github.com/neoclide/coc.nvim" target="_blank">Coc</a>
pro jeho jednoduchost s minimálními zásahy do konfigurace Coc. LSP se
mi velmi osvědčilo v modálním editoru
<a href="https://helix-editor.com/" target="_blank">Helix-editor</a>
má konfigurace
<a href="https://git.archoslinux.cz/kankys/Helix-frontend-setup" target="_blank">Helixu</a>.
</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 class="photo">
<img class="picture" src="img/home.png" alt="Homescreen" />
<img class="picture1" src="img/config.png" alt="config.vim" />
<img class="picture2" src="img/fzf.png" alt="fzf" />
</section>
<section id="apollo">
<h2>Plán 🚀ApolloNvim:</h2>
<p>
👉 Do budoucna můžete očekávat tyto nové funkce a další novinky:
</p>
<p>
👉 Web na vlastní doméně.
</p>
<p>👉 Instalátor 🚀 ApolloNvim přes odkaz z Gitu.</p>
<p>👉 Nová vlastní uvítací obrazovka.</p>
<p>👉 Nové pluginy.</p>
👉 Návody k pluginům, jak nastavit a jak s nimi pracovat.
</p>
<p>👉 Návody k práci s Neovim.</p>
</section>
<section id="faq">
<h2>Otázky a odpovědi:</h2>
<p>👉 Kolik stojí 🚀 ApolloNvim? -> Nic 🚀 ApolloNvim je zdarma.</p>
</section>
<section id="contact">
<h2>Kontakty:</h2>
<p>
<a href="https://t.me/+o6qcLGlFROJhNzhk" target="_blank">👉 🚀 ApolloNvim Telegram skupina</a>
</p>
<p>
<a href="https://lukaskanka.cz/" target="_blank">👉 Osobní web autora 🚀 ApolloNvim</a>
</p>
<p>
<a href="https://git.archoslinux.cz/kankys" target="_blank">👉 Gitea profil</a>
</p>
<p>
<a href="https://github.com/LukasKanka/" target="_blank">👉 GitHub</a>
</p>
<p>
<a href="https://mastodon.arch-linux.cz/@Kankys" target="_blank" 👉>
Mastodon</a>
</p>
</section>
<section class="login"></section>
<section id="help">
<h2>Podpora:</h2>
<p>
👉 Pokud jakkoliv chcete podpořit nebo se podílet na obsahu a
funkčnosti 🚀 ApolloNvim, prosím budu rád když mi zde napíšete.
</p>
<p>👉 Taky můžete tento projekt podpořit pár Satoshi:</p>
<img class="sat" src="https://lukaskanka.cz/index/about/img/sat.jpeg" alt="Satoshi" />
</section>
<section id="other">
<h2>Další projekty a odkazy:</h2>
<p>
👉 <a href="https://arch-linux.cz/" target="_blank">ArchLinux CZ</a>
</p>
<p>
👉
<a href="https://searxng.cz/" target="_blank">Vyhledávač SearXNG CZ</a>
</p>
<p>
👉
<a href="https://endeavouros.com/" target="_blank">EndeavourOS Linux</a>
</p>
<p>
👉 <a href="https://i3wm.org/" target="_blank">i3 window manager</a>
</p>
</section>
<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>
<script src="script.js"></script>
</body>
</html>
'

303
index/apollo-nvim/install.php Normal file
View File

@ -0,0 +1,303 @@
<!doctype html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta
name="description"
content="ApolloNvim svoboda v programování...."
/>
<meta name="keywords" content="ApolloNvim Distro Instalace" />
<meta name="author" content="Kankys" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0"
/>
<link rel="stylesheet" href="style.css" />
<link rel="shortcut icon" href="img/icons8-rocket.gif" />
<!--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>
<title>ApolloNvim Instalace</title>
</head>
<body>
<header>
<h1 class="title">🚀ApolloNvim Instalace</h1>
<!-- Terminal - navigation -->
<nav class="navigation">
<ul>
<li><a href="index.php">Domů</a></li>
<li>
<a href="plugins.php"
>Pluginy</a
>
</li>
<li>
<a href="manuals.php"
>Návody</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>
<hr />
<section class="content" id="welcome">
<section id="install">
<h2>Instalace a nastavení:</h2>
<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 fórech najdeš odpověď.
</strong>
</p>
<p>
👉 Pokud ještě nemáte nainstalujte si
<a
href="https://neovim.io/"
target="_blank"
>Neovim</a
>.
</p>
<p>
👉 Bude potřeba nainstalovat plug.vim
aby jste mohl/a instalovat rozšíření.
</p>
<p>
👉 Běžte na tuto
<a
href="https://github.com/junegunn/vim-plug"
target="_blank"
>stránku</a
>
pod Installation si najděte svůj
operační systém a zkopírujte odkaz pod
ním do svého terminálu.
</p>
<p>
👉 Nejprve si však zálohujte své
aktuální nastavení Neovim!!!
</p>
<p>👉 Linux & Mac:</p>
<div class="code-box">
<p>/home/user/.config/nvim/init.vim</p>
</div>
<p>Windows:</p>
<div class="code-box">
<p>~\AppData\Local\nvim</p>
</div>
</section>
<section id="node">
<h2>Node.js:</h2>
<p>
👉 Doporučuji mít nainstalovaný
<a
href="https://nodejs.org/en"
href="_blank"
>Node.js</a
>.
</p>
<p>
👉 Dále si v Node.js nainstalujte
<a
href="https://www.npmjs.com/package/live-server"
target="_blank"
>Live-server</a
>
příkazem:
</p>
<div class="code-box">
<p>npm i live-server</p>
</div>
<p>
👉 Ve svém projektu budete moci pouštět
svůj index.html příkazem:
</p>
<div class="code-box">
<p>npx live-server</p>
</div>
<p>
👉 Pro správnou funkčnost LSP si
doinstalujte tyto balíčky:
</p>
<p>
<a
href="https://github.com/microsoft/vscode-html-languageservice"
target="_blank"
>vscode-html-langserver</a
>
</p>
<p>
<a
href="https://github.com/microsoft/vscode-css-languageservice"
target="_blank"
>vscode-css-langserver</a
>
</p>
<p>
<a
href="https://github.com/typescript-language-server/typescript-language-server"
target="_blank"
>typescript-language-server</a
>
</p>
<p>
<a
href="https://github.com/aca/emmet-ls"
target="_blank"
>emmet-ls</a
>
</p>
<p>
<a
href="https://eslint.org/docs/latest/use/getting-started"
target="_blank"
>eslint</a
>
</p>
<p>
<a
href="https://github.com/tailwindlabs/tailwindcss-intellisense/blob/master/packages/tailwindcss-language-server/README.md"
target="_blank"
>vtailwindcss-language-server</a
>
</p>
<p>
<a
href="https://github.com/artempyanykh/marksman"
target="_blank"
>marksman</a
>
</p>
<p>
<a
href="https://github.com/markdoc-extra/markdoc-ls"
target="_blank"
>markdoc-ls</a
>
</p>
</section>
<section id="neovim">
<h2>Neovim:</h2>
<p>
👉 Pro instalaci 🚀 ApolloNvim Distra
stačí stáhnout pouze soubor init.vim s
tohoto
<a
href="https://github.com/LukasKanka/ApolloNvim"
target="_blank"
>repositáře</a
>.
</p>
<p>
👉 Uložte ho do kořenováho adresáře
<strong>~/.. /nvim</strong> dle tvého
OS.
<strong
>Nezapomeňte na zálohu
stávajících souborů</strong
>
</p>
<p>
👉 Neovim pustíte v terminálu příkazem
<strong>nvim</strong>.
</p>
<p>👉 Odklikejte chybová hlášení.</p>
<p>
👉 V Neovimu zadejte do command line
<strong>PlugIns</strong> , tím
nainstalujete všechny pluginy.
Restartujte Neovim.
</p>
<p>
👉 Pokud Vám některý plugin chybí,
můžete ho lehce doinstalovat nebo naopak
odinstalovat pomocí
<strong>plug.vim</strong>. Více
informací najdete na GitHubu
<a
href="https://github.com/junegunn/vim-plug"
target="_blank"
>plug.vim</a
>
nebo velmi rád poradím viz. o nás.
</p>
<p>
👉 Pokud některý plugin nechcete
používat stačí v souboru
<strong>init.vim</strong> ho
zakomentovat pomocí dvojitých uvozovek
<strong>"</strong>.
</p>
<p>
👉 Do command line ještě zadejte Coc
příkaz pro doinstalování zbylých
pluginů:
</p>
<div class="code-box">
<p>
CocInstall coc-todolist
coc-tailwindcss coc-json
coc-html-css-support coc-html
coc-emmet coc-xml coc-tsserver
coc-lsp-wl coc-lit-html
coc-htmldjango coc-css
coc-markdown-preview-enhanced
coc-markdownlint
</p>
</div>
<p>
👉 A ještě jednou restartujte Neovim a
vše máte připravené.
</p>
<p>
👉 Tuto konfiguraci používám na Linuxu i
MacOS. Je ozkoušena i na Windows 11.
</p>
</section>
<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>
<script src="script.js"></script>
</body>
</html>

301
index/apollo-nvim/manuals.php Normal file
View File

@ -0,0 +1,301 @@
<!doctype html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta
name="description"
content="ApolloNvim svoboda v programování...."
/>
<meta name="keywords" content="ApolloNvim Distro Návody" />
<meta name="author" content="Kankys" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0"
/>
<link rel="stylesheet" href="style.css" />
<link rel="shortcut icon" href="img/icons8-rocket.gif" />
<!--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>
<title>ApolloNvim Návody</title>
</head>
<body>
<header>
<h1 class="title">🚀ApolloNvim Návody</h1>
<!-- Terminal - navigation -->
<nav class="navigation">
<ul>
<li><a href="index.php">Domů</a></li>
<li>
<a href="install.php"
>Instalace</a
>
</li>
<li>
<a href="plugins.php"
>Pluginy</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>
<hr />
<!--Začátek sekcí - co h2 sekce + fotogalerie-->
<section class="content" id="welcome">
<p>
<strong
>Vždy se podívej před Instalací na
Githubu, na zdroj. 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
dokumntace,napiš nebo fórech najdeš
odpověď.</strong
>
</p>
<section class="list">
<ul>
<li>
<a href="#plug-vim"
>Jak nainstalovat
plug.vim do Neovim</a
>
</li>
<li>
<a href="#codeium"
>Jak nainstalovat
Codeium do Neovim</a
>
</li>
</ul>
</section>
<section id="plug-vim" class="plug-vim">
<h2 class="h2-install">
Jak nainstalovat vim.plug do Neovim
</h2>
<p>
Nejprve si však zálohujte své aktuální
nastavení Neovim!!!
</p>
<p>Linux & Mac:</p>
<div class="code-box">
<p>/home/user/.config/nvim/init.vim</p>
</div>
<p>Windows:</p>
<div class="code-box">
<p>~\AppData\Local\nvim</p>
</div>
<p>
Běžte na tuto
<a
href="https://github.com/junegunn/vim-plug"
target="_blank"
>stránku</a
>
pod Installation si najděte svůj
operační systém a zkopírujte odkaz pod
ním do svého terminálu a pomocí Enter
nainstalujete vim.plug.
</p>
<p>Na Linuxu a macOS to bude tento příkaz:</p>
<div class="code-box">
<p>
sh -c 'curl -fLo
"${XDG_DATA_HOME:-$HOME/.local/share}"/nvim/site/autoload/plug.vim
--create-dirs \
https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim'
</p>
</div>
<p>
Pro Windows příkaz najdete na
odkazovaném webu výšše.
</p>
<!--<div class="code-box">-->
<!--<p>-->
<!--<LeftMouse>iwr -useb https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim |`-->
<!--ni "$(@($env:XDG_DATA_HOME, $env:LOCALAPPDATA)[$null -eq-->
<!--$env:XDG_DATA_HOME])/nvim-data/site/autoload/plug.vim" -Force-->
<!--</p>-->
<!--</div>-->
<p>
Dále si otevřeme soubor init.vim a pokud
ho nemáme tak si ho vytvoříme zde:
</p>
<p>Linux & Mac:</p>
<div class="code-box">
<p>/home/user/.config/nvim/init.vim</p>
</div>
<p>Windows:</p>
<div class="code-box">
<p>~\AppData\Local\nvim</p>
</div>
<p>
A do něj vložíme a následně uložíme
tento kód:
</p>
<div class="code-box">
<p>
call plug#begin(has('nvim') ?
stdpath('data') . '/plugged' :
'~/.vim/plugged')
</p>
<br />
<p>
# Jsem budeš v budoucnu vkládat
pluginy. Začínající PLug a
adresa ke stažení
</p>
<br />
<p>call plug#end()</p>
</div>
<p>
A příkazem Nvim v terminálu spustíme
Neovim. Pokud vám vyskočí chybové
hlášení jen ho odklikněte.
</p>
<p>
Pomocí <code>Ctrl + :</code> se
dostanete do příkazového řádku a tam
napíšete <code>PlugInstall</code>
</p>
<p>
A restartujeme Neovim. Příkazem
<code>Ctrl + :</code> do príkazového
řádku napíšete <code>q</code> a
restartujeme Neovim.
</p>
<p>
Takto pokaždé když si přidáte do
init.vim pluginy, příkazem
<code>PlugInstall</code> je
nainstalujete a restartujeme Neovim.
</p>
<p>
Zdroj na
<a
href="https://github.com/junegunn/vim-plug"
target="_blank"
>GitHub</a
>
</p>
</section>
<section id="codeium" class="codeium">
ï
<h2 class="h2-install">
Jak nainstalovat Codeium do Neovim
</h2>
<p>
<a
href="https: //codeium.com"
target="_blank"
>Codeium</a
>
je alternativou k
<a
href="https://github.com/features/copilothttps://github.com/features/copilot"
target="_blank"
>GitHub Copilot</a
>
s tím, že pro jednotlivce je zdarma.
Codeium hodnotím velmi pozitivně a
Copilotu se vyrovná.
</p>
<p>
Instalace pomocí plug.vim je jednoduchá,
stačí pouze upravit svůj
<code>init.vim</code>
</p>
<p>Vložíme do něj:</p>
<div class="code-box">
<p>
" Free AI codium <br />
Plug 'Exafunction/codeium.vim',
{ 'branch': 'main' }
</p>
</div>
<p>
Výsledný <code>init.vim</code> bude
vypadat takto:
</p>
<div class="code-box">
<p>
call plug#begin(has('nvim') ?
stdpath('data') . '/plugged' :
'~/.vim/plugged') <br />
" Free AI codium <br />
Plug 'Exafunction/codeium.vim',
{ 'branch': 'main' } <br />
call plug#end()
</p>
</div>
<p>
A restartujeme Neovim. Příkazem
<code>Ctrl + :</code> do príkazového
řádku napíšete <code>q</code> a
restartujeme Neovim.
</p>
<p>
Po restartu provedeme
<code>PlugInstall</code> a ještě jednou
restartujeme Neovim.
</p>
<p>
Poslední krok bude konfigurace Codeium,
příkazem <code>CodeiumEnable</code> do
command line.
</p>
<p>
Codium vás vyzve k propojení API se
serverem Codium.
</p>
<p>A vše by Vám mělo fungovat.</p>
<p>
Zdroj na
<a
href="https://github.com/Exafunction/codeium.vim"
target="_blank"
>GitHub</a
>
</p>
</section>
<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>
<script src="script.js"></script>
</body>
</html>

136
index/apollo-nvim/plugins.php Normal file
View File

@ -0,0 +1,136 @@
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta name="description" content="ApolloNvim svoboda v programování...." />
<meta name="keywords" content="ApolloNvim Distro Pluginy" />
<meta name="author" content="Kankys" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link rel="shortcut icon" href="img/icons8-rocket.gif" />
<!--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>
<title>ApolloNvim Pluginy</title>
</head>
<body>
<header>
<h1 class="title">🚀ApolloNvim Pluginy</h1>
<!-- Terminal - navigation -->
<nav class="navigation">
<ul>
<li><a href="index.php">Domů</a></li>
<li><a href="install.php">Instalace</a></li>
<li><a href="manuals.php">Návody</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>
<hr />
<!--Začátek sekcí - co h2 sekce + fotogalerie-->
<section class="content" id="welcome">
<section id="plugin">
<h2>Výběr pluginu v Lite Web 🚀 ApolloNvim Distro 2024</h2>
<p>
👉
<a href="https://github.com/m4xshen/autoclose.nvim" target="_blank">Autoclosetag</a>
nástroj pro uzavírání všech typů závorek a tagů.
</p>
<p>
👉
<a href="https://github.com/valsorym/scrooloose-nerdtree" target="_blank">NERDTree</a>
vytvoří ti stromový postranní panel.
</p>
<p>
👉
<a href="https://github.com/neoclide/coc.nvim" target="_blank">Coc</a>
manager pro instalování doplňků do Neovim.
</p>
<p>
👉
<a href="https://github.com/Exafunction/codeium.vim" target="_blank">Codeium</a>
alternativa k GitHub Copilot, který si případně lehce také můžete
doinstalovat.
</p>
<p>
👉
<a href="https://github.com/mhinz/vim-startify" target="_blank">Startify</a>
alternativní uvítací obrazovka s pokaždé jiným IT mottem. Nemusí
fungovat s některými terminály či NERDTree nastaveným spuštěním po
startu.
</p
<p>
👉
<a href="https://github.com/preservim/nerdcommenter" target="_blank">NERD Commenter</a>
plugin pro zakomentování a odkomentování kódu. Zde ho máme nastaven
na
<strong>Ctrl + k</strong>.
</p>
<p>
👉
<a href="https://wakatime.com/neovim" target="_blank">Wakatime</a>
služba která je schopna měřit kolik času jste trávily při kódování
na pc a i na kterém projektu. Služba se jednoduše propojí přes API.
WakaTime najdeš
<a href="https://wakatime.com/" target="_blank">zde</a>.
</p>
<p>
👉
<a href="https://github.com/junegunn/fzf.vim" target="_blank">fzf.vim</a>
asynchronií vyhledávač souboru v projektu. Pro mnohé je toto
vyhledávaní rychlejší než klasické stromové, chce to trochu času.
Ale jak se dostane pod kůži vše ostatní Vám už přijde pomalé.
</p>
<p>
👉
<a href="https://github.com/Pocco81/auto-save.nvim" target="_blank">Auto-save</a>
plugin pro automatické ukládání vašich souboru.
</p>
</section>
<section id="coc">
<h2>Coc extensions pro front-end:</h2>
<p>👉 coc-todolist</p>
<p>👉 coc-tailwindcss</p>
<p>👉 coc-json</p>
<p>👉 coc-html-css-support</p>
<p>👉 coc-html</p>
<p>👉 coc-emmet</p>
<p>👉 coc-xml</p>
<p>👉 coc-tsserver</p>
<p>👉 coc-lsp-wl</p>
<p>👉 coc-lit-html</p>
<p>👉 coc-htmldjango</p>
<p>👉 coc-css</p>
<p>👉 coc-markdown-preview-enhanced</p>
<p>👉 coc-markdownlint</p>
<p>👉 coc-eslint</p>
</section>
<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>
<script src="script.js"></script>
</body>
</html>

59
index/apollo-nvim/sablona.txt Normal file
View File

@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta name="description" content="ApolloNvim svoboda v programování...." />
<meta name="keywords" content="ApolloNvim Distro" />
<meta name="author" content="Kankys" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link rel="shortcut icon" href="img/icons8-rocket.gif" />
<!--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>
<title>ApolloNvim</title>
</head>
<body>
<header>
<h1 class="title">🚀ApolloNvim</h1>
<!-- Terminal - navigation -->
<nav class="navigation">
<ul>
<li><a href="index.html">Domů</a></li>
<li><a href="install.html">Instalace</a></li>
<li><a href="#contact">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>
<hr />
<!--Začátek sekcí - co h2 sekce + fotogalerie-->
<section class="content" id="welcome">
<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>
<script src="script.js"></script>
</body>
</html>

149
index/apollo-nvim/script.js Normal file
View File

@ -0,0 +1,149 @@
//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[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";
}
});
// Dark / Light Mode
/*
const body = document.querySelector("body");
const head = document.querySelector("header");
const links = document.querySelectorAll("a");
const nav = document.querySelector(".navigation");
const h1 = document.querySelector("h1");
const nadpish2 = document.querySelectorAll("h2");
const p = document.querySelector("p");
const solid = document.querySelector(".fa-solid");
const solid1 = document.querySelector(".menu-icon");
const footer = document.querySelector("footer");
const gotop = document.querySelector("#scrollToTopBtn");
const theme = document.querySelector("#toggleButton");
const box = document.querySelectorAll(".code-box");
let isDraculaMode = false;
// Funkce pro nastavení stylů pro Dracula mód
function setDraculaStyles() {
body.style.backgroundColor = "#2a232b";
body.style.color = "#f8f8f2";
head.style.backgroundColor = "#2a232b";
theme.style.color = "#e7efa7";
gotop.style.color = "#e7efa7";
links.forEach((a) => {
a.style.color = "#f76b00";
});
nav.style.backgroundColor = "#2a232b";
h1.style.color = "#e54472";
nadpish2.forEach((h2) => {
h2.style.color = "#18f700";
});
solid.style.backgroundColor = "#2a232b";
solid.style.color = "#f76b00";
solid1.style.backgroundColor = "#2a232b";
footer.style.backgroundColor = "#2a232b";
//gotop.style.backgroundColor = "#18f700";
//theme.style.backgroundColor = "#18f700";
}
// Funkce pro nastavení stylů pro Light mód;
function setLightStyles() {
body.style.backgroundColor = "#e7efa7";
body.style.color = "#282a36";
theme.style.color = "#2a232b";
gotop.style.color = "#2a232b";
head.style.backgroundColor = "#e7efa7";
nav.style.backgroundColor = "#e7efa7";
solid.style.backgroundColor = "#e7efa7";
solid1.style.backgroundColor = "#e7efa7";
footer.style.backgroundColor = "#e7efa7";
nadpish2.forEach((h2) => {
h2.style.color = "#c627d8";
});
//gotop.style.backgroundColor = "#a7e6ef";
//theme.style.backgroundColor = "#a7e6ef";
box.forEach((p) => {
p.style.color = "white";
});
}
// Funkce pro přepnutí módu
function toggleMode() {
if (isDraculaMode) {
// Pokud je momentálně v Dracula modu, přepnout na Light mód
setLightStyles();
isDraculaMode = false;
} else {
// Pokud je momentálně v Light modu, přepnout na Dracula mód
setDraculaStyles();
isDraculaMode = true;
}
}
// Funkce na změnu stylů
document.getElementById("toggleButton").addEventListener("click", toggleMode);
// Nastavení - výchozí styl na Dark
setDraculaStyles();
isDraculaMode = true;
*/
// Photo Gallery -> section (zoom)
const image1 = document.querySelector(".picture");
image1.addEventListener("mouseenter", () => {
image1.style.transform = "scale(2.2)";
});
image1.addEventListener("mouseleave", () => {
image1.style.transform = "scale(1)";
});
const image2 = document.querySelector(".picture1");
image2.addEventListener("mouseenter", () => {
image2.style.transform = "scale(2.2)";
});
image2.addEventListener("mouseleave", () => {
image2.style.transform = "scale(1)";
});
const image3 = document.querySelector(".picture2");
image3.addEventListener("mouseenter", () => {
image3.style.transform = "scale(2.2)";
});
image3.addEventListener("mouseleave", () => {
image3.style.transform = "scale(1)";
});
// 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
}

239
index/apollo-nvim/style.css Normal file
View File

@ -0,0 +1,239 @@
@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("colors.css");
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
max-width: 1000px;
margin: 0 auto;
font-family: "Ubuntu", sans-serif;
background-color: var(--dracula-body-bg);
color: var(--dracula-color);
}
/*Header */
h1 {
padding-left: 8px;
}
header {
margin-top: 25px;
display: flex;
align-items: center;
height: 70px;
flex-direction: row;
/*position: fixed;*/
background-color: var(--dracula-header-bg);
}
a {
color: var(--dracula-links-color);
}
.title {
padding-top: 25px;
}
.title {
flex-grow: 1;
display: flex;
}
/* navigation */
nav {
margin-right: 30px;
}
nav li {
display: inline-block;
list-style-type: none;
margin-right: 20px;
}
nav li a {
text-decoration: none;
color: var(--dracula-nav-links-color);
}
.navigation {
background-color: var(--dracula-nav-bg);
}
h1 {
color: var(--dracula-h1-color);
}
h2 {
color: var(--dracula-h2-color);
}
.fa-solid {
background-color: var(--dracula-solid-bg);
color: var(--dracula-solid-color);
}
/* 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;
}
}
/* Sekce */
.content {
text-align: center;
}
#welcome {
padding-top: 50px;
padding-bottom: 50px;
}
#install {
padding-top: 50px;
}
#node {
padding-top: 50px;
padding-bottom: 50px;
}
#apollo {
padding-top: 50px;
padding-bottom: 50px;
}
#coc {
padding-top: 50px;
padding-bottom: 50px;
}
#contact {
padding-top: 50px;
padding-bottom: 50px;
}
#plugin {
padding-top: 50px;
}
#other {
padding-top: 50px;
}
/*Code box*/
.code-box {
background-color: #353535;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
font-family: monospace;
max-width: 500px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
}
/*Picture settings*/
.sat {
width: 175px;
height: 175px;
}
.photo {
text-align: center;
padding-top: 50px;
}
.photo img {
width: 300px;
height: 200px;
margin: 10px;
transition: all 0.5s linear;
}
/*footer pevná pozice*/
footer {
bottom: 0;
margin-bottom: 10px;
margin-left: 25px;
margin-top: 20px;
}
footer a {
text-decoration: none;
}
#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;
color: var(--dracula-scrollToTopBtn-color);
}
/* Styl pro ikonu */
#scrollToTopBtn i {
font-size: 34px;
}
/*Instalace*/
.list ul {
list-style-type: none;
}
.list {
padding-top: 50px;
padding-bottom: 50px;
}
#plug-vim {
padding-top: 50px;
padding-bottom: 50px;
}
.h2-install {
padding-bottom: 15px;
}

0
index/games/fractal/index.html → index/games/fractal/index.php Executable file → Normal file
View File

0
index/games/fractal/script/starter-template.js Executable file → Normal file
View File

0
index/games/fractal/script/xaos.js Executable file → Normal file
View File

0
index/games/fractal/style.css Executable file → Normal file
View File

0
index/games/index.html → index/games/index.php Executable file → Normal file
View File

0
index/games/rps/index.html Executable file → Normal file
View File

0
index/games/rps/script/script.js Executable file → Normal file
View File

BIN
index/kakoune/img/command.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

BIN
index/kakoune/img/config.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 275 KiB

BIN
index/kakoune/img/home.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 160 KiB

BIN
index/kakoune/img/icons8-rocket.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
index/kakoune/img/kakoune_logo_full.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

298
index/kakoune/index.index Normal file
View File

@ -0,0 +1,298 @@
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta name="description" content="Kakoune svoboda v programování...." />
<meta name="keywords" content="Kakoune fun-page" />
<meta name="author" content="Kankys" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link rel="shortcut icon" href="img/kakoune_logo_full.png" />
<!--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>
<title>Kakoune Czech Community</title>
</head>
<body>
<header>
<div class="logo">
<link rel="stylesheet" href="style.css" />
<img src="img/kakoune_logo_full.png" alt="" />
<h1 class="title">Kakoune Czech Community</h1>
</div>
<!-- Kakoune - navigation -->
<nav class="navigation">
<ul>
<li><a href="#install">Instalace</a></li>
<li><a href="#kakoune">Kakoune</a></li>
<li><a href="#contact">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>
<hr />
<button id="toggleButton"><i class="fas fa-adjust"></i></button>
<div class="test">1</div>
<!--Začátek sekcí - co h2 sekce + fotogalerie-->
<section class="content" id="welcome">
<section class="welcome">
<h2>Úvod:</h2>
<p>
👉 Kakoune Front-End Power postavený na
<a href="https://github.com/kakoune-lsp/kakoune-lsp" target="_blank">LSP</a>.
</p>
<p>
👉 <a href="http://kakoune.org/">Kakoune</a> je modální editor pro
<a href="http://www.linux.cz/" target="_blank">Linux</a> a
<a href="https://cs.wikipedia.org/wiki/MacOS" target="_blank">macOS</a>
jako je třeba
<a href="https://www.vim.org/" target="_blank">Vim</a> či
<a href="https://neovim.io/" target="_blank">Neovim</a>. . Z Kakoune
vychází také jeden velmi oblíbený modální editor
<a href="https://helix-editor.com/" target="_blank">Helix-editor</a>.
Jak Kakoune, tak Helix se od Vim a Neovim liší v ovládání, kde je opačná
logika příkazu a je bližší lidské řeči. Nespornou výhodou Kakoune je
oproti Helixu možnost rozšířit aplikaci o pluginy. Proto je
Kakoune vhodný pro zkušenější uživatele. Náš web by Ti měl pomoct s
prvotním nastavením. Pokud si i tak na tento editor netroufáš, Helix je skvělá náhrada.
</p>
<p>
👉 Tato distribuce nefunguje tak, že jen klikneš na tlačítko a nainstaluje
se. Vede Tě k samostatné instalaci pomocí tohoto webu. Cílem je
pochopit, jak Kakoune funguje, abyste si mohli sami vše modifikovat.
</p>
<p>
👉 Toto nastavení je primárně pro vývoj webu, ale není problém si vše
přizpůsobit. Inspiroval jsem se pluginy, které jsem využíval ve VSCode a
Webstorm.
</p>
<p>👉 Velký důraz je kladen na rychlost a lehkost.</p>
<p>👉 Tento blog je stále ve vývoji a postupně se na něm pracuje.</p>
<p>
👉 Pro nejlepší zážitek s Kakoune doporučuji používat multiplexor
<a href="https://git.archoslinux.cz/kankys/zellij-mySetup" target="_blank">Zellij </a>, ale není to samozřejmě
podmínkou.
</p>
</section>
<section id="advantages">
<h2>Přednosti:</h2>
<p>
👉 Hlavní předností tohoto nastavení jsou AutoSave,
doplň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 Kakoune.
</p>
<p>
👉 LSP se
mi velmi osvědčilo v modálním editoru
<a href="https://helix-editor.com/" target="_blank">Helix-editor</a>.
Mou konfiguraci Helixu najdete
<a href="https://git.archoslinux.cz/kankys/Helix-frontend-setup" target="_blank">zde</a>.
</p>
<p>
👉 Ta nejlepší témata v Kakoune nemusíš hledat, najdeš je po instalaci. Defaultně je
v naší konfiguraci nastaveno gruvbox-dark.
</p>
<p>
👉 Témá v Kakoune si jednoduše změníš v command line příkazem
`colorscheme` a tlačítkem Tab se budeš přepínat mezi jednotlivými
tématy. Command mode, česky příkazový mód, vyvoláš zkratkou <strong>Ctrl + :</strong> .
</p>
</section>
<section class="photo">
<img class="picture" src="img/home.png" alt="Homescreen" />
<img class="picture1" src="img/config.png" alt="Zellij" />
<img class="picture2" src="img/command.png" alt="Command" />
</section>
<section id="install">
<h2>Instalace a nastavení:</h2>
<p>
👉 Pokud ještě nemáš, nainstaluj si,
<a href="" http://kakoune.org/ target="_blank">Kakoune</a>.
</p>
<p>👉 Nejprve si zálohuj své aktuální nastavení Kakoune!!!</p>
<p>👉 Linux & Mac:</p>
<div class="code-box">
<p>~/.config/kak/kakrc</p>
</div>
<p>👉 Aby Kakoune dobře komunikoval s LSP, je potřeba mít nainstalovaný <a href="https://www.rust-lang.org/"
target="_blank">Rust</a>. </p>
</section>
<section id="node">
<h2>Node.js:</h2>
<p>
👉 Doporučuji mít nainstalovaný
<a href="https://nodejs.org/en" href="_blank">Node.js</a>.
</p>
<p>👉 Pro správnou funkčnost LSP si doinstaluj tyto balíčky:</p>
<p><a href="https://github.com/microsoft/vscode-html-languageservice">vscode-html-language-server</a></p>
<p><a href="https://github.com/microsoft/vscode-css-languageservice">vscode-css-language-server</a></p>
<p><a
href="https://github.com/typescript-language-server/typescript-language-server">typescript-language-server</a>
</p>
<p><a href="https://github.com/aca/emmet-ls">emmet-ls</a></p>
<p><a
href="https://github.com/tailwindlabs/tailwindcss-intellisense/blob/master/packages/tailwindcss-language-server/README.md">tailwindcss-language-server</a>
</p>
<p><a href="https://github.com/artempyanykh/marksman">marksman</a></p>
<p><a href="https://github.com/markdoc-extra/markdoc-ls">markdoc-ls</a></p>
<p>👉 A také si doinstaluj tento server pro správnou funkčnost HTML v LSP příkazem: </p>
<div class="code-box">
<p>npm install -g vscode-{html,css,json}-languageserver-bin</p>
</div>
<p>
👉 Dále si v Node.js nainstaluj
<a href="https://www.npmjs.com/package/live-server" target="_blank">Live-server</a>.
</p>
<p>
👉 Platí v případě, že chceš dělat front-end nebo programuješ v
Javascriptu.
</p>
<p>👉 Ve svém projektu budeš moci pouštět index.html příkazem:</p>
<div class="code-box">
<p>npx live-server</p>
</div>
<p> 👉 Všechny servery, co si můžeš pomocí LSP nainstalovat, najdeš <a
href="https://github.com/kakoune-lsp/kakoune-lsp/wiki/How-to-install-servers" target="_blank">zde</a>. </p>
</section>
<section id="kakoune">
<h2>Kakoune:</h2>
<p>
👉 Pro instalaci Kakoune Front-End Power Ti stačí stáhnout pouze soubor
<strong>kakrc</strong> z tohoto <a href="https://git.archoslinux.cz/kankys/Kakoune-modal-editor-config"
target="_blank">repozitáře</a> .
</p>
<p>
👉 Ulož ho do kořenováho adresáře <strong>~/.config/kak/</strong>. <strong>Nezapomeň na zálohu stávajících
souborů, pokud máš i své configy.</strong>
</p>
<p>👉 Kakoune pustíš v terminálu příkazem <strong>kak</strong>.</p>
<p>
👉 V Kakoune zadej do command line <strong>plug-install</strong>, tím
nainstaluješ všechny pluginy. Restartuj Kakoune.
</p>
<p>
👉 Pokud Ti některý plugin chybí, můžeš ho lehce doinstalovat nebo
naopak odinstalovat. Více informací
najdeš v Kakoune
<a href="https://github.com/mawww/kakoune#3-basic-interaction" target="_blank">dokumentaci</a>
nebo velmi Ti rád poradím viz. <a href="#contact">Kontakty</a>.
</p>
<p>
👉 Pokud některý plugin nechceš používat, stačí ho v souboru
<strong>kakrc</strong> zakomentovat pomocí hastagu
<strong>#</strong>.
</p>
<p>
👉 Tuto konfiguraci používám na Linuxu i macOS. </p>
</section>
<section id="plans">
<h2>Plán Kakoune Front-End Power:</h2>
<p>
👉 Do budoucna můžeš očekávat tyto nové funkce a další novinky:
</p>
<p>
👉 Web na vlastní doméně. Zatím Kakoune Front-End Power najdeš
<a href="https://lukaskanka.cz/kakoune/index.php" target="_blank">zde</a>.
</p>
<p>👉 Nové pluginy.</p>
<p>
👉 Návody k pluginům, jak nastavit a jak s nimi pracovat.
</p>
<p>👉 Návody k práci s Kakoune.</p>
</section>
<section id="plugin">
<h2>Výběr pluginu v Kakoune Front-End Power:</h2>
<p>
👉 <strong>plug.kak</strong> nejduležitější plugin, aby bylo možné instalovat další pluginy.</p>
<p>
👉 <strong>kakoune-lsp</strong>
</p>
<p>
👉 <strong>luar</strong> rozšíří možnost instalovat pluginy napsané v jazyce Lua. </p>
<p>
👉 <strong>byline.kak</strong> vybere celý řádek pomocí klávesy <strong>x</strong> jako v Helix-editoru. </p>
<p>
👉 <strong>auto-pairs</strong> automaticky doplní závorky. </p>
<p>
👉 <strong>fzf.kak</strong> rychlé asynchronní vyhledávaní souborů. </p>
</section>
<section id="faq">
<h2>Otázky a odpovědi:</h2>
<p>👉 Kolik Kakoune stojí? -> Nic, Kakoune je zdarma.</p>
</section>
<section id="contact">
<h2>Kontakty:</h2>
<p>
👉 <a href="https://t.me/+RlXM8oEZ8TJkMWVk" target="_blank"> Kakoune community Telegram skupina</a>
</p>
<p>
👉 <a href="https://lukaskanka.cz/" target="_blank"> Osobní web autora</a>
</p>
<p>
👉 <a href="https://git.archoslinux.cz/kankys" target="_blank"> Gitea profil</a>
</p>
<p>
👉 <a href="https://github.com/LukasKanka/" target="_blank"> GitHub</a>
</p>
<p>
👉 <a href="https://nostr.band/npub12xzu8ejrl9cwpd034cqj5jtuztn4mxp3em2frckm9tk28kmy48vqr0u0yu" target="_blank">
Nostr</a>
</p>
<p>
👉 <a href="https://mastodon.arch-linux.cz/@Kankys" target="_blank"> Mastodon</a>
</p>
</section>
<section id="help">
<h2>Podpora:</h2>
<p>
👉 Pokud mě chceš podpořit nebo se podílet na obsahu tohoto webu, budu rád, když mi napíšeš.
</p>
<p>👉 Taky můžeš tento projekt podpořit pár Satoshi:</p>
<img class="sat" src="https://lukaskanka.cz/index/about/img/sat.jpeg" alt="Satoshi" />
</section>
<section id="other">
<h2>Další projekty a odkazy:</h2>
<p>
👉 <a href="https://arch-linux.cz/" target="_blank">ArchLinux CZ</a>
</p>
<p>
👉
<a href="https://searxng.cz/" target="_blank">Vyhledávač SearXNG CZ</a>
</p>
<p>
👉
<a href="https://endeavouros.com/" target="_blank">EndeavourOS Linux</a>
</p>
<p>
👉 <a href="https://i3wm.org/" target="_blank">i3 window manager</a>
</p>
</section>
</section>
<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>
<script src="script.js"></script>
</body>
</html>

153
index/kakoune/script.js Normal file
View File

@ -0,0 +1,153 @@
//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[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";
}
});
// Dark / Light Mode
const body = document.querySelector("body");
const head = document.querySelector("header");
const links = document.querySelectorAll("a");
const nav = document.querySelector(".navigation");
const h1 = document.querySelector("h1");
const nadpish2 = document.querySelectorAll("h2");
const p = document.querySelector("p");
const solid = document.querySelector(".fa-solid");
const solid1 = document.querySelector(".menu-icon");
const footer = document.querySelector("footer");
const gotop = document.querySelector("#scrollToTopBtn");
const theme = document.querySelector("#toggleButton");
const box = document.querySelectorAll(".code-box");
let isDraculaMode = false;
// Funkce pro nastavení stylů pro Dracula mód
function setDraculaStyles() {
body.style.backgroundColor = "#2a232b";
body.style.color = "#f8f8f2";
head.style.backgroundColor = "#2a232b";
theme.style.color = "#9fea8a";
gotop.style.color = "#9fea8a";
links.forEach((a) => {
a.style.color = "#f76b00";
});
nav.style.backgroundColor = "#2a232b";
h1.style.color = "#e54472";
nadpish2.forEach((h2) => {
h2.style.color = "#18f700";
});
solid.style.backgroundColor = "#2a232b";
solid.style.color = "#f76b00";
solid1.style.backgroundColor = "#2a232b";
footer.style.backgroundColor = "#2a232b";
//gotop.style.backgroundColor = "#18f700";
//theme.style.backgroundColor = "#18f700";
}
// Funkce pro nastavení stylů pro Light mód;
function setKakouneStyles() {
body.style.backgroundColor = "#9fea8a";
body.style.color = "#282a36";
h1.style.color = "#e84046";
theme.style.color = "#2a232b";
links.forEach((a) => {
a.style.color = "#ea3838";
});
gotop.style.color = "#2a232b";
head.style.backgroundColor = "#9fea8a";
nav.style.backgroundColor = "#9fea8a";
solid.style.backgroundColor = "#9fea8a";
solid1.style.backgroundColor = "#9fea8a";
footer.style.backgroundColor = "#9fea8a";
nadpish2.forEach((h2) => {
h2.style.color = "#1909f4";
});
//gotop.style.backgroundColor = "#a7e6ef";
//theme.style.backgroundColor = "#a7e6ef";
box.forEach((p) => {
p.style.color = "white";
});
}
// Funkce pro přepnutí módu
function toggleMode() {
if (isDraculaMode) {
// Pokud je momentálně v Dracula modu, přepnout na Light mód
setKakouneStyles();
isDraculaMode = false;
} else {
// Pokud je momentálně v Light modu, přepnout na Dracula mód
setDraculaStyles();
isDraculaMode = true;
}
}
// Funkce na změnu stylů
document.getElementById("toggleButton").addEventListener("click", toggleMode);
// Nastavení - výchozí styl na Dark
setKakouneStyles();
isDraculaMode = true;
// Photo Gallery -> section (zoom)
const image1 = document.querySelector(".picture");
image1.addEventListener("mouseenter", () => {
image1.style.transform = "scale(2.2)";
});
image1.addEventListener("mouseleave", () => {
image1.style.transform = "scale(1)";
});
const image2 = document.querySelector(".picture1");
image2.addEventListener("mouseenter", () => {
image2.style.transform = "scale(2.2)";
});
image2.addEventListener("mouseleave", () => {
image2.style.transform = "scale(1)";
});
const image3 = document.querySelector(".picture2");
image3.addEventListener("mouseenter", () => {
image3.style.transform = "scale(2.2)";
});
image3.addEventListener("mouseleave", () => {
image3.style.transform = "scale(1)";
});
// 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
}

212
index/kakoune/style.css Normal file
View File

@ -0,0 +1,212 @@
* {
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;
}
header {
margin-top: 25px;
display: flex;
align-items: center;
height: 70px;
flex-direction: row;
/*position: fixed;*/
}
.title {
padding-top: 25px;
}
.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;
}
/*Dark/Light mode button*/
#toggleButton {
float: right;
margin-right: 30px;
margin-top: 10px;
padding: 5px;
}
#toggleButton {
bottom: 20px;
right: 20px;
border: none;
outline: none;
background-color: transparent;
font-size: 34px;
cursor: pointer;
}
/*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 */
.content {
text-align: center;
}
.welcome {
padding-top: 115px;
padding-bottom: 50px;
}
#install {
padding-top: 50px;
}
#node {
padding-top: 50px;
padding-bottom: 50px;
}
#plans {
padding-top: 50px;
padding-bottom: 50px;
}
#contact {
padding-top: 50px;
padding-bottom: 50px;
}
#other {
padding-top: 50px;
}
/*Code box*/
.code-box {
background-color: #353535;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
font-family: monospace;
max-width: 400px;
margin: 0 auto;
}
/*Picture settings*/
.sat {
width: 175px;
height: 175px;
}
.photo {
text-align: center;
padding-top: 50px;
}
.photo img {
width: 300px;
height: 200px;
margin: 10px;
transition: all 0.5s linear;
}
/*footer pevná pozice*/
footer {
bottom: 0;
margin-bottom: 10px;
margin-left: 25px;
margin-top: 20px;
}
footer a {
text-decoration: none;
}
#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;
}

292
index/privaci-policy/index.html
View File

@ -1,169 +1,177 @@
<!DOCTYPE html>
<!doctype html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="Kankys Matrix" content="Zásady ochrany osobních údaju." />
<title>Zásady ochrany osobních údaju</title>
<link rel="stylesheet" href="../../style/style.css" />
<link
rel="icon"
type="image/x-icon"
href="../../res/site/icons/favicon.ico"
/>
<link
href="//cdn.jsdelivr.net/npm/font-logos@1/assets/font-logos.css"
rel="stylesheet"
/>
</head>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="Kankys Matrix" content="Zásady ochrany osobních údaju." />
<title>Zásady ochrany osobních údaju</title>
<link rel="stylesheet" href="../../style/style.css" />
<link rel="shortcut icon" href="img/logo_arch_linux_167.png" />
<link
rel="icon"
type="image/x-icon"
href="../../res/site/icons/favicon.ico"
/>
<link
href="//cdn.jsdelivr.net/npm/font-logos@1/assets/font-logos.css"
rel="stylesheet"
/>
</head>
<body style="cursor: url(../../res/site/icons/archlinux.png), auto">
<header class="page-header" role="banner">
<h1 class="project-name">O mně</h1>
<!-- <h2 class="project-tagline">The webmaster.</h2> -->
<body style="cursor: url(../../res/site/icons/archlinux.png), auto">
<header class="page-header" role="banner">
<h1 class="project-name">O mně</h1>
<!-- <h2 class="project-tagline">The webmaster.</h2> -->
<a href="../../" class="btn">Domů</a>
</header>
<a href="../../" class="btn">Domů</a>
</header>
<main id="content" class="main-content" role="main">
<main id="content" class="main-content" role="main">
<p>
<strong> <center>Zásady ochrany osobních údajů</center> </strong
><br />
Naposledy aktualizováno: 28.4.2022
</p>
<p>
<strong>
<center>Zásady ochrany osobních údajů</center> </strong
><br />
Naposledy aktualizováno: 28.4.2022
</p>
<p>
Pokud jste návštěvníkem našeho blogu, odběratelem novinek,
přispěvatelem do komentářů poskytujete nám své osobní údaje. My
vaše údaje zpracováváme a za jejich bezpečnost odpovídáme.
Slibujeme, že vaše <br />údaje dostatečně chráníme a podřizujeme
se požadavkům Nařízení o ochraně osobních údajů (GDPR).
</p>
<p>
Pokud jste návštěvníkem našeho blogu, odběratelem novinek,
přispěvatelem do komentářů poskytujete nám své osobní údaje. My vaše
údaje zpracováváme a za jejich bezpečnost odpovídáme. Slibujeme, že
vaše <br />údaje dostatečně chráníme a podřizujeme se požadavkům
Nařízení o ochraně osobních údajů (GDPR).
</p>
<p>
Neprodáváme žádný produkt, nejste tedy našimi zákazníky, ale
návštěvníky blogu.
</p>
<p>
Neprodáváme žádný produkt, nejste tedy našimi zákazníky, ale
návštěvníky blogu.
</p>
<p>
Správcem vašich osobních údajů je Lukáš (Lucka ani nekouká přes
rameno!)<br />
Správcem osobních údajů je Lukáš Kaňka, který provozuje webové
stránky lukan.cz a lukan.cekuj.net. Lukáš vaše údaje spravuje a
určuje, jak dlouho budou osobní údaje zpracovávány, a za jakým
účelem. Vybírá
<br />také další zpracovatele, které ke zpracování využíváme.
</p>
<p>
Správcem vašich osobních údajů je Lukáš (Lucka ani nekouká přes
rameno!)<br />
Správcem osobních údajů je Lukáš Kaňka, který provozuje webové stránky
lukan.cz a lukan.cekuj.net. Lukáš vaše údaje spravuje a určuje, jak
dlouho budou osobní údaje zpracovávány, a za jakým účelem. Vybírá
<br />také další zpracovatele, které ke zpracování využíváme.
</p>
<p>
<strong>Jaké údaje zpracováváme a proč?</strong><br />
Vaše osobní údaje zpracováváme především proto, abychom vám
mohli poskytovat co nejkvalitnější obsah. Jednotlivé důvody
zpracování:
</p>
<p>
<strong>Jaké údaje zpracováváme a proč?</strong><br />
Vaše osobní údaje zpracováváme především proto, abychom vám mohli
poskytovat co nejkvalitnější obsah. Jednotlivé důvody zpracování:
</p>
<p>
<strong>Předávání osobních údajů třetím osobám.</strong><br />
Vaše údaje zpracovává správce Lukáš Kaňka, s využitím dalších
dvou zpracovatelů, společnosti Endora , jejichž zpracování
spočívá v uchovávání údajů na zabezpečených cloudových
serverech.
</p>
<p>
<strong>Předávání osobních údajů třetím osobám.</strong><br />
Vaše údaje zpracovává správce Lukáš Kaňka, s využitím dalších dvou
zpracovatelů, společnosti Endora , jejichž zpracování spočívá v
uchovávání údajů na zabezpečených cloudových serverech.
</p>
<p>
Abychom mohli měřit, jak se vám na našem blogu líbí, kde trávíte
nejvíce času a kam klikáte, používáme další poskytovatele služeb
pro určité zpracovatelské operace. Jsou to:
</p>
<p>
Abychom mohli měřit, jak se vám na našem blogu líbí, kde trávíte
nejvíce času a kam klikáte, používáme další poskytovatele služeb pro
určité zpracovatelské operace. Jsou to:
</p>
<p>TopList – pomocí měřícího kódu</p>
<p>TopList – pomocí měřícího kódu</p>
<p>
<strong>Jak nás můžete kontaktovat</strong><br />
Ať už na nás máte jakoukoliv otázku nebo požadavek, můžete nás
kontaktovat ne e-mailové adrese: lukas.kanka@lukan.cz.
</p>
<p>
<strong>Jak nás můžete kontaktovat</strong><br />
Ať už na nás máte jakoukoliv otázku nebo požadavek, můžete nás
kontaktovat ne e-mailové adrese: lukas.kanka@lukan.cz.
</p>
<p>
<strong>Předávání vašich dat mimo Evropskou Unii</strong><br />
Vaše data zpracováváme výhradně v Evropské unii nebo v zemích,
které zajišťují odpovídající úroveň ochrany na základě
rozhodnutí Evropské komise.
</p>
<p>
<strong>Předávání vašich dat mimo Evropskou Unii</strong><br />
Vaše data zpracováváme výhradně v Evropské unii nebo v zemích, které
zajišťují odpovídající úroveň ochrany na základě rozhodnutí Evropské
komise.
</p>
<p>
<strong>Zabezpečení a ochrana osobních údajů</strong><br />
Vaše data jsou u nás v bezpečí. Přijali jsme technická opatření,
která zajišťují zabezpečení osobních údajů šifrováním přenosu
dat pomocí HTTPS protokolu (ten zámeček, co je vedle naší URL
adresy ;-)) a<br />
zabezpečili vaše osobní údaje v souladu s čl. 32 GDPR.
</p>
<p>
<strong>Zabezpečení a ochrana osobních údajů</strong><br />
Vaše data jsou u nás v bezpečí. Přijali jsme technická opatření, která
zajišťují zabezpečení osobních údajů šifrováním přenosu dat pomocí
HTTPS protokolu (ten zámeček, co je vedle naší URL adresy ;-)) a<br />
zabezpečili vaše osobní údaje v souladu s čl. 32 GDPR.
</p>
<p>
<strong
>Vaše práva v souvislosti s ochranou osobních údajů:</strong
>
</p>
<p>
<strong>Vaše práva v souvislosti s ochranou osobních údajů:</strong>
</p>
<p>
V souvislosti s ochranou osobních údajů máte řadu práv. Pokud
budete chtít některého z těchto práv využít, prosím, kontaktujte
nás prostřednictvím e-mailu: lukas.kanka@lukan.cz
</p>
<p>
V souvislosti s ochranou osobních údajů máte řadu práv. Pokud budete
chtít některého z těchto práv využít, prosím, kontaktujte nás
prostřednictvím e-mailu: lukas.kanka@lukan.cz
</p>
<p>Máte právo na informace, které si právě teď čtete. 🙂</p>
<p>Máte právo na informace, které si právě teď čtete. 🙂</p>
<p>
Díky právu na přístup nás můžete kdykoli vyzvat a my vám do 30
dnů doložíme, jaké vaše osobní údaje zpracováváme a proč. Pokud
se u vás něco změní nebo shledáte své osobní údaje neaktuální
nebo<br />
neúplné, máte právo na doplnění a změnu osobních údajů.
</p>
<p>
Díky právu na přístup nás můžete kdykoli vyzvat a my vám do 30 dnů
doložíme, jaké vaše osobní údaje zpracováváme a proč. Pokud se u vás
něco změní nebo shledáte své osobní údaje neaktuální nebo<br />
neúplné, máte právo na doplnění a změnu osobních údajů.
</p>
<p>
Právo na omezení zpracování můžete využít, pokud se domníváte,
že zpracováváme vaše nepřesné údaje, domníváte se, že provádíme
zpracování nezákonně, ale nechcete všechny údaje smazat nebo
pokud jste<br />
vznesli námitku proti zpracování. Omezit můžete rozsah osobních
údajů nebo účelů zpracování.
</p>
<p>
Právo na omezení zpracování můžete využít, pokud se domníváte, že
zpracováváme vaše nepřesné údaje, domníváte se, že provádíme
zpracování nezákonně, ale nechcete všechny údaje smazat nebo pokud
jste<br />
vznesli námitku proti zpracování. Omezit můžete rozsah osobních údajů
nebo účelů zpracování.
</p>
<p><strong>Právo na výmaz (být zapomenut)</strong></p>
<p><strong>Právo na výmaz (být zapomenut)</strong></p>
<p>
Vaším dalším právem je právo na výmaz (být zapomenut). Nechceme
na vás zapomenout, ale pokud si to budete přát, máte na to
právo. 😞 V takovém případě vymažeme veškeré vaše osobní údaje
ze svého<br />
systému i ze systému všech dílčích zpracovatelů a záloh. Na
zajištění práva na výmaz potřebujeme 30 dní.
</p>
<p>
Vaším dalším právem je právo na výmaz (být zapomenut). Nechceme na vás
zapomenout, ale pokud si to budete přát, máte na to právo. 😞 V
takovém případě vymažeme veškeré vaše osobní údaje ze svého<br />
systému i ze systému všech dílčích zpracovatelů a záloh. Na zajištění
práva na výmaz potřebujeme 30 dní.
</p>
<p><strong>Stížnost u Úřadu na ochranu osobních údajů</strong></p>
<p><strong>Stížnost u Úřadu na ochranu osobních údajů</strong></p>
<p>
Pokud máte pocit, že s vašimi údaji nezacházíme v souladu se
zákonem, máte právo se se svou stížností kdykoli obrátit na Úřad
pro ochranu osobních údajů. Budeme moc rádi, pokud nejprve
budete o tomto<br />
podezření informovat nás, abychom s tím mohli něco udělat a
případné pochybení napravit.
</p>
<p>
Pokud máte pocit, že s vašimi údaji nezacházíme v souladu se zákonem,
máte právo se se svou stížností kdykoli obrátit na Úřad pro ochranu
osobních údajů. Budeme moc rádi, pokud nejprve budete o tomto<br />
podezření informovat nás, abychom s tím mohli něco udělat a případné
pochybení napravit.
</p>
<p><strong>Mlčenlivost:</strong></p>
<p>
Jsme povinni zachovávat mlčenlivost o osobních údajích a o
bezpečnostních opatřeních, jejichž zveřejnění by ohrozilo
zabezpečení vašich osobních údajů. Tato mlčenlivost přitom trvá
i po skončení<br />
závazkových vztahů s námi. Bez vašeho souhlasu také vaše údaje
žádné jiné třetí straně nevydáme.
</p>
<p><strong>Mlčenlivost:</strong></p>
<p>
Jsme povinni zachovávat mlčenlivost o osobních údajích a o
bezpečnostních opatřeních, jejichž zveřejnění by ohrozilo zabezpečení
vašich osobních údajů. Tato mlčenlivost přitom trvá i po skončení<br />
závazkových vztahů s námi. Bez vašeho souhlasu také vaše údaje žádné
jiné třetí straně nevydáme.
</p>
<p>
Tyto Zásady ochrany osobních údajů nabývají účinnosti 28.4.2022
</p>
<p>Tyto Zásady ochrany osobních údajů nabývají účinnosti 28.4.2022</p>
<footer class="site-footer">
Copyright &copy; Lukáš Kaňka 2024
</footer>
</main>
</body>
<footer class="site-footer">
Copyright &copy; Lukáš Kaňka 2024
</footer>
</main>
</body>
</html>

0
index/project/YourTravelAssistant/cestovatel.html → index/project/YourTravelAssistant/cestovatel.php
View File

BIN
index/project/YourTravelAssistant/images/james-wheeler-ZOA-cqKuJAA-unsplash(1).jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 168 KiB

52
index/project/index.html Executable file → Normal file
View File

@ -12,6 +12,7 @@
type="image/x-icon"
href="../../res/site/icons/favicon.ico"
/>
<link rel="shortcut icon" href="../../img/logo_arch_linux_167.png" />
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script
id="MathJax-script"
@ -28,16 +29,16 @@
</h2>
<a href="../../" class="btn">Home</a>
</header>
<main id="content" class="main-content" role="main">
<div class="flexbox-project">
<!-- <div class="menu-project">
</div>
-->
@ -55,7 +56,7 @@
projekty, které tvořím mimo Akademii.</p>
<p>
Projekty které se netýkají tworby webu, najdete na mém GitHubu přes tento odkaz na <a
href="https://git.archoslinux.cz/kankys">Gitea</a>.
href="https://git.arch-linux.cz/kankys">Gitea</a>.
</p>
<p>
U každého projektu najdete popis a odkaz na něj. Buď na Gitea nebo na stránky, kde je projekt umístěn.
@ -66,7 +67,7 @@
<div class="pr1">
<h2>Projekt 1: Tento Blog</h2>
<p>
Tento projekt je vytvořen mimo Akademii Engeto. Je to můj osobní blog, který postupně vylepšuji.
Je to můj osobní blog, který postupně vylepšuji.
Tato stránka slouží čistě jako má prezentace.</p>
<p>
Postupně jsem přidávám své znolosti z HTML, CSS a také se snažím aby web byl co nejlépe
@ -75,42 +76,25 @@
</div>
<div class="pr2">
<h2>Projekt 2: Životopis</h2>
<p>
Tento projekt je jako první úkol v Akademii.</p>
<p>Zadání bylo vytvořit jednoduchý životpis na procvičení základů HTML a CSS. Později jsem ještě pomocí
CSS nastavil v úkolu responsivní web pro mobilní zařízení.</p>
<h2>Projekt 2: 🇨🇿 Česká komunita EndeavourOS! 🇨🇿 </h2>
<p>Má vášeň pro linux mě přivedla k založení tohoto projektu.</p>
<p>EndeavourOS je Linuxová distribuce vycházející z Arch Linuxu.</p>
</p>
<p>Projekt Životopis najdete <a target="_blank" href="zivotopis/zivotopis.html">zde.</a></p>
</div>
<div class="pr3">
<h2>Projekt 3: Karta produktu</h2>
<p>Karta produktu. Na tomto projektu jsme se naučily pozicování elementu a pojmy jako Margin a Padding.
</p>
<p>Projekt Karta produkdu najdete <a target="_blank" href="kartaProduktu/karta-produktu.html">zde</a></p>
<p>Projekt EndeavourOS CZ najdete <a target="_blank" href="https://endeavouros.cz/">zde.</a></p>
</div>
<!-- <div class="pr3">
<h2>Projekt 3: Blog Lukan</h2>
<div class="pr4">
<h2>Projekt 4: Nature and Culture</h2>
<p>Tento projekt je zaměřen na responsivitu webu pro mobilní zařízení a také jsme použily porvé Flexbox.
</p>
<p>Projekt Nature and Culture najdete <a target="_blank" href="nature/nature-and-culture.html">zde</a></p>
</div> -->
</div>
<div class="pr5">
<h2>Projekt 5: Your Travel Assistant</h2>
<p>Tento projekt je vytvořen mimo Akademii Engeto. Jedná se o stránku pro cestovatele.</p>
<p>Zadání jsme měli jako na reálném projektu a grafické rozložení se dělalo dle Figmi. Tento projekt byl hodnocený a je jeden ze tří projektů k získání certifikátu v Akademii.</p>
<p>Projekt najdeš pod tímto <a target="_blank" href="YourTravelAssistant/cestovatel.html">odkazem</a>. Od finální verze co jsem odevzdal se mírně liší, ještě před odevzdáním jsem vychytával poslední mouchy.</p>
</div>
</div>
</div>
<footer class="site-footer">
Copyright &copy; Lukáš Kaňka 2024
</footer>
</main>
<footer>Copyright &copy; Lukáš Kaňka 2024</footer>
</body>
</html>

BIN
index/project/kartaProduktu/img/psi-hracka(1).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 367 KiB

BIN
index/project/kartaProduktu/img/psi-hracka.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 367 KiB

After

Width:  |  Height:  |  Size: 228 B

0
index/project/kartaProduktu/karta-produktu.html → index/project/kartaProduktu/karta-produktu.php
View File

294
index/project/kartaProduktu/style.karta.css
View File

@ -1,147 +1,147 @@
:root {
--special-yellow: hsl(56, 94%, 49%);
--special-yellow-2: rgb(231, 231, 149);
--special-red-original: red;
--special-red: #db090d;
--special-black: #040303;
--special-white: #f7f7f7;
--special-green: rgb(0, 128, 0);
--special-agua: rgb(8, 126, 126);
--special-pink: palevioletred;
}
.product-card {
position: relative;
width: 450px;
background-color: var(--special-white);
padding: 16px;
font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
border: 6px solid var(--special-black);
/* responzivita */
width: calc(100% - 32px);
max-width: 800px;
margin: auto;
}
.whell {
position: absolute;
}
.product-only {
background-color: var(--special-yellow);
position: absolute;
border-radius: 50%;
width: 120px;
height: 80px;
left: 35px;
top: 60px;
text-align: center;
font-size: 25px;
color: var(--special-white);
font-weight: bold;
padding-top: 50px;
}
.discount-badge {
background-color: var(--special-red);
position: absolute;
border-radius: 50%;
width: 120px;
height: 80px;
left: 35px;
top: 160px;
text-align: center;
font-size: 25px;
color: var(--special-white);
font-weight: bold;
padding-top: 50px;
}
.product-image {
width: 95%;
height: 90%;
}
h1 {
color: var(--special-agua);
}
.button {
color: var(--special-red);
border-style: solid;
text-decoration: none;
padding-right: 6px;
padding-left: 6px;
border-radius: 6px;
background-color: var(--special-yellow-2);
}
.product-price-container {
padding: 8px;
background-color: var(--special-pink);
margin-bottom: 16px;
position: relative;
border-radius: 6px;
top: 15px;
}
.product-price {
font-weight: bold;
font-size: 40px;
display: inline-block;
padding: 8px;
background-color: var(--special-red-original);
border-radius: 6px;
}
.product-price-old {
font-size: 20px;
color: var(--special-white);
text-decoration: line-through;
width: 75px;
background-color: var(--special-yellow);
margin-top: 1px;
margin-bottom: 1px;
padding-left: 35px;
border-radius: 6px;
font-weight: bold;
}
.shopping-button {
color: var(--special-black);
font-weight: bold;
font-size: 30px;
text-decoration: none;
position: absolute;
top: 30px;
right: 30px;
border-radius: 6px;
background-color: var(--special-yellow-2);
padding-left: 5px;
padding-right: 5px;
border-style: solid;
}
.stock {
font-weight: bold;
color: var(--special-green);
font-size: 20px;
padding: 10px;
}
.transport {
padding-left: 135px;
font-size: 20px;
font-weight: bold;
}
.button-container {
margin-top: 10px;
/* margin-bottom: 15px; */
}
/* ˇMobily */
@media screen and (max-width: 600px) {
body {
width: calc(100% - 16px);
}
}
:root {
--special-yellow: hsl(56, 94%, 49%);
--special-yellow-2: rgb(231, 231, 149);
--special-red-original: red;
--special-red: #db090d;
--special-black: #040303;
--special-white: #f7f7f7;
--special-green: rgb(0, 128, 0);
--special-agua: rgb(8, 126, 126);
--special-pink: palevioletred;
}
.product-card {
position: relative;
width: 450px;
background-color: var(--special-white);
padding: 16px;
font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
border: 6px solid var(--special-black);
/* responzivita */
width: calc(100% - 32px);
max-width: 800px;
margin: auto;
}
.whell {
position: absolute;
}
.product-only {
background-color: var(--special-yellow);
position: absolute;
border-radius: 50%;
width: 120px;
height: 80px;
left: 35px;
top: 60px;
text-align: center;
font-size: 25px;
color: var(--special-white);
font-weight: bold;
padding-top: 50px;
}
.discount-badge {
background-color: var(--special-red);
position: absolute;
border-radius: 50%;
width: 120px;
height: 80px;
left: 35px;
top: 160px;
text-align: center;
font-size: 25px;
color: var(--special-white);
font-weight: bold;
padding-top: 50px;
}
.product-image {
width: 95%;
height: 90%;
}
h1 {
color: var(--special-agua);
}
.button {
color: var(--special-red);
border-style: solid;
text-decoration: none;
padding-right: 6px;
padding-left: 6px;
border-radius: 6px;
background-color: var(--special-yellow-2);
}
.product-price-container {
padding: 8px;
background-color: var(--special-pink);
margin-bottom: 16px;
position: relative;
border-radius: 6px;
top: 15px;
}
.product-price {
font-weight: bold;
font-size: 40px;
display: inline-block;
padding: 8px;
background-color: var(--special-red-original);
border-radius: 6px;
}
.product-price-old {
font-size: 20px;
color: var(--special-white);
text-decoration: line-through;
width: 75px;
background-color: var(--special-yellow);
margin-top: 1px;
margin-bottom: 1px;
padding-left: 35px;
border-radius: 6px;
font-weight: bold;
}
.shopping-button {
color: var(--special-black);
font-weight: bold;
font-size: 30px;
text-decoration: none;
position: absolute;
top: 30px;
right: 30px;
border-radius: 6px;
background-color: var(--special-yellow-2);
padding-left: 5px;
padding-right: 5px;
border-style: solid;
}
.stock {
font-weight: bold;
color: var(--special-green);
font-size: 20px;
padding: 10px;
}
.transport {
padding-left: 135px;
font-size: 20px;
font-weight: bold;
}
.button-container {
margin-top: 10px;
/* margin-bottom: 15px; */
}
/* ˇMobily */
@media screen and (max-width: 600px) {
body {
width: calc(100% - 16px);
}
}

BIN
index/project/nature/images/photo-1540503831458-3237544b2ce5(1).avif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 539 KiB

BIN
index/project/nature/images/photo-1540503831458-3237544b2ce5.avif
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 539 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

0
index/project/nature/nature-and-culture.html → index/project/nature/nature-and-culture.php
View File

13
index/project/zivotopis/zivotopis.html
View File

@ -78,14 +78,23 @@
Testera a v současné době měním svůj kariérní směr do Front-Endu. Kód
i programování mě lákalo už dlouho, baví mě zobrazení okamžitého
výsledku, který mi umožňuje zlepšení a zdokonalení kódu. Aktuálně se
vzdělávám ve Front-End Developer Akademii se zaměřením na znalosti
v JavaScript, HTML, CSS. Jako návazný krok bych své znalosti rád
vzdělávám v JavaScript, TypeScript, HTML, CSS. Jako návazný krok bych své znalosti rád
prohluboval ve frameworcích React, Angular.
</p>
</section>
<section class="job-section">
<h2>PRACOVNÍ ZKUŠENOSTI</h2>
<hr />
<ul class="dot">
<li>
<strong class="jobs">Vývojář na platformě Smart</strong>
</li>
<li><strong>Kyndryl [ 15/05/2022 – ]</strong></li>
<li>Město: Praha</li>
<li>Země: Česko</li>
<li>Vývojář na platformě Smart pro Českou spořitelnu.</li>
<li>Technologie:Jira, GitHub, TypeScript, Kibana.</li>
</ul>
<ul class="dot">
<li>
<strong class="jobs">Tester softwaru</strong>

121
index/projects/index.html
View File

@ -1,121 +0,0 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My Projects</title>
<link rel="stylesheet" href="../../style/style.css" />
<link
rel="icon"
type="image/x-icon"
href="../../res/site/icons/favicon.ico"
/>
</head>
<body>
<header class="page-header" role="banner">
<h1 class="project-name">My Projects</h1>
<h2 class="project-tagline">
Programs and apps that I have coded and random ideas that I fabricated.
</h2>
<a href="../../" class="btn">Home</a>
</header>
<main id="content" class="main-content" role="main">
<table>
<thead>
<tr>
<th>Project</th>
<th>Description</th>
<th>Link (local)</th>
</tr>
</thead>
<tbody>
<tr>
<td>Dark New Roman</td>
<td>A custom serif font based off of Times New Roman.</td>
<td>
<a href="../../res/downloads/DarkNewRoman.ttf"
>Download font (truetype 28.9 KiB)</a
>
</td>
</tr>
<tr>
<td>Number System Converter (web)</td>
<td>Converts decimal numbers into other bases!</td>
<td>
<a href="./nsc-web/">nsc-web<sup>⨳</sup></a>
</td>
</tr>
</tbody>
</table>
<br />
<br />
<table>
<thead>
<tr>
<th>Project</th>
<th>Description</th>
<th>Link (external)</th>
</tr>
</thead>
<tbody>
<tr>
<td>Firefox black & red triangle theme</td>
<td>A red and black theme for firefox tabs.</td>
<td>
<a
href="https://addons.mozilla.org/en-US/firefox/addon/black-red-triangle-theme"
>https://addons.mozilla.org/en-US/firefox/addon/black-red-triangle-theme/</a
>
</td>
</tr>
<tr>
<td>RGB Progress Bar</td>
<td>Makes progress bars cycle through different RGB colors.</td>
<td>
<a href="https://addons.mozilla.org/addon/rgb-progress-bar/"
>https://addons.mozilla.org/addon/rgb-progress-bar/</a
>
</td>
</tr>
</tbody>
</table>
<br />
<br />
<table>
<thead>
<tr>
<th>Github contribution</th>
<th>Description</th>
<th>Repository link</th>
<th>Language</th>
</tr>
</thead>
<tbody id="userRepo">
<script src="./script/script.js"></script>
</tbody>
</table>
<!-- <tr>
<td>Project</td>
<td>
Description
</td>
<td>
<a href="#">Link</a>
</td>
</tr> -->
<footer class="site-footer">
You have reached the end of the page. (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
</footer>
</main>
</body>
</html>

84
index/projects/nsc-web/index.html
View File

@ -1,84 +0,0 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Number System Converter</title>
<link rel="stylesheet" href="../../../style/style.css" />
<link
rel="icon"
type="image/x-icon"
href="../../../res/site/icons/favicon.ico"
/>
<script src="./script/script.js"></script>
<style>
input {
width: 40%;
}
</style>
</head>
<body>
<header class="page-header" role="banner">
<h1 class="project-name">Number System Converter</h1>
<h2 class="project-tagline">Web version.</h2>
<a href="../../../" class="btn">Home</a>
<a href="../" class="btn">Projects</a>
</header>
<main id="content" class="main-content" role="main">
<section>
<h3>Enter a decimal number to convert and a base.</h3>
<form>
<label for="number">Number:</label><br />
<input
name="number"
id="number"
type="text"
step="1"
onChange="numberSystemConverter();"
/>
<br />
<label for="base">Base (Range 2-36):</label><br />
<input
name="base"
id="base"
type="number"
value="10"
step="1"
min="2"
max="36"
onChange="numberSystemConverter();"
/>
<br />
<label for="new-base">New base (Range 2-36):</label><br />
<input
name="new-base"
id="new-base"
type="number"
value="2"
step="1"
min="2"
max="36"
onChange="numberSystemConverter();"
/>
<br />
<label for="converted">Converted number:</label><br />
<input
name="converted"
id="converted"
type="text"
disabled="true"
onChange="numberSystemConverter();"
/>
</form>
</section>
<footer class="site-footer">
You have reached the end of the page. (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
</footer>
</main>
</body>
</html>

19
index/projects/nsc-web/script/script.js
View File

@ -1,19 +0,0 @@
numberSystemConverter();
function numberSystemConverter() {
let num = document.getElementById("number").value;
let base = document.getElementById("base").value;
let new_base = document.getElementById("new-base").value;
base = parseInt(base);
new_base = parseInt(new_base);
try {
let dec_num = parseInt(num, base);
let new_num = dec_num.toString(new_base);
document.getElementById("converted").value = new_num;
console.log(`BASE ${base}: ${num} ==> BASE ${new_base}: ${new_num}`);
} catch (RangeError) {
console.log(`One or more bases is not in the range of 2 to 36.`);
}
}

38
index/projects/script/script.js
View File

@ -1,38 +0,0 @@
requestUserRepos();
function requestUserRepos() {
const xhr = new XMLHttpRequest();
const url = `https://api.github.com/users/array-in-a-matrix/repos`;
xhr.open("GET", url, true);
xhr.onload = function () {
const data = JSON.parse(this.response);
let root = document.getElementById("userRepo");
while (root.firstChild) {
root.removeChild(root.firstChild);
}
let tbody = document.getElementById("userRepo");
for (let i in data) {
let tr = document.createElement("tr");
tr.classList.add("list-group-item");
function removeNull(disc) {
if (disc === null) {
const disc = "-";
return disc;
} else {
return data[i].description;
}
}
tr.innerHTML = `
<td>${data[i].name}</td>
<td>${removeNull(data[i].description)}</td>
<td><a href="${data[i].html_url}">${data[i].html_url}</a></td>
<td>${data[i].language}</td>
`;
tbody.appendChild(tr);
}
};
xhr.send();
}

24
index/repository/index.html
View File

@ -4,13 +4,12 @@
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Repositáře</title>
<title>Repozitáře</title>
<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"
/>
crossorigin="anonymous" />
<link rel="stylesheet" type="text/css" href="../../style/alt.style.css" />
<link
rel="icon"
@ -21,7 +20,7 @@
<body>
<header class="page-header" role="banner">
<h1 class="project-name">Repositáře</h1>
<h1 class="project-name">Repozitáře</h1>
</header>
<div class="main-content">
@ -29,16 +28,21 @@
<a href="../../" class="btn">Domů</a>
</nav>
<nav>
<a href="https://git.archoslinux.cz/kankys" class="btn" target="_blank"
><i class="fa fa-gitea"></i> Gitea na ArchLinux CZ</a
>
<a href="https://git.arch-linux.cz/kankys" class="btn" target="_blank"
><i class="fa fa-gitea"></i> Gitea na ArchLinux CZ</a >
<a href="https://github.com/LukasKanka" class="btn" target="_blank"
><i class="fa fa-github"></i> GitHub</a
>
><i class="fa fa-github"></i> GitHub</a>
<a href="https://codeberg.org/Kankys" class="btn" target="_blank"
><i class="fa fa-gitea"></i> Codeberg</a>
<a href="https://gitlab.com/LukasKanka" class="btn" target="_blank"
><i class="fa fa-gitlab"></i> GitLab</a>
</nav>
</div>
<footer>Copyright &copy; Lukáš Kaňka 2024</footer>
</body>
</html>

BIN
index/services/img/1-4204059220.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 821 KiB

BIN
index/services/img/600px-Arch-linux-logo-691350772.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
index/services/img/91488-2048748032.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 180 KiB

BIN
index/services/img/IMG_4835.JPG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.3 MiB

BIN
index/services/img/Kali-linux-872298623.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 117 KiB

BIN
index/services/img/endeavourOS-astronaught-3246654328.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 352 KiB

BIN
index/services/img/fedora-feat-5b9fe676c9e77c0050ce388c-2333270958.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 178 KiB

BIN
index/services/img/linux-penguin-and-rainbow-background-imsv6hxt0e8zcl7m-3730406657.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 66 KiB

BIN
index/services/img/ubuntu-linux-minimal-4k-on-3840x2160-2398598343.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 754 KiB

BIN
index/services/img/wp7596264.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 143 KiB

BIN
index/services/img/wp8843183-1041051902.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 62 KiB

224
index/services/index.php Normal file
View File

@ -0,0 +1,224 @@
<!DOCTYPE html>
<html lang="cs">
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<script
crossorigin="anonymous"
src="https://kit.fontawesome.com/0a43c6cd1f.js"
></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="img/600px-Arch-linux-logo-691350772.png">
<title>Lukáš Kaňka - IT služby</title>
</head>
<div>
<!-- Navigace -->
<nav>
<ul class="navigation" id="navigation">
<li><a href="#about">O mně</a></li>
<li><a href="#what-we-do">Mé služby </a></li>
<li><a href="#trips">Stačí si vybrat</a></li>
<!-- <li><a href="#where">Where To Go</a></li>-->
<!-- <li><a href="#reviews">Reviews</a></li>-->
</ul>
<img class="icon" src="icons/PngItem_1608357.png" alt="#">
</nav>
<!-- Hero section -->
<header class="hero-section ">
<div class="hero-text-wrapper">
<h1 class="hero-text">
Lukáš Kaňka <br>
IT služby pro Vás</h1>
</div>
</header>
<!-- About Us -->
<div class="content">
<section class="about-section" id="about">
<div class="about-section-wrapper">
<div class="about-text">
<h2 class="h2-about">O mně</h2>
<p class="about-text-p">Jsem IT nadšenec s pozitivním přístupem k životu a vášní pro
technologie, ve kterých se neustále vzdělávám. Absolvoval jsem kurz
testingu a SQL v Acamaru, další kurz byl web developer u společnosti Engeto. Pracoval jsem na pozici testera ve společnosti Uniprog a nyní pracuji ve společnosti Kyndryl na projektu České Spořitelny pro platformu SMART.
</p>
<p>
Nabízím služby v obkasti IT se zaměřením na open-source a Linux. Své služby nabízím po celé Praze, Jablonci
nad Nisou a online. Ceny startují na <strong>150kč/1hod</strong>.
Služby nabízím jednotlivcům tak i spolkům či školám adt. Faktura je samořejmostí.
</p>
</div>
<div class="about-img"><img class="about-img content-container"
src="img/IMG_4835.JPG" alt="#">
</div>
</div>
</section>
<!-- What We Do -->
<section class="what-section" id="what-we-do">
<div class="what-section-wrapper">
<div class="what-text">
<h2 class="h2-what-we">Nabízím tyto služby</h2>
<p class="what-text-p">
<ul class="dot">
<li>Instalace Linuxu.</li>
<li>Pomůžu vám najít vhodnou Linuxovou distribuci přímo pro Vás. Nejoblíbenější distribuce jsou Ubuntu,
Fedora, Manjaro či Zendalona pro zrakově postižené.
</li>
<li>Naučím vás práci v Linuxu, seznámím s Terminálem a OpenSource.</li>
<li>Nastavím v Linuxu váš nový SSD disk.</li>
<li>Seznámím vás s programy pro Linux které jsou alternativou pro programy Windows.</li>
<li>Vybereme a přispůsobíme vám prostředí v Linuxu.</li>
<li>Rychlá podpora pokud si nebudete vědět rady.</li>
<li>Tvorba on-Line vizitek - zajistím doménu i hosting, pomohu s návrhem vizitky. Základní vizitky
děláme v HTML a CSS, složitější v Wordpressu.
</li>
<li>Tvorba webů pro restaurace - tyto weby tvoříme v Wordpresu s jednoduchou administrací kde si můžete
jidelní lístky jednoduše spravovat.
</li>
</ul>
</p>
</div>
<ul class="icon-what-section">
<li>
<!-- <img class="img-icons" src="icons/hiking-white.png " alt="#"><br>-->
<p class="icon-text">Instalace Linuxu</p>
</li>
<li>
<!-- <img class="img-icons" src="icons/cycle-white.png" alt="#">-->
<p class="icon-text">Práce s Linuxem a Open Source aplikacemi</p>
</li>
<li>
<!-- <img class="img-icons" src="icons/water-white.png" alt="#">-->
<p class="icon-text">Tvorba vizitek a menších webů</p>
</li>
<li>
<!-- <img class="img-icons" src="icons/car-white.png" alt="#">-->
<p class="icon-text">Poradenství a administrace</p>
</li>
</ul>
</div>
</section>
<!-- Our Trips -->
<section class="trips-section">
<div class="trips-section-wrapper">
<div class="images-trips-1 images-item "></div>
<div class="images-trips-2 images-item "></div>
<div class="images-trips-3 images-item "></div>
<div class="images-trips-4 images-item "></div>
<div class="text-trips images-item" id="trips">Stačí si vybrat</div>
<div class="images-trips-5 images-item "></div>
<div class="images-trips-6 images-item "></div>
<div class="images-trips-7 images-item "></div>
<div class="images-trips-8 images-item "></div>
</div>
</section>
<!-- Where togo -->
<section class="where-section" id="where">
<div class="where-section-wrapper">
<div class="where-text">
<div class="h2-where">
<h2 class="desktop"></h2>
<h2 class="mobile"></h2>
</div>
<div class="where-text-div">
<p class="contact-text">Telefoní číslo: <i class="fas fa-phone"></i> <a href="tel:+725303747"> +420 725 303 747</a></a></p>
<p class="contact-text">E-mail: <i class="fas fa-envelope"></i> <a href="mailto:lukas.kanka@outlook.cz"> Lukáš Kaňka</a></p>
<!-- <div class="contact-button">-->
<!-- <a href="#" class="contact-button-text"></a>-->
<!-- </div>-->
</div>
</div>
</div>
</section>
<!-- &lt;!&ndash; Reviews section &ndash;&gt;-->
<!-- <section class="reviews-section" id="reviews">-->
<!-- <h2 class="h2-reviews">Reviews</h2>-->
<!-- <div class="reviews-text">-->
<!-- <p>Our amazing clients are the reason we exist, and their reactions to our-->
<!-- customized travel experiences-->
<!-- and personalized service keep us smiling all day long. Here is just a sampling of what they’ve said:-->
<!-- </p>-->
<!-- </div>-->
<!-- <div class="reviews-card-wrapper">-->
<!-- <div class="reviews-card">-->
<!-- <img src="images/kalen-emsley-kGSapVfg8Kw-unsplash.jpg" alt="#">-->
<!-- <div class="reviews-card-text">-->
<!-- She has booked two major European trips for us in the past year and every aspect has met, and-->
<!-- in-->
<!-- most cases exceeded, our expectations. Best prices, best hotels, best itineraries, and best-->
<!-- cruises, she does it all. But the most important thing is she remembers the little things-->
<!-- that-->
<!-- we would do if we were making the plans ourselves.-->
<!-- <div class="reviews-name">-->
<!-- Bertie Norton-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="reviews-card-1">-->
<!-- <img src="images/jeffrey-keenan-pUhxoSapPFA-unsplash.jpg" alt="#">-->
<!-- <div class="reviews-card-text">-->
<!-- Leigh McAdam has been making my travel arrangements for about 20 years and there is no one-->
<!-- else I would trust to arrange my trips and tours. I've also had great fun on a few of the-->
<!-- group trips she has arranged - Peru & Machu Picchu and a 10-day cruise out of Venice and-->
<!-- diving. It's always an eclectic group of well traveled, interesting people.-->
<!-- <div class="reviews-name">-->
<!-- Frank Kinney-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </section>-->
<!-- &lt;!&ndash; Photo galery &ndash;&gt;-->
<!-- <section class="photo-gallery">-->
<!-- <div class="photo-gallery-wrapper">-->
<!-- <img class="picture-img" src="images/alexey-fedenkov-BaCZYH9RLmQ-unsplash.jpg" alt="picture-1">-->
<!-- <img class="picture-img" src="images/omer-salom-LoijtQXXNhs-unsplash.jpg" alt="picture-2">-->
<!-- <img class="picture-img" src="images/vincentiu-solomon-7MH4ped6_Mo-unsplash.jpg" alt="picture-3">-->
<!-- <img class="picture-img" src="images/daniel-tseng-73lmMKhi2U8-unsplash.jpg" alt="picture-4">-->
<!-- </div>-->
<!-- </section>-->
<!-- Footer -->
<footer class="footer">
<div class="footer-wrapper">
<div class="footer-text">
<!-- <a class="footer-contact" href="#">Contact</a>-->
<div class="footer-text-div">
<p class="footer-text-p">
© 2024 - Lukáš Kaňka. All Rights Reserved.
</p>
</div>
</div>
</div>
</footer>
</div>
</div>
<button id="scrollToTopBtn" onclick="scrollToTop()" title="Go to top">
<i class="fas fa-arrow-up"></i>
</button>
<script src="script.js"></script>
</body>
</html>

17
index/services/script.js Normal file
View File

@ -0,0 +1,17 @@
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
}

578
index/services/style.css Normal file
View File

@ -0,0 +1,578 @@
:root {
--word-black: #000;
--word-white: #fff;
--link-one: #efa69d;
--link-two: #e9877b;
--background-one: #33292a;
--background-two: #644b4f;
--background-three: #333333;
--background-four: #f2f2f2;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: "Roboto", sans-serif;
}
/* Navigace (horní menu) */
nav {
padding: 10px;
background-color: var(--background-one);
font-size: 20px;
}
a {
text-decoration: none;
color: var(--word-white);
}
.dot {
list-style: none;
}
nav ul {
list-style: none;
display: flex;
justify-content: space-between;
flex-grow: 1;
}
.navigation {
width: 65%;
margin: 0 auto;
}
.icon {
width: auto;
height: 22px;
display: none;
margin-left: auto;
margin-right: 12px;
}
.icon img {
width: 100%;
height: 100%;
}
@media (max-width: 768px) {
.navigation {
width: 90%;
margin: 0 auto;
}
nav ul {
flex-direction: column;
}
nav a {
/*display: none;*/
}
/*.icon {*/
/* display: block;*/
/*}*/
}
/* Hero - section */
.hero-section {
height: 80vh;
background-image: url(img/wp7596264.jpg);
background-size: 70%;
background-position: center;
background-repeat: no-repeat;
}
.hero-text-wrapper {
position: relative;
width: 65%;
margin: 0 auto;
height: 100%;
}
.hero-text {
color: var(--word-white);
position: absolute;
right: 0;
bottom: 50px;
font-size: 80px;
text-align: right;
}
.h2-about {
font-weight: 700;
}
@media (max-width: 768px) {
.hero-text-wrapper {
width: 90%;
margin: 0 auto;
}
.hero-text {
font-size: 35px;
height: 80px;
margin-bottom: 5px;
color: black;
}
}
/* 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;
}
}
/* What We Do */
.what-section {
background-color: var(--background-one);
color: var(--word-white);
}
.what-section-wrapper {
width: 65%;
margin: 0 auto;
}
.what-text {
text-align: center;
}
.h2-what-we {
font-size: 38px;
text-align: center;
padding-top: 45px;
padding-bottom: 35px;
}
.where-text {
text-align: center;
}
.icon-what-section {
margin-top: 45px;
padding: 45px;
list-style: none;
display: flex;
justify-content: space-between;
flex-grow: 1;
}
.img-icons {
width: 100px;
height: 100px;
align-items: center;
}
.icon-text {
text-align: center;
padding-top: 15px;
font-size: 25px;
}
@media (max-width: 768px) {
.what-section-wrapper {
width: 90%;
margin: 0 auto;
}
.icon-what-section {
flex-direction: column;
align-items: center;
text-align: center;
}
.img-icons {
width: 80px;
height: 80px;
margin-top: 20px;
align-items: center;
}
.icon-text {
padding-top: 0px;
}
}
/* Our Trips */
.trips-section {
margin-top: 45px;
margin-bottom: 45px;
}
.trips-section-wrapper {
display: flex;
flex-wrap: wrap;
width: 65%;
margin: auto;
gap: 10px;
}
.images-item {
height: 222px;
width: 32%;
flex-shrink: 1;
border-radius: 4px;
}
.images-trips-1 {
background-image: url(img/linux-penguin-and-rainbow-background-imsv6hxt0e8zcl7m-3730406657.jpg);
background-size: cover;
background-position: center;
}
.images-trips-2 {
background-image: url(img/1-4204059220.png);
background-size: cover;
background-position: center;
}
.images-trips-3 {
background-image: url(img/fedora-feat-5b9fe676c9e77c0050ce388c-2333270958.jpg);
background-size: cover;
background-position: center;
}
.images-trips-4 {
background-image: url(img/ubuntu-linux-minimal-4k-on-3840x2160-2398598343.jpg);
background-size: cover;
background-position: center;
}
.text-trips {
background-color: var(--background-four);
color: var(--word-black);
display: flex;
justify-content: center;
align-items: center;
font-size: 32px;
font-weight: 700;
}
.images-trips-5 {
background-image: url(img/Kali-linux-872298623.jpg);
background-size: cover;
background-position: center;
}
.images-trips-6 {
background-image: url(img/wp8843183-1041051902.jpg);
background-size: cover;
background-position: center;
}
.images-trips-7 {
background-image: url(img/91488-2048748032.jpg);
background-size: cover;
background-position: center;
}
.images-trips-8 {
background-image: url(img/endeavourOS-astronaught-3246654328.jpg);
background-size: cover;
background-position: center;
}
@media (max-width: 768px) {
.trips-section-wrapper {
width: 90%;
margin: 0 auto;
}
.images-item {
width: 333px;
height: 222px;
}
.text-trips {
height: 80px;
}
}
/* Where togo */
.where-section {
background-color: var(--background-two);
color: var(--word-white);
display: flex;
}
.where-section-wrapper {
width: 65%;
margin: 0 auto;
padding-top: 45px;
padding-bottom: 45px;
display: flex;
}
.where-text {
display: flex;
}
.h2-where {
flex: 1;
font-size: 25px;
width: 272px;
height: 114px;
text-align: left;
}
.where-text-div {
flex: 1;
width: 572;
height: 201;
text-align: left;
}
.contact-text {
margin-top: 20px;
}
.contact-button {
margin-top: 35px;
background-color: var(--background-four);
width: 133px;
height: 43px;
border-radius: 4px;
text-align: center;
line-height: 43px;
}
.contact-button-text {
font-size: 14px;
font-weight: 700;
font-family: Inter;
color: var(--word-black);
display: block;
}
.mobile {
display: none;
}
@media (max-width: 768px) {
.where-section-wrapper {
width: 90%;
margin: 0 auto;
}
.where-text {
flex-direction: column;
}
.desktop {
display: none;
}
.mobile {
display: block;
font-size: 25px;
margin-bottom: 25px;
}
}
/* Reviews section */
.reviews-section {
width: 65%;
margin: 0 auto;
margin-top: 45px;
margin-bottom: 45px;
}
.h2-reviews {
text-align: center;
padding-bottom: 20px;
}
.reviews-text {
width: 332px;
height: 159px;
text-align: center;
margin: auto;
}
.reviews-card-wrapper {
display: flex;
align-items: center;
justify-content: space-evenly;
gap: 300px;
}
.reviews-card {
width: 378.49px;
height: 346px;
text-align: center;
}
.reviews-card-1 {
width: 378.49px;
height: 346px;
text-align: center;
}
.reviews-card img {
width: 122.13px;
height: 111px;
border-radius: 50%;
}
.reviews-card-1 img {
width: 122.13px;
height: 111px;
border-radius: 50%;
}
.reviews-card-text {
margin-top: 20px;
}
.reviews-name {
font-weight: 700;
padding-top: 50px;
height: 19px;
align-items: center;
}
@media (max-width: 768px) {
.reviews-section {
width: 90%;
margin: 0 auto;
}
.reviews-card-wrapper {
flex-direction: column;
width: 90%;
margin: 0 auto;
gap: 95px;
}
.reviews-card {
width: 324px;
}
.reviews-card-1 {
width: 324px;
}
.reviews-text {
width: 263px;
}
.h2-reviews {
padding-top: 40px;
}
.reviews-name {
padding-bottom: 40px;
}
}
/* Photo gallery */
.photo-gallery {
/* display: flex; */
/* flex-wrap: wrap; */
}
.photo-gallery-wrapper {
display: flex;
flex-wrap: wrap;
}
.picture-img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
max-width: 50%;
}
@media (max-width: 768px) {
.photo-gallery-wrapper {
flex-direction: column;
margin-top: 100px;
}
.picture-img {
max-width: 100%;
height: 260px;
}
}
/* Footer */
.footer-wrapper {
background-color: var(--background-three);
padding: 45px;
}
.footer-text {
text-align: center;
}
.footer-contact {
color: var(--link-two);
text-decoration: underline;
font-weight: 700;
}
.footer-text-p {
padding-top: 20px;
text-align: center;
color: var(--word-white);
font-weight: 700;
}
@media (max-width: 768px) {
.footer-contact {
font-size: 12px;
}
.footer-text-p {
font-size: 10px;
}
}
/* Rolovací tlačítko */
#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;

169
index/socials/index.html Executable file → Normal file
View File

@ -1,73 +1,104 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Socials</title>
<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"
/>
<link rel="stylesheet" type="text/css" href="../../style/alt.style.css" />
<link
rel="icon"
type="image/x-icon"
href="../../res/site/icons/favicon.ico"
/>
</head>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0"
/>
<title>Socials</title>
<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"
/>
<link
rel="stylesheet"
type="text/css"
href="../../style/alt.style.css"
/>
<link rel="shortcut icon" href="../../img/tux.png" />
<link
rel="icon"
type="image/x-icon"
href="../../res/site/icons/favicon.ico"
/>
</head>
<body>
<header class="page-header" role="banner">
<h1 class="project-name">Mé Sociální sítě</h1>
<h2 class="project-tagline">Zde mě můžeš kontaktovat</h2>
</header>
<div class="main-content">
<nav>
<a href="../../" class="btn">Domů</a>
</nav>
<nav>
<a href="https://mastodon.arch-linux.cz/deck/@Kankys" class="btn" target="_blank"
><i class="fa fa-mastodon"></i> Mastodon</a
>
<body>
<header class="page-header" role="banner">
<h1 class="project-name">
Mé sociální sítě a kontakty
</h1>
<h2 class="project-tagline">
Zde mě můžeš kontaktovat
</h2>
</header>
<div class="main-content">
<nav>
<a href="../../" class="btn">Domů</a>
</nav>
<nav>
<a
href="https://mastodon.arch-linux.cz/deck/@Kankys"
class="btn"
target="_blank"
><i class="fa fa-mastodon"></i>
Mastodon</a
>
<a href="" class="btn" target="_blank"
><i class="fa fa-matrix-org"></i> Matrix</a
>
<a href="https://www.linkedin.com/in/luk%C3%A1%C5%A1-ka%C5%88ka-b2a0a1a0/" class="btn" target="_blank"
><i class="fa fa-linkedin"></i> LinkedIn</a
>
<a href="https://t.me/Kankys" class="btn" target="_blank"
><i class="fa fa-telegram"></i> Telegram</a
>
<a
href="https://discord.com/kankys_"
class="btn" target="_blank"
><i class="fa fa-discord"></i> Discord</a
>
</nav>
<br />
<nav>
<a href="https://git.archoslinux.cz/kankys" class="btn" target="_blank"
><i class="fa fa-gitea"></i> Gitea</a
>
<a href="https://github.com/LukasKanka" class="btn" target="_blank"
><i class="fa fa-github"></i> GitHub</a
>
<a href="https://pixelfed.cz/i/web/profile/464150575238569182" class="btn"
><i class="fa fa-pixelfed"></i> Pixelded CZ</a
>
<!-- waiting for gitea to get federation -->
<!-- <a href=" class="btn"
><i class="fa fa-gitea"></i> Gitea (Telodendria)</a
> -->
<!-- <a href="" class="btn"
><i class="fa fa-gitea"></i> Forgejo (Freetards)</a
> -->
</nav>
</div>
</body>
<a href="" class="btn" target="_blank"
><i class="fa fa-matrix-org"></i>
Matrix</a
>
<a
href="https://www.linkedin.com/in/luk%C3%A1%C5%A1-ka%C5%88ka-b2a0a1a0/"
class="btn"
target="_blank"
><i class="fa fa-linkedin"></i>
LinkedIn</a
>
<a
href="https://t.me/Kankys"
class="btn"
target="_blank"
><i class="fa fa-telegram"></i>
Telegram</a
>
</nav>
<br />
<nav>
<a
href="https://git.archoslinux.cz/kankys"
class="btn"
target="_blank"
><i class="fa fa-gitea"></i> Gitea</a
>
<a
href="https://github.com/LukasKanka"
class="btn"
target="_blank"
><i class="fa fa-github"></i> GitHub</a
>
<a
href="https://pixelfed.cz/i/web/profile/464150575238569182"
class="btn"
><i class="fa fa-pixelfed"></i> Pixelded
CZ</a
>
<a
href="https://discord.com/kankys_"
class="btn"
target="_blank"
><i class="fa fa-discord"></i>
Discord</a
>
</nav>
</div>
<footer>Copyright &copy; Lukáš Kaňka 2024</footer>
</body>
</html>

7
index/terminal-space/README.md Normal file
View File

@ -0,0 +1,7 @@
# Terminal space
Prozatím nás najdeš na této [doméně](https://lukaskanka.cz/index/terminal-space/index.html), ale už se intenzivně pracuje na vlastní doméně pro Terminal space.
<p>Vítám Tě na Terminal space! </p>
<p>Web je věnován Terminálům konzolím a hlavně aplikacím pro terminály.</p>
<p>Najdeš tu tipy, návody, novinky a další obsah ze světa terminálu.</p>
<p>Terminal Space prymárně míří na uživatele Linuxu a macOS, ale spousty obsahu budeš moci aplikovat ve Windows.</p>

14
index/terminal-space/colors.css Normal file
View File

@ -0,0 +1,14 @@
:root {
--dracula-body-bg: #2a232b;
--dracula-color: #f8f8f2;
--dracula-header-bg: #2a232b;
--dracula-scrollToTopBtn-color: #9fea8a;
--dracula-links-color: #f76b00;
--dracula-nav-bg: #2a232b;
--dracula-nav-links-color: #f76b00;
--dracula-h1-color: #e54472;
--dracula-h2-color: #18f700;
--dracula-solid-bg: #2a232b;
--dracula-solid-color: #f76b00;
--dracula-footer-bg: #2a232b;
}

BIN
index/terminal-space/img/config.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 160 KiB

BIN
index/terminal-space/img/fzf.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 226 KiB

BIN
index/terminal-space/img/home.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 113 KiB

BIN
index/terminal-space/img/icons8-rocket.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
index/terminal-space/img/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 96 KiB

BIN
index/terminal-space/img/terminal-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
index/terminal-space/img/terminal.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

112
index/terminal-space/index.php Normal file
View File

@ -0,0 +1,112 @@
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta name="description" content="Terminal space svoboda v programování...." />
<meta name="keywords" content="Terminal space" />
<meta name="author" content="Kankys" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link rel="shortcut icon" href="img/terminal-icon.png" />
<!--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>
<title>Terminal space</title>
</head>
<body>
<header>
<h1 class="title">💾 Terminal space</h1>
<!-- Terminal - navigation -->
<nav class="navigation">
<ul>
<li><a href="news.html">Novinky</a></li>
<li><a href="apollo-nvim/index.html">🚀 ApolloNvim</a></li>
<li><a href="kakoune/index.html">Kakoune</a></li>
<!--<li><a href="manuals.html">Návody</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>
<hr />
<!--Začátek sekcí - co h2 sekce + fotogalerie-->
<section class="content" id="welcome">
<section class="welcome">
<h2>Terminal space:</h2>
<p>Vítám Tě na Terminal space! </p>
<p>Web je věnován Terminálům konzolím a hlavně aplikacím pro terminály.</p>
<p>Najdeš tu tipy, návody, novinky a další obsah ze světa terminálu.</p>
<p>Terminal Space prymárně míří na uživatele Linuxu a macOS, ale spousty obsahu budeš moci aplikovat ve Windows.</p>
</section>
<section id="contact">
<h2>Kontakty:</h2>
<p>
<a href="https://t.me/+o6qcLGlFROJhNzhk" target="_blank">👉 🚀 ApolloNvim Telegram skupina</a>
</p>
<p>
<a href="https://lukaskanka.cz/" target="_blank">👉 Osobní web autora 💾 Terminal space</a>
</p>
<p>
<a href="https://git.archoslinux.cz/kankys" target="_blank">👉 Gitea profil</a>
</p>
<p>
<a href="https://github.com/LukasKanka/" target="_blank">👉 GitHub</a>
</p>
<p>
<a href="https://mastodon.arch-linux.cz/@Kankys" target="_blank" 👉>
Mastodon</a>
</p>
</section>
<section class="login"></section>
<section id="help">
<h2>Podpora:</h2>
<p>
👉 Pokud jakkoliv chcete podpořit nebo se podílet na obsahu a
funkčnosti 💾 Terminal space, prosím budu rád když mi zde napíšete.
</p>
<p>👉 Taky můžete tento projekt podpořit pár Satoshi:</p>
<img class="sat" src="https://lukaskanka.cz/index/about/img/sat.jpeg" alt="Satoshi" />
</section>
<section id="other">
<h2>Další projekty a odkazy:</h2>
<p>
👉 <a href="https://arch-linux.cz/" target="_blank">ArchLinux CZ</a>
</p>
<p>
👉
<a href="https://searxng.cz/" target="_blank">Vyhledávač SearXNG CZ</a>
</p>
<p>
👉
<a href="https://endeavouros.com/" target="_blank">EndeavourOS Linux</a>
</p>
<p>
👉 <a href="https://i3wm.org/" target="_blank">i3 window manager</a>
</p>
</section>
<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>
<script src="script.js"></script>
</body>
</html>

303
index/terminal-space/install.php Normal file
View File

@ -0,0 +1,303 @@
<!doctype html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta
name="description"
content="ApolloNvim svoboda v programování...."
/>
<meta name="keywords" content="ApolloNvim Distro Instalace" />
<meta name="author" content="Kankys" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0"
/>
<link rel="stylesheet" href="style.css" />
<link rel="shortcut icon" href="img/icons8-rocket.gif" />
<!--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>
<title>ApolloNvim Instalace</title>
</head>
<body>
<header>
<h1 class="title">🚀ApolloNvim Instalace</h1>
<!-- Terminal - navigation -->
<nav class="navigation">:
<ul>
<li><a href="index.html">Domů</a></li>
<li>
<a href="plugins.html"
>Pluginy</a
>
</li>
<li>
<a href="manuals.html"
>Návody</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>
<hr />
<section class="content" id="welcome">
<section id="install">
<h2>Instalace a nastavení:</h2>
<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 fórech najdeš odpověď. Také si vždy vše před změnou zálohuj!
</strong>
</p>
<p>
👉 Pokud ještě nemáte nainstalujte si
<a
href="https://neovim.io/"
target="_blank"
>Neovim</a
>.
</p>
<p>
👉 Bude potřeba nainstalovat plug.vim
aby jste mohl/a instalovat rozšíření.
</p>
<p>
👉 Běžte na tuto
<a
href="https://github.com/junegunn/vim-plug"
target="_blank"
>stránku</a
>
pod Installation si najděte svůj
operační systém a zkopírujte odkaz pod
ním do svého terminálu.
</p>
<p>
👉 Nejprve si však zálohujte své
aktuální nastavení Neovim!!!
</p>
<p>👉 Linux & Mac:</p>
<div class="code-box">
<p>/home/user/.config/nvim/init.vim</p>
</div>
<p>Windows:</p>
<div class="code-box">
<p>~\AppData\Local\nvim</p>
</div>
</section>
<section id="node">
<h2>Node.js:</h2>
<p>
👉 Doporučuji mít nainstalovaný
<a
href="https://nodejs.org/en"
href="_blank"
>Node.js</a
>.
</p>
<p>
👉 Dále si v Node.js nainstalujte
<a
href="https://www.npmjs.com/package/live-server"
target="_blank"
>Live-server</a
>
příkazem:
</p>
<div class="code-box">
<p>npm i live-server</p>
</div>
<p>
👉 Ve svém projektu budete moci pouštět
svůj index.html příkazem:
</p>
<div class="code-box">
<p>npx live-server</p>
</div>
<p>
👉 Pro správnou funkčnost LSP si
doinstalujte tyto balíčky:
</p>
<p>
<a
href="https://github.com/microsoft/vscode-html-languageservice"
target="_blank"
>vscode-html-langserver</a
>
</p>
<p>
<a
href="https://github.com/microsoft/vscode-css-languageservice"
target="_blank"
>vscode-css-langserver</a
>
</p>
<p>
<a
href="https://github.com/typescript-language-server/typescript-language-server"
target="_blank"
>typescript-language-server</a
>
</p>
<p>
<a
href="https://github.com/aca/emmet-ls"
target="_blank"
>emmet-ls</a
>
</p>
<p>
<a
href="https://eslint.org/docs/latest/use/getting-started"
target="_blank"
>eslint</a
>
</p>
<p>
<a
href="https://github.com/tailwindlabs/tailwindcss-intellisense/blob/master/packages/tailwindcss-language-server/README.md"
target="_blank"
>vtailwindcss-language-server</a
>
</p>
<p>
<a
href="https://github.com/artempyanykh/marksman"
target="_blank"
>marksman</a
>
</p>
<p>
<a
href="https://github.com/markdoc-extra/markdoc-ls"
target="_blank"
>markdoc-ls</a
>
</p>
</section>
<section id="neovim">
<h2>Neovim:</h2>
<p>
👉 Pro instalaci 🚀 ApolloNvim Distra
stačí stáhnout pouze soubor init.vim s
tohoto
<a
href="https://github.com/LukasKanka/ApolloNvim"
target="_blank"
>repositáře</a
>.
</p>
<p>
👉 Uložte ho do kořenováho adresáře
<strong>~/.. /nvim</strong> dle tvého
OS.
<strong
>Nezapomeňte na zálohu
stávajících souborů</strong
>
</p>
<p>
👉 Neovim pustíte v terminálu příkazem
<strong>nvim</strong>.
</p>
<p>👉 Odklikejte chybová hlášení.</p>
<p>
👉 V Neovimu zadejte do command line
<strong>PlugIns</strong> , tím
nainstalujete všechny pluginy.
Restartujte Neovim.
</p>
<p>
👉 Pokud Vám některý plugin chybí,
můžete ho lehce doinstalovat nebo naopak
odinstalovat pomocí
<strong>plug.vim</strong>. Více
informací najdete na GitHubu
<a
href="https://github.com/junegunn/vim-plug"
target="_blank"
>plug.vim</a
>
nebo velmi rád poradím viz. o nás.
</p>
<p>
👉 Pokud některý plugin nechcete
používat stačí v souboru
<strong>init.vim</strong> ho
zakomentovat pomocí dvojitých uvozovek
<strong>"</strong>.
</p>
<p>
👉 Do command line ještě zadejte Coc
příkaz pro doinstalování zbylých
pluginů:
</p>
<div class="code-box">
<p>
CocInstall coc-todolist
coc-tailwindcss coc-json
coc-html-css-support coc-html
coc-emmet coc-xml coc-tsserver
coc-lsp-wl coc-lit-html
coc-htmldjango coc-css
coc-markdown-preview-enhanced
coc-markdownlint
</p>
</div>
<p>
👉 A ještě jednou restartujte Neovim a
vše máte připravené.
</p>
<p>
👉 Tuto konfiguraci používám na Linuxu i
MacOS. Je ozkoušena i na Windows 11.
</p>
</section>
<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>
<script src="script.js"></script>
</body>
</html>

BIN
index/terminal-space/kakoune/img/command.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

BIN
index/terminal-space/kakoune/img/config.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 275 KiB

BIN
index/terminal-space/kakoune/img/home.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 160 KiB

BIN
index/terminal-space/kakoune/img/icons8-rocket.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
index/terminal-space/kakoune/img/kakoune_logo_full.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

298
index/terminal-space/kakoune/index.html Normal file
View File

@ -0,0 +1,298 @@
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta name="description" content="Kakoune svoboda v programování...." />
<meta name="keywords" content="Kakoune fun-page" />
<meta name="author" content="Kankys" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link rel="shortcut icon" href="img/kakoune_logo_full.png" />
<!--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>
<title>Kakoune Czech Community</title>
</head>
<body>
<header>
<div class="logo">
<link rel="stylesheet" href="style.css" />
<img src="img/kakoune_logo_full.png" alt="" />
<h1 class="title">Kakoune Czech Community</h1>
</div>
<!-- Kakoune - navigation -->
<nav class="navigation">
<ul>
<li><a href="#install">Instalace</a></li>
<li><a href="#kakoune">Kakoune</a></li>
<li><a href="#contact">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>
<hr />
<button id="toggleButton"><i class="fas fa-adjust"></i></button>
<div class="test">1</div>
<!--Začátek sekcí - co h2 sekce + fotogalerie-->
<section class="content" id="welcome">
<section class="welcome">
<h2>Úvod:</h2>
<p>
👉 Kakoune Front-End Power postavený na
<a href="https://github.com/kakoune-lsp/kakoune-lsp" target="_blank">LSP</a>.
</p>
<p>
👉 <a href="http://kakoune.org/">Kakoune</a> je modální editor pro
<a href="http://www.linux.cz/" target="_blank">Linux</a> a
<a href="https://cs.wikipedia.org/wiki/MacOS" target="_blank">macOS</a>
jako je třeba
<a href="https://www.vim.org/" target="_blank">Vim</a> či
<a href="https://neovim.io/" target="_blank">Neovim</a>. . Z Kakoune
vychází také jeden velmi oblíbený modální editor
<a href="https://helix-editor.com/" target="_blank">Helix-editor</a>.
Jak Kakoune, tak Helix se od Vim a Neovim liší v ovládání, kde je opačná
logika příkazu a je bližší lidské řeči. Nespornou výhodou Kakoune je
oproti Helixu možnost rozšířit aplikaci o pluginy. Proto je
Kakoune vhodný pro zkušenější uživatele. Náš web by Ti měl pomoct s
prvotním nastavením. Pokud si i tak na tento editor netroufáš, Helix je skvělá náhrada.
</p>
<p>
👉 Tato distribuce nefunguje tak, že jen klikneš na tlačítko a nainstaluje
se. Vede Tě k samostatné instalaci pomocí tohoto webu. Cílem je
pochopit, jak Kakoune funguje, abyste si mohli sami vše modifikovat.
</p>
<p>
👉 Toto nastavení je primárně pro vývoj webu, ale není problém si vše
přizpůsobit. Inspiroval jsem se pluginy, které jsem využíval ve VSCode a
Webstorm.
</p>
<p>👉 Velký důraz je kladen na rychlost a lehkost.</p>
<p>👉 Tento blog je stále ve vývoji a postupně se na něm pracuje.</p>
<p>
👉 Pro nejlepší zážitek s Kakoune doporučuji používat multiplexor
<a href="https://git.archoslinux.cz/kankys/zellij-mySetup" target="_blank">Zellij </a>, ale není to samozřejmě
podmínkou.
</p>
</section>
<section id="advantages">
<h2>Přednosti:</h2>
<p>
👉 Hlavní předností tohoto nastavení jsou AutoSave,
doplň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 Kakoune.
</p>
<p>
👉 LSP se
mi velmi osvědčilo v modálním editoru
<a href="https://helix-editor.com/" target="_blank">Helix-editor</a>.
Mou konfiguraci Helixu najdete
<a href="https://git.archoslinux.cz/kankys/Helix-frontend-setup" target="_blank">zde</a>.
</p>
<p>
👉 Ta nejlepší témata v Kakoune nemusíš hledat, najdeš je po instalaci. Defaultně je
v naší konfiguraci nastaveno gruvbox-dark.
</p>
<p>
👉 Témá v Kakoune si jednoduše změníš v command line příkazem
`colorscheme` a tlačítkem Tab se budeš přepínat mezi jednotlivými
tématy. Command mode, česky příkazový mód, vyvoláš zkratkou <strong>Ctrl + :</strong> .
</p>
</section>
<section class="photo">
<img class="picture" src="img/home.png" alt="Homescreen" />
<img class="picture1" src="img/config.png" alt="Zellij" />
<img class="picture2" src="img/command.png" alt="Command" />
</section>
<section id="install">
<h2>Instalace a nastavení:</h2>
<p>
👉 Pokud ještě nemáš, nainstaluj si,
<a href="" http://kakoune.org/ target="_blank">Kakoune</a>.
</p>
<p>👉 Nejprve si zálohuj své aktuální nastavení Kakoune!!!</p>
<p>👉 Linux & Mac:</p>
<div class="code-box">
<p>~/.config/kak/kakrc</p>
</div>
<p>👉 Aby Kakoune dobře komunikoval s LSP, je potřeba mít nainstalovaný <a href="https://www.rust-lang.org/"
target="_blank">Rust</a>. </p>
</section>
<section id="node">
<h2>Node.js:</h2>
<p>
👉 Doporučuji mít nainstalovaný
<a href="https://nodejs.org/en" href="_blank">Node.js</a>.
</p>
<p>👉 Pro správnou funkčnost LSP si doinstaluj tyto balíčky:</p>
<p><a href="https://github.com/microsoft/vscode-html-languageservice">vscode-html-language-server</a></p>
<p><a href="https://github.com/microsoft/vscode-css-languageservice">vscode-css-language-server</a></p>
<p><a
href="https://github.com/typescript-language-server/typescript-language-server">typescript-language-server</a>
</p>
<p><a href="https://github.com/aca/emmet-ls">emmet-ls</a></p>
<p><a
href="https://github.com/tailwindlabs/tailwindcss-intellisense/blob/master/packages/tailwindcss-language-server/README.md">tailwindcss-language-server</a>
</p>
<p><a href="https://github.com/artempyanykh/marksman">marksman</a></p>
<p><a href="https://github.com/markdoc-extra/markdoc-ls">markdoc-ls</a></p>
<p>👉 A také si doinstaluj tento server pro správnou funkčnost HTML v LSP příkazem: </p>
<div class="code-box">
<p>npm install -g vscode-{html,css,json}-languageserver-bin</p>
</div>
<p>
👉 Dále si v Node.js nainstaluj
<a href="https://www.npmjs.com/package/live-server" target="_blank">Live-server</a>.
</p>
<p>
👉 Platí v případě, že chceš dělat front-end nebo programuješ v
Javascriptu.
</p>
<p>👉 Ve svém projektu budeš moci pouštět index.html příkazem:</p>
<div class="code-box">
<p>npx live-server</p>
</div>
<p> 👉 Všechny servery, co si můžeš pomocí LSP nainstalovat, najdeš <a
href="https://github.com/kakoune-lsp/kakoune-lsp/wiki/How-to-install-servers" target="_blank">zde</a>. </p>
</section>
<section id="kakoune">
<h2>Kakoune:</h2>
<p>
👉 Pro instalaci Kakoune Front-End Power Ti stačí stáhnout pouze soubor
<strong>kakrc</strong> z tohoto <a href="https://git.archoslinux.cz/kankys/Kakoune-modal-editor-config"
target="_blank">repozitáře</a> .
</p>
<p>
👉 Ulož ho do kořenováho adresáře <strong>~/.config/kak/</strong>. <strong>Nezapomeň na zálohu stávajících
souborů, pokud máš i své configy.</strong>
</p>
<p>👉 Kakoune pustíš v terminálu příkazem <strong>kak</strong>.</p>
<p>
👉 V Kakoune zadej do command line <strong>plug-install</strong>, tím
nainstaluješ všechny pluginy. Restartuj Kakoune.
</p>
<p>
👉 Pokud Ti některý plugin chybí, můžeš ho lehce doinstalovat nebo
naopak odinstalovat. Více informací
najdeš v Kakoune
<a href="https://github.com/mawww/kakoune#3-basic-interaction" target="_blank">dokumentaci</a>
nebo velmi Ti rád poradím viz. <a href="#contact">Kontakty</a>.
</p>
<p>
👉 Pokud některý plugin nechceš používat, stačí ho v souboru
<strong>kakrc</strong> zakomentovat pomocí hastagu
<strong>#</strong>.
</p>
<p>
👉 Tuto konfiguraci používám na Linuxu i macOS. </p>
</section>
<section id="plans">
<h2>Plán Kakoune Front-End Power:</h2>
<p>
👉 Do budoucna můžeš očekávat tyto nové funkce a další novinky:
</p>
<p>
👉 Web na vlastní doméně. Zatím Kakoune Front-End Power najdeš
<a href="https://lukaskanka.cz/kakoune/index.html" target="_blank">zde</a>.
</p>
<p>👉 Nové pluginy.</p>
<p>
👉 Návody k pluginům, jak nastavit a jak s nimi pracovat.
</p>
<p>👉 Návody k práci s Kakoune.</p>
</section>
<section id="plugin">
<h2>Výběr pluginu v Kakoune Front-End Power:</h2>
<p>
👉 <strong>plug.kak</strong> nejduležitější plugin, aby bylo možné instalovat další pluginy.</p>
<p>
👉 <strong>kakoune-lsp</strong>
</p>
<p>
👉 <strong>luar</strong> rozšíří možnost instalovat pluginy napsané v jazyce Lua. </p>
<p>
👉 <strong>byline.kak</strong> vybere celý řádek pomocí klávesy <strong>x</strong> jako v Helix-editoru. </p>
<p>
👉 <strong>auto-pairs</strong> automaticky doplní závorky. </p>
<p>
👉 <strong>fzf.kak</strong> rychlé asynchronní vyhledávaní souborů. </p>
</section>
<section id="faq">
<h2>Otázky a odpovědi:</h2>
<p>👉 Kolik Kakoune stojí? -> Nic, Kakoune je zdarma.</p>
</section>
<section id="contact">
<h2>Kontakty:</h2>
<p>
👉 <a href="https://t.me/+RlXM8oEZ8TJkMWVk" target="_blank"> Kakoune community Telegram skupina</a>
</p>
<p>
👉 <a href="https://lukaskanka.cz/" target="_blank"> Osobní web autora</a>
</p>
<p>
👉 <a href="https://git.archoslinux.cz/kankys" target="_blank"> Gitea profil</a>
</p>
<p>
👉 <a href="https://github.com/LukasKanka/" target="_blank"> GitHub</a>
</p>
<p>
👉 <a href="https://nostr.band/npub12xzu8ejrl9cwpd034cqj5jtuztn4mxp3em2frckm9tk28kmy48vqr0u0yu" target="_blank">
Nostr</a>
</p>
<p>
👉 <a href="https://mastodon.arch-linux.cz/@Kankys" target="_blank"> Mastodon</a>
</p>
</section>
<section id="help">
<h2>Podpora:</h2>
<p>
👉 Pokud mě chceš podpořit nebo se podílet na obsahu tohoto webu, budu rád, když mi napíšeš.
</p>
<p>👉 Taky můžeš tento projekt podpořit pár Satoshi:</p>
<img class="sat" src="https://lukaskanka.cz/index/about/img/sat.jpeg" alt="Satoshi" />
</section>
<section id="other">
<h2>Další projekty a odkazy:</h2>
<p>
👉 <a href="https://arch-linux.cz/" target="_blank">ArchLinux CZ</a>
</p>
<p>
👉
<a href="https://searxng.cz/" target="_blank">Vyhledávač SearXNG CZ</a>
</p>
<p>
👉
<a href="https://endeavouros.com/" target="_blank">EndeavourOS Linux</a>
</p>
<p>
👉 <a href="https://i3wm.org/" target="_blank">i3 window manager</a>
</p>
</section>
</section>
<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>
<script src="script.js"></script>
</body>
</html>

155
index/terminal-space/kakoune/script.js Normal file
View File

@ -0,0 +1,155 @@
//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[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";
}
});
// Dark / Light Mode
const body = document.querySelector("body");
const head = document.querySelector("header");
const links = document.querySelectorAll("a");
const nav = document.querySelector(".navigation");
const h1 = document.querySelector("h1");
const nadpish2 = document.querySelectorAll("h2");
const p = document.querySelector("p");
const solid = document.querySelector(".fa-solid");
const solid1 = document.querySelector(".menu-icon");
const footer = document.querySelector("footer");
const gotop = document.querySelector("#scrollToTopBtn");
const theme = document.querySelector("#toggleButton");
const box = document.querySelectorAll(".code-box");
let isDraculaMode = false;
// Funkce pro nastavení stylů pro Dracula mód
function setDraculaStyles() {
body.style.backgroundColor = "#2a232b";
body.style.color = "#f8f8f2";
head.style.backgroundColor = "#2a232b";
theme.style.color = "#9fea8a";
gotop.style.color = "#9fea8a";
links.forEach((a) => {
a.style.color = "#f76b00";
});
nav.style.backgroundColor = "#2a232b";
h1.style.color = "#e54472";
nadpish2.forEach((h2) => {
h2.style.color = "#18f700";
});
solid.style.backgroundColor = "#2a232b";
solid.style.color = "#f76b00";
solid1.style.backgroundColor = "#2a232b";
footer.style.backgroundColor = "#2a232b";
//gotop.style.backgroundColor = "#18f700";
//theme.style.backgroundColor = "#18f700";
}
// Funkce pro nastavení stylů pro Light mód;
function setKakouneStyles() {
body.style.backgroundColor = "#9fea8a";
body.style.color = "#282a36";
h1.style.color = "#e84046";
theme.style.color = "#2a232b";
links.forEach((a) => {
a.style.color = "#ea3838";
});
gotop.style.color = "#2a232b";
head.style.backgroundColor = "#9fea8a";
nav.style.backgroundColor = "#9fea8a";
solid.style.backgroundColor = "#9fea8a";
solid1.style.backgroundColor = "#9fea8a";
footer.style.backgroundColor = "#9fea8a";
nadpish2.forEach((h2) => {
h2.style.color = "#1909f4";
});
//gotop.style.backgroundColor = "#a7e6ef";
//theme.style.backgroundColor = "#a7e6ef";
box.forEach((p) => {
p.style.color = "white";
});
}
// Funkce pro přepnutí módu
function toggleMode() {
if (isDraculaMode) {
// Pokud je momentálně v Dracula modu, přepnout na Light mód
setKakouneStyles();
isDraculaMode = false;
} else {
// Pokud je momentálně v Light modu, přepnout na Dracula mód
setDraculaStyles();
isDraculaMode = true;
}
}
// Funkce na změnu stylů
document.getElementById("toggleButton").addEventListener("click", toggleMode);
// Nastavení - výchozí styl na Dark
setKakouneStyles();
isDraculaMode = true;
// Photo Gallery -> section (zoom)
const image1 = document.querySelector(".picture");
image1.addEventListener("mouseenter", () => {
image1.style.transform = "scale(2.2)";
});
image1.addEventListener("mouseleave", () => {
image1.style.transform = "scale(1)";
});
const image2 = document.querySelector(".picture1");
image2.addEventListener("mouseenter", () => {
image2.style.transform = "scale(2.2)";
});
image2.addEventListener("mouseleave", () => {
image2.style.transform = "scale(1)";
});
const image3 = document.querySelector(".picture2");
image3.addEventListener("mouseenter", () => {
image3.style.transform = "scale(2.2)";
});
image3.addEventListener("mouseleave", () => {
image3.style.transform = "scale(1)";
});
// 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
}
// test smazat
const test = document.querySelector(".test");

212
index/terminal-space/kakoune/style.css Normal file
View File

@ -0,0 +1,212 @@
* {
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;
}
header {
margin-top: 25px;
display: flex;
align-items: center;
height: 70px;
flex-direction: row;
/*position: fixed;*/
}
.title {
padding-top: 25px;
}
.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;
}
/*Dark/Light mode button*/
#toggleButton {
float: right;
margin-right: 30px;
margin-top: 10px;
padding: 5px;
}
#toggleButton {
bottom: 20px;
right: 20px;
border: none;
outline: none;
background-color: transparent;
font-size: 34px;
cursor: pointer;
}
/*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 */
.content {
text-align: center;
}
.welcome {
padding-top: 115px;
padding-bottom: 50px;
}
#install {
padding-top: 50px;
}
#node {
padding-top: 50px;
padding-bottom: 50px;
}
#plans {
padding-top: 50px;
padding-bottom: 50px;
}
#contact {
padding-top: 50px;
padding-bottom: 50px;
}
#other {
padding-top: 50px;
}
/*Code box*/
.code-box {
background-color: #353535;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
font-family: monospace;
max-width: 400px;
margin: 0 auto;
}
/*Picture settings*/
.sat {
width: 175px;
height: 175px;
}
.photo {
text-align: center;
padding-top: 50px;
}
.photo img {
width: 300px;
height: 200px;
margin: 10px;
transition: all 0.5s linear;
}
/*footer pevná pozice*/
footer {
bottom: 0;
margin-bottom: 10px;
margin-left: 25px;
margin-top: 20px;
}
footer a {
text-decoration: none;
}
#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;
}

72
index/terminal-space/news.php Normal file
View File

@ -0,0 +1,72 @@
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta name="description" content="Terminal space svoboda v programování...." />
<meta name="keywords" content="Terminal space - Novinky" />
<meta name="author" content="Kankys" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link rel="shortcut icon" href="img/terminal-icon.png" />
<!--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>
<title>Terminal space - Novinky</title>
</head>
<body>
<header>
<h1 class="title">💾 Terminal space - Novinky</h1>
<!-- Terminal - navigation -->
<nav class="navigation">
<ul>
<li><a href="index.html">Hlavní strana</a></li>
<li><a href="apollo-nvim/index.html">🚀 ApolloNvim</a></li>
<li><a href="kakoune/index.html">Kakoune</a></li>
<!--<li><a href="manuals.html">Návody</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>
<hr />
<!--Začátek sekcí - co h2 sekce + fotogalerie-->
<section class="content" id="welcome">
<section class="welcome">
<div class="code-box">
<h3>Vyšla nová verze AstoNvim</h3>
<code>01.04.2024</code>
<p><a href="https://github.com/AstroNvim/AstroNvim">AstroNvim</a> je distribuce Neovimu beznutnosti další konfigurace.</p>
<p>Na nové verzi se pracovalo 10 měsíců a 2 měsíce trvalo veřejné beta testování.</p>
</div>
<div class="code-box">
<h3>Vyšla nová verze Helix-editoru 24.03</h3>
<code>01.04.2024</code>
<p>Před několika málo dny vyšla nová verze postmoderního modálního editoru <a href="https://helix-editor.com/" target="_blank">Helix</a>.</p>
<p>Helix-editor je napsán v Rustu a běží v terminálech na všech OS.</p><p>Nová verze obsahuje přes 150 vylepšení, na jejich seznam se můžete podívat pod tímto <a href="https://helix-editor.com/news/release-24-03-highlights/" target="_blank">odkazem</a>.</p>
</div>
<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>
<script src="script.js"></script>
</body>
</html>

149
index/terminal-space/script.js Normal file
View File

@ -0,0 +1,149 @@
//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[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";
}
});
// Dark / Light Mode
/*
const body = document.querySelector("body");
const head = document.querySelector("header");
const links = document.querySelectorAll("a");
const nav = document.querySelector(".navigation");
const h1 = document.querySelector("h1");
const nadpish2 = document.querySelectorAll("h2");
const p = document.querySelector("p");
const solid = document.querySelector(".fa-solid");
const solid1 = document.querySelector(".menu-icon");
const footer = document.querySelector("footer");
const gotop = document.querySelector("#scrollToTopBtn");
const theme = document.querySelector("#toggleButton");
const box = document.querySelectorAll(".code-box");
let isDraculaMode = false;
// Funkce pro nastavení stylů pro Dracula mód
function setDraculaStyles() {
body.style.backgroundColor = "#2a232b";
body.style.color = "#f8f8f2";
head.style.backgroundColor = "#2a232b";
theme.style.color = "#e7efa7";
gotop.style.color = "#e7efa7";
links.forEach((a) => {
a.style.color = "#f76b00";
});
nav.style.backgroundColor = "#2a232b";
h1.style.color = "#e54472";
nadpish2.forEach((h2) => {
h2.style.color = "#18f700";
});
solid.style.backgroundColor = "#2a232b";
solid.style.color = "#f76b00";
solid1.style.backgroundColor = "#2a232b";
footer.style.backgroundColor = "#2a232b";
//gotop.style.backgroundColor = "#18f700";
//theme.style.backgroundColor = "#18f700";
}
// Funkce pro nastavení stylů pro Light mód;
function setLightStyles() {
body.style.backgroundColor = "#e7efa7";
body.style.color = "#282a36";
theme.style.color = "#2a232b";
gotop.style.color = "#2a232b";
head.style.backgroundColor = "#e7efa7";
nav.style.backgroundColor = "#e7efa7";
solid.style.backgroundColor = "#e7efa7";
solid1.style.backgroundColor = "#e7efa7";
footer.style.backgroundColor = "#e7efa7";
nadpish2.forEach((h2) => {
h2.style.color = "#c627d8";
});
//gotop.style.backgroundColor = "#a7e6ef";
//theme.style.backgroundColor = "#a7e6ef";
box.forEach((p) => {
p.style.color = "white";
});
}
// Funkce pro přepnutí módu
function toggleMode() {
if (isDraculaMode) {
// Pokud je momentálně v Dracula modu, přepnout na Light mód
setLightStyles();
isDraculaMode = false;
} else {
// Pokud je momentálně v Light modu, přepnout na Dracula mód
setDraculaStyles();
isDraculaMode = true;
}
}
// Funkce na změnu stylů
document.getElementById("toggleButton").addEventListener("click", toggleMode);
// Nastavení - výchozí styl na Dark
setDraculaStyles();
isDraculaMode = true;
*/
// Photo Gallery -> section (zoom)
const image1 = document.querySelector(".picture");
image1.addEventListener("mouseenter", () => {
image1.style.transform = "scale(2.2)";
});
image1.addEventListener("mouseleave", () => {
image1.style.transform = "scale(1)";
});
const image2 = document.querySelector(".picture1");
image2.addEventListener("mouseenter", () => {
image2.style.transform = "scale(2.2)";
});
image2.addEventListener("mouseleave", () => {
image2.style.transform = "scale(1)";
});
const image3 = document.querySelector(".picture2");
image3.addEventListener("mouseenter", () => {
image3.style.transform = "scale(2.2)";
});
image3.addEventListener("mouseleave", () => {
image3.style.transform = "scale(1)";
});
// 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
}

239
index/terminal-space/style.css Normal file
View File

@ -0,0 +1,239 @@
@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("colors.css");
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
max-width: 1000px;
margin: 0 auto;
font-family: "Ubuntu", sans-serif;
background-color: var(--dracula-body-bg);
color: var(--dracula-color);
}
/*Header */
h1 {
padding-left: 8px;
}
header {
margin-top: 25px;
display: flex;
align-items: center;
height: 70px;
flex-direction: row;
/*position: fixed;*/
background-color: var(--dracula-header-bg);
}
a {
color: var(--dracula-links-color);
}
.title {
padding-top: 25px;
}
.title {
flex-grow: 1;
display: flex;
}
/* navigation */
nav {
margin-right: 30px;
}
nav li {
display: inline-block;
list-style-type: none;
margin-right: 20px;
}
nav li a {
text-decoration: none;
color: var(--dracula-nav-links-color);
}
.navigation {
background-color: var(--dracula-nav-bg);
}
h1 {
color: var(--dracula-h1-color);
}
h2 {
color: var(--dracula-h2-color);
}
.fa-solid {
background-color: var(--dracula-solid-bg);
color: var(--dracula-solid-color);
}
/* 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;
}
}
/* Sekce */
.content {
text-align: center;
}
#welcome {
padding-top: 50px;
padding-bottom: 50px;
}
#install {
padding-top: 50px;
}
#node {
padding-top: 50px;
padding-bottom: 50px;
}
#apollo {
padding-top: 50px;
padding-bottom: 50px;
}
#coc {
padding-top: 50px;
padding-bottom: 50px;
}
#contact {
padding-top: 50px;
padding-bottom: 50px;
}
#plugin {
padding-top: 50px;
}
#other {
padding-top: 50px;
}
/*Code box*/
.code-box {
background-color: #353535;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
font-family: monospace;
max-width: 500px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
}
/*Picture settings*/
.sat {
width: 175px;
height: 175px;
}
.photo {
text-align: center;
padding-top: 50px;
}
.photo img {
width: 300px;
height: 200px;
margin: 10px;
transition: all 0.5s linear;
}
/*footer pevná pozice*/
footer {
bottom: 0;
margin-bottom: 10px;
margin-left: 25px;
margin-top: 20px;
}
footer a {
text-decoration: none;
}
#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;
color: var(--dracula-scrollToTopBtn-color);
}
/* Styl pro ikonu */
#scrollToTopBtn i {
font-size: 34px;
}
/*Instalace*/
.list ul {
list-style-type: none;
}
.list {
padding-top: 50px;
padding-bottom: 50px;
}
#plug-vim {
padding-top: 50px;
padding-bottom: 50px;
}
.h2-install {
padding-bottom: 15px;
}

128
index/tools/index.html Normal file
View File

@ -0,0 +1,128 @@
<!doctype html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="Kankys Matrix" content="Kankys s čím pracuji." />
<title>Nástroje</title>
<link rel="stylesheet" href="../../style/style.css" />
<link
rel="icon"
type="image/x-icon"
href="../../res/site/icons/favicon.ico"
/>
<link rel="shortcut icon" href="img/logo_arch_linux_167.png" />
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script
id="MathJax-script"
async=""
src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"
></script>
</head>
<body>
<header class="page-header" role="banner">
<h1 class="project-name">Nástroje</h1>
<h2 class="project-tagline">
Seznam nástrojů se kterými nejvíce pracuji.
</h2>
<a href="../../" class="btn">Domů</a>
</header>
<main id="content" class="main-content" role="main">
<h3>Software se kterým nejčastěji pracuji</h3>
<div class="obsah">
<div class="Helix">
<h3>Helix</h3>
<p>
<a href="https://helix-editor.com/" target="_blank">Helix</a> je
postmoderní modální editor.
</p>
<p>
Název postmoderní získal z důvodu: Jestliže je
<a href="https://neovim.io/" target="_blank">Neovim</a> moderní Vim,
pak je Helix postmoderní.
</p>
<p>
Od již zmiňovaného Neovimu ho odlišuje spousty věcí i když koncept
modálního editoru sdílí oba dva. Oba editory podporují LSP, ale
Helix už nepodporuje pluginy tak není tak rošiřitelný jako Neovim.
Dokonce mají oba jiné klávesové zkratky a obrácenou logigu příkazu,
v Helixu vyberete objekt a pak vykonáte příkaz Neovim to má opačně.
Helix je skvělým nástrojem pro nováčky v modálních editorech, ale
náročný uživatel bez možnosti pluginů nebude asi zcela spokojený. Já
jsem i přes jeho nevýhody oproti Neovim na něj přešel jelikož jeho
výhody jsou pro mě větší důvod ho používat. Určitě stojí za
ozkoušení a třeba i vy si ho oblíbíte jako já.
</p>
<p>
Můj setup na vývoj frontend si můžeš prohlédnout na mé
<a
href="https://git.archoslinux.cz/kankys/Helix-frontend-setup.git"
target="_blank"
>Gitea</a
>.
</p>
<p>
Na mém
<a href="https://lukan.cz/?s=Helix" target="_blank">Blogu</a> na
témá Helix najdeš více informací či mé
<a
href="https://publish.obsidian.md/kankys-note/Digital+Garden+%F0%9F%8C%B1/Digital+Notes+%F0%9F%93%94/Helix/Helix"
>Digitální zahradě</a
>
a
<a href="https://dev.to/kankys" target="_blank">Dev.to</a> profilu.
</p>
</div>
<div class="obsidian">
<h3>Obsidian</h3>
<p>
<a href="https://obsidian.md/" target="_blank">Obsidian</a> markdown
editor pro ty nejnáročnější.
</p>
<p>
Další softwar bez kterého se neobejdu je textový editor. Velmi jsem
si oblíbil formát Markdown a začal jsem zkoušet velké množství
editorů a nakonec jsem zůstal u Obsidianu. Je možné ho rozšířit
pluginy a jeho největší výhodouje, vaše data zůstávají u vás
narozdíl od jiných textových editorů.
</p>
<p>
Pokud se chceš o Obsidianu dozvědět více, pod odkazem najdeš další
materiály k
<a href="https://lukan.cz/?s=obsidian" target="_blank">Obsidianu</a
>.
</p>
</div>
</div>
<div class="neovim">
<h3>Neovim</h3>
<p>
Modální editor <a href="https://neovim.io/" target="_blank">Neovim</a>
je jeden z mých oblíbených editorů. Tento editor jsem už dlouhou dobu
používal před Helixem, oproti Helixu má mnohem strmější křivku učení.
Jeho největší výhodou je spousta pluginu a možnost si ho přizbůsobit
dle sebe. Jeho hlavní nevýhoda je, nezkušený uživatel si ho může lehce
rozbí.
</p>
<p>
Na moje nastavení Neovimu se můžeš podívat na mé
<a
href="https://git.archoslinux.cz/kankys/Nvim-frontend-setup"
target="_blank"
>Gitea</a
>.
</p>
</div>
</main>
<footer>Copyright &copy; Lukáš Kaňka 2024</footer>
</body>
</html>

0
style/alt.index.html Executable file → Normal file
View File

2
style/alt.style.css Executable file → Normal file
View File

@ -56,7 +56,7 @@
/* Main styles */
body {
margin-top: 13.5rem;
margin-top: 0.1rem;
color: var(--primary);
font-family: Utopia, "Liberation Serif";
text-align: center;

0
style/style.css Executable file → Normal file
View File