diff --git a/.index.html.kak.YAPdoz b/.index.html.kak.YAPdoz new file mode 100644 index 0000000..5f87dd8 --- /dev/null +++ b/.index.html.kak.YAPdoz @@ -0,0 +1,331 @@ + + + + + + + + + + + + + + + + + + + + + Kakoune Czech Community + + + +
+

Kakoune Czech Community

+ + + + +
+
+ + + +
+
+

Úvod:

+

+ 👉 Kakoune setup pro Front-End vývoj postavený na + LSP. +

+

+ 👉 Kakoune je modální editor pro + Linux a + macOS + jako je třeba + Vim či + Neovim. . Z Kakoune + vychází také jeden velmi oblíbený modální editor + Helix-editor. + Jak Kakoune tak Helix se liší od Vim a Neovim 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 pluginy. Proto je vhodný + Kakoune vhodný pro zkušenější uživatele. A náš web by ti měl pomoc s + prvotním nastavením. +

+

+ 👉 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 Kakoune funguje aby jste si mohli samy vše modifikovat. +

+

+ 👉 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 v VSCode a + Webstorm. +

+

👉 Velký důraz je kladen na rychlost a lehkost.

+

👉 Tento blog je stále ve vývoji a postupně se na něm pracuje.

+

+ 👉 Pro nejlepší zážitek s Kakoune doporučuji používat multiplexor + Zellij , ale není to samozřejmě podmínkou. +

+
+
+

Přednosti:

+

+ 👉 Hlavní přednosti tohoto nastavení jsou podpora: AutoSave, + doplňování HTML, CSS, JS a zkratky k zakomentování a odk omentování + kódu. Taky je zde několik pluginu pro příjemnější práci v Neovim. +

+

+ 👉 LSP se + mi velmi osvědčilo v modálním editoru + Helix-editor + má konfigurace + Helixu a zde také i když vše nefunguje zcela stejně ve všech editorech. +

+

+ 👉 Ty nejlepší témata v Kakoune najdeš po instalaci ať je nemusíš hledat, defaultně je + v naší konfiguraci nastaveno gruvbox-dark. +

+

+ 👉 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 Ctrl + :. +

+
+
+ Homescreen + Zellij + Command +
+
+

Instalace a nastavení:

+

+ 👉 Pokud ještě nemáš nainstaluj si + Kakoune. +

+

👉 Nejprve si zálohuj své aktuální nastavení Kakoune!!!

+

👉 Linux & Mac:

+
+

~/.config/kak/kakrc

+
+

Aby Kakoune dobře komunikoval s LSP je potřeba mít nainstalovaný Rust.

+
+
+

Node.js:

+

+ 👉 Doporučuji mít nainstalovaný + Node.js. +

+

Pro správnou funkčnost mého setupu si doinstaluj, a pro podporu jazyků díky LSP tyto balíčky:

+

vscode-html-language-server

+

vscode-css-language-server

+

typescript-language-server

+

emmet-ls

+

tailwindcss-language-server

+

marksman

+

markdoc-ls

+

A také tento server pro správnou funkčnost HTML v LSP příkazem: npm install -g vscode-{html,css,json}-languageserver-bin.

+

+ 👉 Dále si v Node.js nainstaluj + Live-server. +

+

+ Platí v případě že chceš dělat front-end nebo programuješ v + Javascriptu. +

+

👉 Ve svém projektu budeš moc pouštět svůj index.html příkazem:

+
+

npx live-server

+
+

Všechny severy co si můžeš pomocí LSP nainstalovat najdeš zde.

+
+
+

Kakoune:

+

+ 👉 Pro instalaci Front-End Kakoune Power ti stačí stáhnout pouze soubor + kakrc s tohoto repozitáře . +

+

+ 👉 Ulož ho do kořenováho adresáře ~/.config/kak/. Nezapomeň na zálohu stávajících souborů, pokud máš i své configy. +

+

👉 Kakoune pustíš v terminálu příkazem kak.

+

+ 👉 V Kakoune zadej do command line plug-install , tím + nainstaluješ všechny pluginy. Restartuj Kakoune. +

+

