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

lkalizace aj

Browse Source
This commit is contained in:
kankys 2025-02-01 19:04:40 +01:00
parent 7437631110
commit 43e4de881e
27 changed files with 1802 additions and 414 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@ -1,3 +1,5 @@
# ApolloNvim2025Web
Web k projektu ApolloNvim
Web k projektu ApolloNvim
Web nemá zatím svou doménu ani hosting. To se snad brzy změní a najde svůj domov.

0
colors.css → cz/colors.css
View File

0
img/config.png → cz/img/config.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 160 KiB

After

Width:  |  Height:  |  Size: 160 KiB

0
img/fzf.png → cz/img/fzf.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 226 KiB

After

Width:  |  Height:  |  Size: 226 KiB

0
img/home.png → cz/img/home.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 113 KiB

After

Width:  |  Height:  |  Size: 113 KiB

0
img/icons8-rocket.gif → cz/img/icons8-rocket.gif
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

183
cz/index.html Normal file
View File

@ -0,0 +1,183 @@
<!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.html">Instalace</a></li>
<li><a href="plugins.html">Pluginy</a></li>
<li><a href="manuals.html">Návody</a></li>
<li><a href="/en/index.html">English</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>
<h3>Programování je mnohem zábavnější, když jste efektivní. Neovim vás tam může časem dostat, ale musíte být ochotni zkoušet nové věci. Nové pluginy, nové remapy atd.</h3>
<p>Repozitář <a href="https://codeberg.org/Kankys/ApolloNvim2025" target="_blank">projektu</a></p>
<p>
👉 Neovim setup pro Front-End vývoj postavený na <a href="https://github.com/junegunn/vim-plug" target="_blank">plug.vim</a>, <a href="https://github.com/neoclide/coc.nvim" target="_blank">Coc</a> a <a href="https://neovim.io/doc/user/lua-guide.html" target="_blank">Lua</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>👉 V říjnu 2024 byla nově přidána podpora PHP a také Automatická instalace puginu.</p>
<p>👉 Velký důraz je kladen na rychlost a lehkost.</p>
<p>
👉 🚀 ApolloNvim Distro je pravidelně aktualizováno tak i celý projekt.
</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> nebo <a href="https://gnome-terminator.org/" target="_blank"> Terminator</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 (CTRL + k). Také 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, stabilitu a rychlost.
</p>
<p>
👉 Ty nejlepší témata pro Neovim (ať je nemusíte hledat), je defaultně
nastavéné GitHub Dark.
</p>
<p>
👉 Téma v Neovim si jednoduše změníte v command line příkazem
<strong>:colorscheme</strong> 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>👉 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>
<p>👉 Jak je moc složitý 🚀 ApolloNvim? -> 🚀 ApolloNvim je možná složitější než ostatní editory, ale jak se sním človek naučí zjistí jak je skvělý editor.
</p>
</section>
<section id="contact">
<h2>Kontakty:</h2>
<p>
<a href="https://lukaskanka.cz/" target="_blank">👉 Osobní web autora 🚀 ApolloNvim</a>
</p>
<p>
<a href="https://codeberg.org/Kankys" target="_blank">👉 Codeberg profil</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://lukan.cz/wp-content/uploads/2025/01/0a895d16-ce64-4e8a-9a9d-05c568dc916e_1124x1532-220x300.webp" 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://codeberg.org/Kankys" target="_blank">Lukáš Kaňka</a>
2024 -2025
</footer>
</section>
<script src="script.js"></script>
</body>
</html>

60
install.html → cz/install.html
View File

