diff --git a/.index.html.kak.YAPdoz b/.index.html.kak.YAPdoz deleted file mode 100644 index 5f87dd8..0000000 --- a/.index.html.kak.YAPdoz +++ /dev/null @@ -1,331 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - 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/home.png b/img/home.png index 0b3b383..d6b1025 100644 Binary files a/img/home.png and b/img/home.png differ diff --git a/index.html b/index.html index 0321d98..ba922dc 100644 --- a/index.html +++ b/index.html @@ -25,18 +25,18 @@
- - + + @@ -173,7 +173,7 @@

Kakoune:

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

@@ -238,6 +238,28 @@

Otázky a odpovědi:

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

+ + +
+

Registrace

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

Kontakty:

@@ -257,11 +279,9 @@ Nostr

- - Mastodon + 👉 Mastodon

-

Podpora:

@@ -301,4 +321,4 @@ - + \ No newline at end of file diff --git a/script.js b/script.js index b522f7d..c71e954 100644 --- a/script.js +++ b/script.js @@ -15,6 +15,8 @@ menuIcon.addEventListener("click", () => { } }); +//--------------------------------------------------------------------------------- + // Dark / Light Mode const body = document.querySelector("body"); @@ -30,6 +32,7 @@ const footer = document.querySelector("footer"); const gotop = document.querySelector("#scrollToTopBtn"); const theme = document.querySelector("#toggleButton"); const box = document.querySelectorAll(".code-box"); +const form = document.querySelector(".log"); let isDraculaMode = false; // Funkce pro nastavení stylů pro Dracula mód @@ -37,8 +40,8 @@ function setDraculaStyles() { body.style.backgroundColor = "#2a232b"; body.style.color = "#f8f8f2"; head.style.backgroundColor = "#2a232b"; - theme.style.color = "#9fea8a"; - gotop.style.color = "#9fea8a"; + theme.style.color = "#9fea8a"; + gotop.style.color = "#9fea8a"; links.forEach((a) => { a.style.color = "#f76b00"; }); @@ -53,18 +56,20 @@ function setDraculaStyles() { footer.style.backgroundColor = "#2a232b"; //gotop.style.backgroundColor = "#18f700"; //theme.style.backgroundColor = "#18f700"; + form.style.backgroundColor = "#18f700"; + form.style.color = "black"; } // 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"; + 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"; @@ -78,6 +83,8 @@ gotop.style.color = "#2a232b"; box.forEach((p) => { p.style.color = "white"; }); + form.style.backgroundColor = "#1909f4"; + form.style.color = "white"; } // Funkce pro přepnutí módu @@ -96,10 +103,12 @@ function toggleMode() { // Funkce na změnu stylů document.getElementById("toggleButton").addEventListener("click", toggleMode); -// Nastavení - výchozí styl na Dark +// Nastavení - výchozí styl na Light(Kakoune) setKakouneStyles(); isDraculaMode = true; +//------------------------------------------------------------------------------------------ + // Photo Gallery -> section (zoom) const image1 = document.querySelector(".picture"); @@ -131,6 +140,8 @@ 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 () { @@ -150,3 +161,22 @@ function scrollToTop() { document.body.scrollTop = 0; // Pro Safari document.documentElement.scrollTop = 0; // Pro ostatní prohlížeče } + +//------------------------------------------------------------------------------------------------- + +// Formulář +function validateForm() { + var password1 = document.getElementById("password1").value; + var password2 = document.getElementById("password2").value; + var passwordMatch = document.getElementById("passwordMatch"); + + if (password1 !== password2) { + passwordMatch.textContent = "Hesla se neshodují"; + passwordMatch.style.color = "red"; + return false; + } else { + passwordMatch.textContent = "Hesla se shodují"; + passwordMatch.style.color = "green"; + return true; + } +} diff --git a/style.css b/style.css index 4f41bce..abfe46b 100644 --- a/style.css +++ b/style.css @@ -1,10 +1,9 @@ * { margin: 0; - padding: 0; - box-sizing: border-box; } + body { max-width: 1000px; margin: 0 auto; @@ -112,11 +111,11 @@ nav li a { } hr { - display: none; + display: none; } } -/* Sekce */ +/* Section */ .content { text-align: center; @@ -141,7 +140,6 @@ nav li a { padding-bottom: 50px; } - #contact { padding-top: 50px; padding-bottom: 50px; @@ -151,6 +149,15 @@ nav li a { padding-top: 50px; } +#faq { + padding-top: 50px; + padding-bottom: 50px; +} + +#other { + padding-bottom: 50px; +} + /*Code box*/ .code-box { background-color: #353535; @@ -158,7 +165,8 @@ nav li a { border: 1px solid #ccc; border-radius: 5px; font-family: monospace; - max-width: auto; + max-width: 400px; + margin: 0 auto; } /*Picture settings*/ @@ -178,6 +186,7 @@ nav li a { margin: 10px; transition: all 0.5s linear; } + /*footer pevná pozice*/ footer { @@ -185,12 +194,14 @@ footer { margin-bottom: 10px; margin-left: 25px; margin-top: 20px; + position: fixed; } footer a { text-decoration: none; } +/* Go to go */ #scrollToTopBtn { display: none; position: fixed; @@ -209,3 +220,38 @@ footer a { #scrollToTopBtn i { font-size: 34px; } + +/*Formulář*/ +.container { + max-width: 400px; + margin: 0 auto; + padding: 20px; + border: 1px solid #ccc; + border-radius: 5px; +} + +.form-group { + margin-bottom: 20px; +} + +label { + display: block; + font-weight: bold; +} + +input { + width: 100%; + padding: 8px; + font-size: 16px; +} + +button { + padding: 10px 20px; + border: none; + border-radius: 5px; + cursor: pointer; +} + +button:hover { + background-color: #0056b3; +}