+ 👉 Pokud ti některý plugin chybí můžeš ho lehce doinstalovat nebo + naopak odinstalovat. Více informací + najdeš v Kakoune + dokumentaci + nebo velmi rád poradím viz. o nás. +

+

+ 👉 Pokud některý plugin nechcete používat stačí v souboru + kakrc ho zakomentovat pomocí hastagu + #. +

+

+ 👉 Tuto konfiguraci používám na Linuxu i MacOS.

+
+
+

Plán Kakoune Front-End Power:

+

+ 👉 Do budoucna můžete očekávat tyto nové funkce a další novinky: +

+

+ 👉 Web na vlastní doméně zatím Kakoune Front-End Power najdeš + zde. + -> Vysoká priorita +

+

👉 Nové pluginy.

+

+ 👉 Návody k pluginům, jak nastavit a jak s nimi pracovat. -> Vysoká + priorita +

+

👉 Návody k práci s Kakoune -> Vysoká priorita

+
+
+

Výběr pluginu v Kakoune Front-End Power:

+

+ 👉 plug.kak nejduležitější plugin aby bylo možné instalovat další pluginy.

+

+ 👉 kakoune-lsp +

+

+ 👉 luar rozšíří možnost instalovat pluginy napsané v jazyce Lua

+

+ 👉 byline.kak vybere celí řádek pomocí klávesy x jako v Helix-editoru

+

+ 👉 auto-pairs automaticky doplní závorky.

+

+ 👉 fzf.kak rychlé asynchroní vyhledávaní souborů

+
+
+

Otázky a odpovědi:

+

👉 Kolik stojí Kakoune? -> Nic Kakoune je zdarma.

+
+
+

Kontakty:

+

+ 👉 Kakoune community Telegram skupina +

+

+ 👉 Osobní web autora +

+

+ 👉 Gitea profil +

+

+ 👉 GitHub +

+

+ 👉 Nostr +

+

+ + 👉 Mastodon +

+
+
+
+

Podpora:

+

+ 👉 Pokud jakkoliv chceš podpořit nebo se podílet na obsahu a + funkčnosti 🚀 ApolloNvim, prosím budu rád když mi zde napíšeš. +

+

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

+ Satoshi +
+
+

Další projekty a odkazy:

+

+ 👉 ArchLinux CZ +

+

+ 👉 + Vyhledávač SearXNG CZ +

+

+ 👉 + EndeavourOS Linux +

+

+ 👉 i3 window manager +

+
+
+ + + + + + diff --git a/img/command.png b/img/command.png new file mode 100644 index 0000000..8358f68 Binary files /dev/null and b/img/command.png differ diff --git a/img/config.png b/img/config.png new file mode 100644 index 0000000..e77bec8 Binary files /dev/null and b/img/config.png differ diff --git a/img/home.png b/img/home.png new file mode 100644 index 0000000..0b3b383 Binary files /dev/null and b/img/home.png differ diff --git a/img/kakoune_logo_full.png b/img/kakoune_logo_full.png new file mode 100644 index 0000000..5e27405 Binary files /dev/null and b/img/kakoune_logo_full.png differ diff --git a/index.html b/index.html index dbb202f..0321d98 100644 --- a/index.html +++ b/index.html @@ -1,447 +1,304 @@ - - - + + + - - - - - - - - - - - - - - - ApolloNvim - + + + + + + + + + + + + + + + Kakoune Czech Community + - -
-

🚀ApolloNvim

- - - -
+
+ + + +
+
+

Úvod:

+

+ 👉 Kakoune Front-End Power postavený na + LSP. +

+

+ 👉 Kakoune je modální editor pro + Linux a + macOS + jako je třeba + Vim či + Neovim. . Z Kakoune + vychází také jeden velmi oblíbený modální editor + Helix-editor. + Jak Kakoune tak Helix se liší od Vim a Neovim 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 pluginy. Proto je vhodný + Kakoune vhodný pro zkušenější uživatele. A náš web by ti měl pomoc s + prvotním nastavením, pokud i tak si na tento edidor netroufáš Helix je skvělá náhrada. +

+

+ 👉 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 Kakoune funguje aby jste si mohli samy vše modifikovat. +