@ -33,7 +33,7 @@
<body>
<header>
<h1 class="title">🚀ApolloNvim Instalace</h1>
<h1 class="title">🚀ApolloNvim</h1>
<!-- Terminal - navigation -->
<nav class="navigation">
@ -49,6 +49,7 @@
>Návody</a
>
</li>
<li><a href="/en/index.html">English</a></li>
</ul>
</nav>
<div class="menu-icon">
@ -113,6 +114,7 @@
</section>
<section id="node">
<h2>Node.js:</h2>
<p>Tato část není důležitá pokud vás nezajímá vývoj web aplikací.</p>
<p>
👉 Doporučuji mít nainstalovaný
<a
@ -205,23 +207,17 @@
<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
>.
👉 Nejjednoduší způsob pro instalaci 🚀 ApolloNvim Distra pro Linux a MacOS si stačí stáhnout tento repozitář příkazem :
</p>
<div class="code-box">
<p>git clone -b nvim https://codeberg.org/Kankys/ApolloNvim2025.git ~/.config/nvim</p>
</div>
<p>
👉 Pozor tento příkaz výše vám přepíše dosavadní složku nvim v ~/.config/nvim. <strong>Nezapomeňte na zálohu stávající složky nvim než ji přepíšete novou s tohoto repozitáře například že původní přejmenujete nvim.bak.</strong>
</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
>
👉 Ale pokud chcete můžete si Nvim nakonfigurovat dle sebe a jen se inspirovat.
</p>
<p>
👉 Neovim pustíte v terminálu příkazem
@ -229,10 +225,7 @@
</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.
👉 In Neovim, type <strong>PlugInstall</strong> in the command line , this will install all plugins. Restart Neovim.
</p>
<p>
👉 Pokud Vám některý plugin chybí,
@ -261,14 +254,23 @@
</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
CocInstall 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-webview
coc-phpls
coc-prettier
coc-eslint
coc-highlighting
</p>
</div>
<p>
@ -295,7 +297,7 @@
target="_blank"
>Lukáš Kaňka</a
>
2024
2024 - 2025
</footer>
</section>
<script src="script.js"></script>

197
cz/plugins.html Normal file
View File

@ -0,0 +1,197 @@
<!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.html">Domů</a></li>
<li><a href="install.html">Instalace</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 id="plugin">
<h2>Pluginy 🚀 ApolloNvim Distro 2025</h2>
<p>
Bezpečnost a soukromí je to nejdůležitější, proto tu je tento seznam. V seznamu najdeš všechny pluginy co jsou použité v této konfiguraci s odkazem na zdroj. Plaginy které nechceš požívat zakomentuj nebo smaž v init.vim. Případě Coc plugin vynech při příkazu CocInstall název-plaginu.
</p>
<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/neoclide/coc.nvim" target="_blank">Coc</a> balíčkovací manager pro instalování doplňků do Neovim.
</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/othree/html5.vim" target="_blank">html5.vim</a> plugin pro HTML syntax highlighting.
</p>
<p>
👉 <a href="https://github.com/valsorym/scrooloose-nerdtree" target="_blank">NERDTree</a> vytvoří vám stromový postranní panel.
</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.(Zakomentován aktivní náhrada TabNine)
</p>
<p>
👉 <a href="https://github.com/codota/tabnine-nvim" target="_blank">Tabnine</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/Pocco81/auto-save.nvim" target="_blank">Auto-save</a>
plugin pro automatické ukládání vašich souboru.
</p>
<p>
👉 <a href="https://github.com/nvim-treesitter/nvim-treesitter" target="_blank">Tree-sitter</a> plugin pro zvýraznění kódu.
</p>
<p>
👉 <a href="https://github.com/shellRaining/hlchunk.nvim" target="_blank">Hlchunk</a> propojí kód vertikálními lajny.
</p>
<p>
👉 <a href="https://github.com/tpope/vim-fugitive" target="_blank">Vim-Fugitive</a> plugin pro git.
</p>
<p>
👉 <a href="https://github.com/lilydjwg/colorizer" target="_blank">Colorizer</a> plugin pro náhled barev dle kódového označení.
</p>
<p>
👉 <a href="https://github.com/pangloss/vim-javascript" target="_blank">Vim - javascript</a> plugin pro podporu javascript.
</p>
<p>
👉 <a href="https://github.com/akinsho/toggleterm.nvim" target="_blank">Toggletherm</a> vylepšený terminál.
</p>
<p>
👉 <a href="https://github.com/airblade/vim-gitgutter" target="_blank">Vim-Gitgutter</a> git nápověda ke změně v kódu.
</p>
<p>
👉 <a href="https://github.com/lewis6991/gitsigns.nvim" target="_blank">Gitsigns</a> ukazuje změny v kódu.
</p>
<p>
👉 <a href="https://github.com/nvim-lua/plenary.nvim" target="_blank">Planery</a>
</p>
</section>
<section id="coc">
<h2>Coc extensions</h2>
<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/neoclide/coc.nvim/wiki/Using-coc-extensions" target="_blank">Coc extensions</a> pod tímto odkazem najdeš všechny COC rozšíření do Neovim.</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-webview</p>
<p>👉 coc-phpls</p>
<p>👉 coc-prettier</p>
<p>👉 coc-eslint</p>
<p>👉 coc-highlighting</p>
</section>
<section id="themes">
<h2>Colorschemes</h2>
<p>👉 <a href="https://github.com/dracula/vim" target="_blank">Dracula</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/morhetz/gruvbox" target="_blank">Gruvbox</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/catppuccin/nvim" target="_blank">Catppuccin</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/arcticicestudio/nord-vim" target="_blank">Nord</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/ghifarit53/tokyonight-vim" >Tokyo Night</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/EdenEast/nightfox.nvim" target="_blank">Nightfox</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/sainnhe/sonokai" target="_blank">Sonokai</a> téma Sonokai pro Neovim.</p>
<p>👉 <a href="https://github.com/Tsuzat/NeoSolarized.nvim" target="_blank">NeoSolarized</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/bluz71/vim-moonfly-colors" target="_blank">Moonfly</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/joshdick/onedark.vim" target="_blank">Onedark</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/sainnhe/edge" target="_blank">Edge</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/vim-airline/vim-airline" target="_blank">Airline</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/projekt0n/github-nvim-theme" target="_blank">GitHub</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/bluz71/vim-nightfly-colors" target="_blank">Nightfly</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/xero/miasma.nvim" target="_blank">Miasma</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/sts10/vim-pink-moon" target="_blank">Pink moon</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/tlhr/anderson.vim" target="_blank">Anderson</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/jacoborus/tender.vim" target="_blank">Tender</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/haishanh/night-owl.vim" target="_blank">Night owl</a> owl téma pro Neovim.</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 - 2025
</footer>
</section>
<script src="script.js"></script>
</body>
</html>