+

+ 👉 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 v VSCode a + Webstorm. +

+

👉 Velký důraz je kladen na rychlost a lehkost.

+

👉 Tento blog je stále ve vývoji a postupně se na něm pracuje.

+

+ 👉 Pro nejlepší zážitek s Kakoune doporučuji používat multiplexor + Zellij , ale není to samozřejmě + podmínkou. +

- - +
+

Přednosti:

+

+ 👉 Hlavní přednosti tohoto nastavení jsou podpora: AutoSave, + doplňování HTML, CSS, JS a zkratky k zakomentování a odk omentování + kódu. Taky je zde několik pluginu pro příjemnější práci v Neovim. +

+

+ 👉 LSP se + mi velmi osvědčilo v modálním editoru + Helix-editor + má konfigurace + Helixu a zde také i když + vše nefunguje zcela stejně ve všech editorech. +

+

+ 👉 Ty nejlepší témata v Kakoune najdeš po instalaci ať je nemusíš hledat, defaultně je + v naší konfiguraci nastaveno gruvbox-dark. +

+

+ 👉 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 Ctrl + :. +

+
+
+ Homescreen + Zellij + Command +
+
+

Instalace a nastavení:

+

+ 👉 Pokud ještě nemáš nainstaluj si + Kakoune. +

+

👉 Nejprve si zálohuj své aktuální nastavení Kakoune!!!

+

👉 Linux & Mac:

+
+

~/.config/kak/kakrc

+
+

👉 Aby Kakoune dobře komunikoval s LSP je potřeba mít nainstalovaný Rust.

+
+
+

Node.js:

+

+ 👉 Doporučuji mít nainstalovaný + Node.js. +

+

👉 Pro správnou funkčnost mého setupu si doinstaluj, a pro podporu jazyků díky LSP tyto balíčky:

+

vscode-html-language-server

+

vscode-css-language-server

+

typescript-language-server +

+

emmet-ls

+

tailwindcss-language-server +

+

marksman

+

markdoc-ls

+

👉 A také tento server pro správnou funkčnost HTML v LSP příkazem: npm install -g + vscode-{html,css,json}-languageserver-bin.

+

+ 👉 Dále si v Node.js nainstaluj + Live-server. +

+

+ 👉 Platí v případě že chceš dělat front-end nebo programuješ v + Javascriptu. +

+

👉 Ve svém projektu budeš moc pouštět svůj index.html příkazem:

+
+

npx live-server

+
+

👉 Všechny severy co si můžeš pomocí LSP nainstalovat najdeš zde.

+
+
+

Kakoune:

+

+ 👉 Pro instalaci Front-End Kakoune Power ti stačí stáhnout pouze soubor + kakrc s tohoto repozitáře . +

+

+ 👉 Ulož ho do kořenováho adresáře ~/.config/kak/. Nezapomeň na zálohu stávajících + souborů, pokud máš i své configy. +

+

👉 Kakoune pustíš v terminálu příkazem kak.

+

+ 👉 V Kakoune zadej do command line plug-install , tím + nainstaluješ všechny pluginy. Restartuj Kakoune. +

+

+ 👉 Pokud ti některý plugin chybí můžeš ho lehce doinstalovat nebo + naopak odinstalovat. Více informací + najdeš v Kakoune + dokumentaci + nebo velmi rád poradím viz. o nás. +

+

+ 👉 Pokud některý plugin nechcete používat stačí v souboru + kakrc ho zakomentovat pomocí hastagu + #. +

+

+ 👉 Tuto konfiguraci používám na Linuxu i MacOS.

+
+
+

Plán Kakoune Front-End Power:

+

+ 👉 Do budoucna můžete očekávat tyto nové funkce a další novinky: +

+

+ 👉 Web na vlastní doméně zatím Kakoune Front-End Power najdeš + zde. + -> Vysoká priorita +

+

👉 Nové pluginy.

+

+ 👉 Návody k pluginům, jak nastavit a jak s nimi pracovat. -> Vysoká + priorita +

+

👉 Návody k práci s Kakoune -> Vysoká priorita

+
+
+

Výběr pluginu v Kakoune Front-End Power:

+

+ 👉 plug.kak nejduležitější plugin aby bylo možné instalovat další pluginy.

+

+ 👉 kakoune-lsp +

+

+ 👉 luar rozšíří možnost instalovat pluginy napsané v jazyce Lua

+

+ 👉 byline.kak vybere celí řádek pomocí klávesy x jako v Helix-editoru

+

+ 👉 auto-pairs automaticky doplní závorky.

+

+ 👉 fzf.kak rychlé asynchroní vyhledávaní souborů

+
+
+

Otázky a odpovědi:

+

👉 Kolik stojí Kakoune? -> Nic Kakoune je zdarma.

+
+
+

Kontakty:

+

+ 👉 Kakoune community Telegram skupina +

+

+ 👉 Osobní web autora +

+

+ 👉 Gitea profil +

+

+ 👉 GitHub +

+

+ 👉 + Nostr +

+

+ + Mastodon +

+
+
+
+

Podpora:

+

+ 👉 Pokud jakkoliv chceš podpořit nebo se podílet na obsahu a + funkčnosti 🚀 ApolloNvim, prosím budu rád když mi zde napíšeš. +

+

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

+ Satoshi +
+
+

Další projekty a odkazy:

+

+ 👉 ArchLinux CZ +

+

+ 👉 + Vyhledávač SearXNG CZ +

+

+ 👉 + EndeavourOS Linux +

+

+ 👉 i3 window manager +

+
+
+ + + + + + diff --git a/script.js b/script.js index 65b6b59..b522f7d 100644 --- a/script.js +++ b/script.js @@ -37,8 +37,8 @@ function setDraculaStyles() { body.style.backgroundColor = "#2a232b"; body.style.color = "#f8f8f2"; head.style.backgroundColor = "#2a232b"; - theme.style.color = "#e7efa7"; - gotop.style.color = "#e7efa7"; + theme.style.color = "#9fea8a"; + gotop.style.color = "#9fea8a"; links.forEach((a) => { a.style.color = "#f76b00"; }); @@ -56,18 +56,22 @@ function setDraculaStyles() { } // Funkce pro nastavení stylů pro Light mód; -function setLightStyles() { - body.style.backgroundColor = "#e7efa7"; +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 = "#e7efa7"; - nav.style.backgroundColor = "#e7efa7"; - solid.style.backgroundColor = "#e7efa7"; - solid1.style.backgroundColor = "#e7efa7"; - footer.style.backgroundColor = "#e7efa7"; + 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 = "#c627d8"; + h2.style.color = "#1909f4"; }); //gotop.style.backgroundColor = "#a7e6ef"; //theme.style.backgroundColor = "#a7e6ef"; @@ -80,7 +84,7 @@ gotop.style.color = "#2a232b"; function toggleMode() { if (isDraculaMode) { // Pokud je momentálně v Dracula modu, přepnout na Light mód - setLightStyles(); + setKakouneStyles(); isDraculaMode = false; } else { // Pokud je momentálně v Light modu, přepnout na Dracula mód @@ -93,7 +97,7 @@ function toggleMode() { document.getElementById("toggleButton").addEventListener("click", toggleMode); // Nastavení - výchozí styl na Dark -setDraculaStyles(); +setKakouneStyles(); isDraculaMode = true; // Photo Gallery -> section (zoom) diff --git a/style.css b/style.css index bb19fdb..4f41bce 100644 --- a/style.css +++ b/style.css @@ -30,11 +30,18 @@ header { padding-top: 25px; } -.title { +.logo { flex-grow: 1; display: flex; } +.logo img { + /*width: 100px;*/ + height: 100px; + padding-top: 15px; + margin-left: 20px; +} + /* navigation */ nav { margin-right: 30px; @@ -103,6 +110,10 @@ nav li a { margin-top: 10px; margin-bottom: 10px; } + + hr { + display: none; + } } /* Sekce */ @@ -125,15 +136,11 @@ nav li a { padding-bottom: 50px; } -#apollo { +#plans { padding-top: 50px; padding-bottom: 50px; } -#coc { - padding-top: 50px; - padding-bottom: 50px; -} #contact { padding-top: 50px;