0
script.js → cz/script.js
View File

0
style.css → cz/style.css
View File

303
cz/tutorials.html 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 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.html">Domů</a></li>
<li>
<a href="install.html"
>Instalace</a
>
</li>
<li>
<a href="plugins.html"
>Pluginy</a
>
</li>
<li><a href="/en/index.html">English</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 - 2025
</footer>
</section>
<script src="script.js"></script>
</body>
</html>

14
en/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
en/img/config.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 160 KiB

BIN
en/img/fzf.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 226 KiB

BIN
en/img/home.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 113 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

161
en/index.html Normal file
View File

@ -0,0 +1,161 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="description" content="ApolloNvim freedom in programming...." />
<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"><a href="index.html">🚀ApolloNvim</a></h1>
<!-- Terminal - navigation -->
<nav class="navigation">
<ul>
<li><a href="install.html">Installation</a></li>
<li><a href="plugins.html">Plugins</a></li>
<li><a href="tutorials.html">Tutorials</a></li>
<li><a href="/cz/index.html">Česky</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>Tutorials:</h2>
<h3>Programming is much more fun when you are efficient. Neovim can get you there eventually, but you have to be willing to try new things. New plugins, new remaps, etc.</h3>
<p><a href="https://codeberg.org/Kankys/ApolloNvim2025" target="_blank">Project</a> repository</p>
<p>
👉 Neovim setup for Front-End development based on <a href="https://github.com/junegunn/vim-plug" target="_blank">plug.vim</a>, <a href="https://github.com/neoclide/coc.nvim" target="_blank">Coc</a> and <a href="https://neovim.io/doc/user/lua-guide.html" target="_blank">Lua</a>.
</p>
<p>
👉 The advantages of Neovim over a classic IDE are undeniable in the freedom of configuration, there are thousands of possibilities how your Neovim can look and work. For your inspiration and use this project was created 🚀 ApolloNvim.
</p>
<p>
👉 This distribution doesn't just work by clicking a button and installing. It will lead you to a separate installation using this site. The goal is to understand how Neovim works so you can modify everything yourself, which even click-on distributions don't teach you.
</p>
<p>
👉 This setting is primarily for web development. I was inspired by the plugins I used in VSCode and Webstorm.
</p>
<p>👉 In October 2024, PHP support was newly added as well as Automatic pugin installation.</p>
<p>👉 Great emphasis is placed on speed and lightness.</p>
<p>
👉 🚀 ApolloNvim Distro is regularly updated and so is the whole project.
</p>
<p>
👉 For the best experience with 🚀 ApolloNvim Distro, I recommend using <a href="https://git.archoslinux.cz/kankys/zellij-mySetup" target="_blank">Zellij </a> or <a href="https://gnome-terminator.org/" target="_blank"> Terminator</a> multiplexor, but it's not a requirement of course.
</p>
</section>
<section id="advantages">
<h2>Advantages:</h2>
<p>
👉 The main advantages of this setup are support for Codeium, a free alternative to Copilot, Prettier, AutoSave, HTML, CSS, JS dipping and shortcuts to comment and uncomment code (CTRL + k). There are also several plugins to make working in Neovi more enjoyable.
</p>
<p>
👉 With <a href="https://github.com/neovim/nvim-lspconfig" target="_blank">LSP</a> in this installation I use <a href="https://github.com/neoclide/coc.nvim" target="_blank">Coc</a> for its simplicity, stability and speed.
</p>
<p>
👉 The best themes for Neovim (so you don't have to search for them) is the default GitHub Dark.
</p>
<p>
👉 To change the theme in Neovi, simply use the <strong>:colorscheme</strong> command in the command line and use the Tab button to switch between themes.
</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>Plan 🚀ApolloNvim:</h2>
<p>
👉 You can expect these new features and more in the future:
</p>
<p>👉 Installer 🚀 ApolloNvim via link from Git.</p>
<p>👉 New custom welcome screen.</p>
<p>👉 New plugins.</p>
👉 Tutorials on plugins, how to set them up and how to work with them.
</p>
<p>👉 Instructions for working with Neovi.</p>
</section>
<section id="faq">
<h2>Questions and Answers:</h2>
<p>👉 How much does ApolloNvim cost? -> Nothing 🚀 ApolloNvim is free.</p>
<p>👉 How complicated is 🚀 ApolloNvim? -> 🚀 ApolloNvim may be more complicated than other editors, but once you learn how to use it, you'll see how great it is.
</p>
</section>
<section id="contact">
<h2>Contact:</h2>
<p>
<a href="https://lukaskanka.cz/" target="_blank">👉 Author's personal website 🚀 ApolloNvim</a>
</p>
<p>
<a href="https://codeberg.org/Kankys" target="_blank">👉 Codeberg profile</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>Support:</h2>
<p>
👉 If in any way you want to support or contribute to the content and functionality of 🚀 ApolloNvim, please let me know.
</p>
<p>👉 You can also support this project with a few Satoshi:</p>
<img class="sat" src="https://lukan.cz/wp-content/uploads/2025/01/0a895d16-ce64-4e8a-9a9d-05c568dc916e_1124x1532-220x300.webp" alt="Satoshi" />
</section>
<section id="other">
<h2>Other projects and links:</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://codeberg.org/Kankys" target="_blank">Lukáš Kaňka</a>
2024 -2025
</footer>
</section>
<script src="script.js"></script>
</body>
</html>

295
en/install.html Normal file
View File

@ -0,0 +1,295 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="description"
content="ApolloNvim freedom in programming...."
/>
<meta name="keywords" content="ApolloNvim Distro Installation" />
<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 Installation</title>
</head>
<body>
<header>
<h1 class="title"><a href="index.html">🚀ApolloNvim</a></h1>
<!-- Terminal - navigation -->
<nav class="navigation">
<ul>
<li><a href="index.html">Home</a></li>
<li>
<a href="plugins.html"
>Plugins</a
>
</li>
<li>
<a href="tutorials.html"
>Tutorials</a
>
</li>
<li><a href="/cz/index.html">Česky</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>Installation and setup:</h2>
<p>
<strong>
Before installing new plugins, always check the documentation for the plugins on Github. This will prevent potential problems! If you're not sure about the procedure or something is not clear, you'd better check the documentation,write to us or the forums to find the answer.
</strong>
</p>
<p>
👉 If you don't have it yet, install
<a
href="https://neovim.io/"
target="_blank"
>Neovim</a
>.
</p>
<p>
👉 You will need to install plug.vim to install the extension.
</p>
<p>
👉 Go to this
<a
href="https://github.com/junegunn/vim-plug"
target="_blank"
>page</a
> under Installation find your operating system and copy the link under it into your terminal.
</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>
👉 Nejjednoduší způsob pro instalaci 🚀 ApolloNvim Distra pro Linux a MacOS si stačí stáhnout tento repozitář příkazem :
</p>
<div class="code-box">
<p>git clone -b nvim https://codeberg.org/Kankys/ApolloNvim2025.git ~/.config/nvim</p>
</div>
<p>
👉 Pozor tento příkaz výše vám přepíše dosavadní složku nvim v ~/.config/nvim. <strong>Nezapomeňte na zálohu stávající složky nvim než ji přepíšete novou s tohoto repozitáře například že původní přejmenujete nvim.bak.</strong>
</p>
<p>
👉 Ale pokud chcete můžete si Nvim nakonfigurovat dle sebe a jen se inspirovat.
</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-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-webview
coc-phpls
coc-prettier
coc-eslint
coc-highlighting
</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 - 2025
</footer>
</section>
<script src="script.js"></script>
</body>
</html>

198
en/plugins.html Normal file
View File

@ -0,0 +1,198 @@
<!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.html">Domů</a></li>
<li><a href="install.html">Instalace</a></li>
<li><a href="manuals.html">Návody</a></li>
<li><a href="/cz/index.html">Česky</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>Pluginy 🚀 ApolloNvim Distro 2025</h2>
<p>
Bezpečnost a soukromí je to nejdůležitější, proto tu je tento seznam. V seznamu najdeš všechny pluginy co jsou použité v této konfiguraci s odkazem na zdroj. Plaginy které nechceš požívat zakomentuj nebo smaž v init.vim. Případě Coc plugin vynech při příkazu CocInstall název-plaginu.
</p>
<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/neoclide/coc.nvim" target="_blank">Coc</a> balíčkovací manager pro instalování doplňků do Neovim.
</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/othree/html5.vim" target="_blank">html5.vim</a> plugin pro HTML syntax highlighting.
</p>
<p>
👉 <a href="https://github.com/valsorym/scrooloose-nerdtree" target="_blank">NERDTree</a> vytvoří vám stromový postranní panel.
</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.(Zakomentován aktivní náhrada TabNine)
</p>
<p>
👉 <a href="https://github.com/codota/tabnine-nvim" target="_blank">Tabnine</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/Pocco81/auto-save.nvim" target="_blank">Auto-save</a>
plugin pro automatické ukládání vašich souboru.
</p>
<p>
👉 <a href="https://github.com/nvim-treesitter/nvim-treesitter" target="_blank">Tree-sitter</a> plugin pro zvýraznění kódu.
</p>
<p>
👉 <a href="https://github.com/shellRaining/hlchunk.nvim" target="_blank">Hlchunk</a> propojí kód vertikálními lajny.
</p>
<p>
👉 <a href="https://github.com/tpope/vim-fugitive" target="_blank">Vim-Fugitive</a> plugin pro git.
</p>
<p>
👉 <a href="https://github.com/lilydjwg/colorizer" target="_blank">Colorizer</a> plugin pro náhled barev dle kódového označení.
</p>
<p>
👉 <a href="https://github.com/pangloss/vim-javascript" target="_blank">Vim - javascript</a> plugin pro podporu javascript.
</p>
<p>
👉 <a href="https://github.com/akinsho/toggleterm.nvim" target="_blank">Toggletherm</a> vylepšený terminál.
</p>
<p>
👉 <a href="https://github.com/airblade/vim-gitgutter" target="_blank">Vim-Gitgutter</a> git nápověda ke změně v kódu.
</p>
<p>
👉 <a href="https://github.com/lewis6991/gitsigns.nvim" target="_blank">Gitsigns</a> ukazuje změny v kódu.
</p>
<p>
👉 <a href="https://github.com/nvim-lua/plenary.nvim" target="_blank">Planery</a>
</p>
</section>
<section id="coc">
<h2>Coc extensions</h2>
<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/neoclide/coc.nvim/wiki/Using-coc-extensions" target="_blank">Coc extensions</a> pod tímto odkazem najdeš všechny COC rozšíření do Neovim.</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-webview</p>
<p>👉 coc-phpls</p>
<p>👉 coc-prettier</p>
<p>👉 coc-eslint</p>
<p>👉 coc-highlighting</p>
</section>
<section id="themes">
<h2>Colorschemes</h2>
<p>👉 <a href="https://github.com/dracula/vim" target="_blank">Dracula</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/morhetz/gruvbox" target="_blank">Gruvbox</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/catppuccin/nvim" target="_blank">Catppuccin</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/arcticicestudio/nord-vim" target="_blank">Nord</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/ghifarit53/tokyonight-vim" >Tokyo Night</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/EdenEast/nightfox.nvim" target="_blank">Nightfox</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/sainnhe/sonokai" target="_blank">Sonokai</a> téma Sonokai pro Neovim.</p>
<p>👉 <a href="https://github.com/Tsuzat/NeoSolarized.nvim" target="_blank">NeoSolarized</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/bluz71/vim-moonfly-colors" target="_blank">Moonfly</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/joshdick/onedark.vim" target="_blank">Onedark</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/sainnhe/edge" target="_blank">Edge</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/vim-airline/vim-airline" target="_blank">Airline</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/projekt0n/github-nvim-theme" target="_blank">GitHub</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/bluz71/vim-nightfly-colors" target="_blank">Nightfly</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/xero/miasma.nvim" target="_blank">Miasma</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/sts10/vim-pink-moon" target="_blank">Pink moon</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/tlhr/anderson.vim" target="_blank">Anderson</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/jacoborus/tender.vim" target="_blank">Tender</a> téma pro Neovim.</p>
<p>👉 <a href="https://github.com/haishanh/night-owl.vim" target="_blank">Night owl</a> owl téma pro Neovim.</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 - 2025
</footer>
</section>
<script src="script.js"></script>
</body>
</html>

149
en/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
en/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;
}

3
manuals.html → en/tutorials.html
View File

@ -48,6 +48,7 @@
>Pluginy</a
>
</li>
<li><a href="/cz/index.html">Česky</a></li>
</ul>
</nav>
<div class="menu-icon">
@ -294,7 +295,7 @@
target="_blank"
>Lukáš Kaňka</a
>
2024
2024 - 2025
</footer>
</section>
<script src="script.js"></script>

BIN
img/apollonvim.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 372 KiB

215
index.html
View File

@ -1,193 +1,32 @@
'
<!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>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Přesměrování na základě jazyka</title>
<style>
body {
background-image: url('img/apollonvim.jpg');
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
</style>
<script>
// Funkce pro přesměrování na základě jazyka prohlížeče
function redirectBasedOnLanguage() {
const userLang = navigator.language || navigator.userLanguage;
if (userLang.startsWith('en')) {
window.location.href = '/en/index.html';
} else {
window.location.href = '/cz/index.html';
}
}
// Přesměrování při načtení stránky
window.onload = redirectBasedOnLanguage;
</script>
</head>
<body>
<header>
<h1 class="title">🚀ApolloNvim</h1>
<!-- Terminal - navigation -->
<nav class="navigation">
<ul>
<li><a href="install.html">Instalace</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 />
<!--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://lukan.cz/wp-content/uploads/2025/01/0a895d16-ce64-4e8a-9a9d-05c568dc916e_1124x1532-220x300.webp" 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>
<!--<p>Prosím, čekejte... přesměrovávám na příslušnou jazykovou verzi.</p>-->
</body>
</html>
'

136
plugins.html
View File

@ -1,136 +0,0 @@
<!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 2025</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
sablona.txt
View File

@ -1,59 +0,0 @@
<!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>