diff --git a/LICENSE b/LICENSE old mode 100755 new mode 100644 diff --git a/README.md b/README.md old mode 100755 new mode 100644 index d39c0ea..e69de29 --- a/README.md +++ b/README.md @@ -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` diff --git a/error/403.html b/error/403.php old mode 100755 new mode 100644 similarity index 100% rename from error/403.html rename to error/403.php diff --git a/error/404.html b/error/404.php old mode 100755 new mode 100644 similarity index 100% rename from error/404.html rename to error/404.php diff --git a/error/413.html b/error/413.php old mode 100755 new mode 100644 similarity index 100% rename from error/413.html rename to error/413.php diff --git a/error/5xx.html b/error/5xx.php old mode 100755 new mode 100644 similarity index 100% rename from error/5xx.html rename to error/5xx.php diff --git a/img/helix(1).png b/img/helix(1).png new file mode 100644 index 0000000..6cc550e Binary files /dev/null and b/img/helix(1).png differ diff --git a/img/helix.png b/img/helix.png new file mode 100644 index 0000000..c23b231 --- /dev/null +++ b/img/helix.png @@ -0,0 +1,19 @@ + + + + + + + 404 Error + + + + + + + + diff --git a/img/logo_arch_linux_167.png b/img/logo_arch_linux_167.png new file mode 100644 index 0000000..a84626d Binary files /dev/null and b/img/logo_arch_linux_167.png differ diff --git a/img/tux.png b/img/tux.png new file mode 100644 index 0000000..2050bc9 Binary files /dev/null and b/img/tux.png differ diff --git a/index.html b/index.html old mode 100755 new mode 100644 index 9b3351a..85de219 --- a/index.html +++ b/index.html @@ -1,69 +1,70 @@ - + - - - - - - Kankys v Matrixu - - - - - - - -
- - -
+ + + + + + Kankys v Matrixu + + + + + + + - + + + + + + + + +
+ + + + +
+ + diff --git a/index/about/img/sat.jpeg b/index/about/img/sat.jpeg new file mode 100644 index 0000000..755b9c6 Binary files /dev/null and b/index/about/img/sat.jpeg differ diff --git a/index/about/index.html b/index/about/index.html old mode 100755 new mode 100644 index 5e2e03a..e252176 --- a/index/about/index.html +++ b/index/about/index.html @@ -1,137 +1,268 @@ - + - - - - - - O mně - - - - + + + + + + O mně + + + + + - - -
-

O mně

+
+

O mně

-
+
+

+ 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 + odkazem. +

-
-

- 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 odkazem. -

- -
-
    -
  • Ve volném čase se věnuji:
  • -
  • Svému blogu: Lukáš Bloguje.
  • -
  • Linuxu, MacOS a Opensource (i si rozumím s Windows :-)).
  • -
  • Seberozvoji v oblasti komunikace a emoční inteligence.
  • -
  • Sportu, který mi dobíjí baterky.
  • -
  • Missing maps pro Lékaře bez hranic.
  • -
  • Mapování v OSM.
  • -
- - - - -
-
    -
  • V osobním životě se snažím vedle komerčních aplikací poznávat a - používat Opensource.
  • -
  • To to jsou opensource aplikace, které používám vedle placených - aplikací a stojí myslím za vyzkoušení:
  • -
  • * Alternativa za OneNote od Microsoftu je aplikace Joplin
  • - -
  • * Pro cloud a tvorbu dokumentů k Microsoft 365 doporučuji NextCloud
  • - -
  • * 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 CryptPad
  • - -
  • * Náhradu za Jiru může být Vikunja
  • - -
  • * Mimo GitHub svůj kód ukládám na Gitea
  • - -
  • * Pro tvorbu tohoto blogu vedle VS Code používám Brackets
  • - -
  • * Jako RSS čtečku využívám minimalistickou MiniFlux
  • - -
  • * Správce hesel může být Bitwarden
  • - -
  • * Internetový prohlížeč Firefox
  • - -
  • * E-mail klienta používám Thunderbird
  • - -
  • * Alternativu k sociální sítím může být MastodonElement
  • - -
  • * Alternativou k Instagramu může být Pixelfed
  • - -
-
- -
-
-
-
    -
  • Budu velmi vděčný za malý příspěvek na provoz mých projektů:
  • -
  • Přes paypal pomocí QR kódu:
  • -
  • Paypal qrcode
  • -
  • Mega 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.
  • -
  • Pár satoshi nebo jiné krypto měny(po dohodě)
  • -
  • Aktivačním kódem na aplikaci k recenzi či článku
  • -
  • Kritikou, radou nebo e-mailem pár slov potěší
  • -
  • 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.
  • -
-
-
- - -
- Copyright © Lukáš Kaňka 2024 -
- -
- +
+ +
+ +
+ +
+ +
+ +
+
+ +
+ +
+ + diff --git a/index/about/zivotopis/image/1702045296079.jpeg b/index/about/zivotopis/image/1702045296079.jpeg new file mode 100644 index 0000000..c0b1c93 Binary files /dev/null and b/index/about/zivotopis/image/1702045296079.jpeg differ diff --git a/index/apollo-nvim/colors.css b/index/apollo-nvim/colors.css new file mode 100644 index 0000000..110b1d7 --- /dev/null +++ b/index/apollo-nvim/colors.css @@ -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; +} diff --git a/index/apollo-nvim/img/config.png b/index/apollo-nvim/img/config.png new file mode 100644 index 0000000..325c9f2 Binary files /dev/null and b/index/apollo-nvim/img/config.png differ diff --git a/index/apollo-nvim/img/fzf.png b/index/apollo-nvim/img/fzf.png new file mode 100644 index 0000000..3c0db79 Binary files /dev/null and b/index/apollo-nvim/img/fzf.png differ diff --git a/index/apollo-nvim/img/home.png b/index/apollo-nvim/img/home.png new file mode 100644 index 0000000..ebe4c7c Binary files /dev/null and b/index/apollo-nvim/img/home.png differ diff --git a/index/apollo-nvim/img/icons8-rocket.gif b/index/apollo-nvim/img/icons8-rocket.gif new file mode 100644 index 0000000..c2a91fa Binary files /dev/null and b/index/apollo-nvim/img/icons8-rocket.gif differ diff --git a/index/apollo-nvim/index.php b/index/apollo-nvim/index.php new file mode 100644 index 0000000..7773df2 --- /dev/null +++ b/index/apollo-nvim/index.php @@ -0,0 +1,193 @@ +' + + + + + + + + + + + + + + + + + + ApolloNvim + + + +
+

🚀ApolloNvim

+ + + + +
+
+ + +
+
+

Úvod:

+

+ 👉 Neovim setup pro Front-End vývoj postavený na + Coc. +

+

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

+

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

+

+ 👉 Toto nastavení je primárně pro vývoj webu. Inspiroval jsem se + pluginy, které jsem využíval v VSCode a Webstorm. +

+

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

+

+ 👉 🚀 ApolloNvim Distro je stále ve vývoji a postupně se na něm + pracuje. +

+

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

+
+
+

Přednosti:

+

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

+

+ 👉 S + LSP + v této instalaci využívám + Coc + pro jeho jednoduchost s minimálními zásahy do konfigurace Coc. LSP se + mi velmi osvědčilo v modálním editoru + Helix-editor + má konfigurace + Helixu. +

+

+ 👉 Ty nejlepší témata pro Neovim (ať je nemusíte hledat), je defaultně + nastavéné Dracula. +

+

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

+
+
+ Homescreen + config.vim + fzf +
+
+

Plán 🚀ApolloNvim:

+

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

+

+ 👉 Web na vlastní doméně. +

+

👉 Instalátor 🚀 ApolloNvim přes odkaz z Gitu.

+

👉 Nová vlastní uvítací obrazovka.

+

👉 Nové pluginy.

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

+

👉 Návody k práci s Neovim.

+
+
+

Otázky a odpovědi:

+

👉 Kolik stojí 🚀 ApolloNvim? -> Nic 🚀 ApolloNvim je zdarma.

+
+
+

Kontakty:

+

+ 👉 🚀 ApolloNvim Telegram skupina +

+

+ 👉 Osobní web autora 🚀 ApolloNvim +

+

+ 👉 Gitea profil +

+

+ 👉 GitHub +

+

+ + Mastodon +

+
+
+
+

Podpora:

+

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

+

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

+ Satoshi +
+
+

Další projekty a odkazy:

+

+ 👉 ArchLinux CZ +

+

+ 👉 + Vyhledávač SearXNG CZ +

+

+ 👉 + EndeavourOS Linux +

+

+ 👉 i3 window manager +

+
+ + +
+ + + + +' \ No newline at end of file diff --git a/index/apollo-nvim/install.php b/index/apollo-nvim/install.php new file mode 100644 index 0000000..c035c25 --- /dev/null +++ b/index/apollo-nvim/install.php @@ -0,0 +1,303 @@ + + + + + + + + + + + + + + + + + ApolloNvim Instalace + + + +
+

🚀ApolloNvim Instalace

+ + + + +
+
+
+
+

Instalace a nastavení:

+

+ + 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ěď. + +

+ +

+ 👉 Pokud ještě nemáte nainstalujte si + Neovim. +

+

+ 👉 Bude potřeba nainstalovat plug.vim + aby jste mohl/a instalovat rozšíření. +

+

+ 👉 Běžte na tuto + stránku + pod Installation si najděte svůj + operační systém a zkopírujte odkaz pod + ním do svého terminálu. +

+

+ 👉 Nejprve si však zálohujte své + aktuální nastavení Neovim!!! +

+

👉 Linux & Mac:

+
+

/home/user/.config/nvim/init.vim

+
+

Windows:

+
+

~\AppData\Local\nvim

+
+
+
+

Node.js:

+

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

+

+ 👉 Dále si v Node.js nainstalujte + Live-server + příkazem: +

+
+

npm i live-server

+
+

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

+
+

npx live-server

+
+

+ 👉 Pro správnou funkčnost LSP si + doinstalujte tyto balíčky: +

+ +

+ vscode-html-langserver +

+

+ vscode-css-langserver +

+

+ typescript-language-server +

+

+ emmet-ls +

+

+ eslint +

+

+ vtailwindcss-language-server +

+

+ marksman +

+

+ markdoc-ls +

+
+
+

Neovim:

+

+ 👉 Pro instalaci 🚀 ApolloNvim Distra + stačí stáhnout pouze soubor init.vim s + tohoto + repositáře. +

+

+ 👉 Uložte ho do kořenováho adresáře + ~/.. /nvim dle tvého + OS. + Nezapomeňte na zálohu + stávajících souborů +

+

+ 👉 Neovim pustíte v terminálu příkazem + nvim. +

+

👉 Odklikejte chybová hlášení.

+

+ 👉 V Neovimu zadejte do command line + PlugIns , tím + nainstalujete všechny pluginy. + Restartujte Neovim. +

+

+ 👉 Pokud Vám některý plugin chybí, + můžete ho lehce doinstalovat nebo naopak + odinstalovat pomocí + plug.vim. Více + informací najdete na GitHubu + plug.vim + nebo velmi rád poradím viz. o nás. +

+

+ 👉 Pokud některý plugin nechcete + používat stačí v souboru + init.vim ho + zakomentovat pomocí dvojitých uvozovek + ". +

+

+ 👉 Do command line ještě zadejte Coc + příkaz pro doinstalování zbylých + pluginů: +

+
+

+ 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 +

+
+

+ 👉 A ještě jednou restartujte Neovim a + vše máte připravené. +

+

+ 👉 Tuto konfiguraci používám na Linuxu i + MacOS. Je ozkoušena i na Windows 11. +

+
+ + + +
+ + + diff --git a/index/apollo-nvim/manuals.php b/index/apollo-nvim/manuals.php new file mode 100644 index 0000000..a3218ad --- /dev/null +++ b/index/apollo-nvim/manuals.php @@ -0,0 +1,301 @@ + + + + + + + + + + + + + + + + + ApolloNvim Návody + + + +
+

🚀ApolloNvim Návody

+ + + +
+
+ +
+

+ 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ěď. +

+
+ +
+
+

+ Jak nainstalovat vim.plug do Neovim +

+ +

+ Nejprve si však zálohujte své aktuální + nastavení Neovim!!! +

+

Linux & Mac:

+
+

/home/user/.config/nvim/init.vim

+
+

Windows:

+
+

~\AppData\Local\nvim

+
+

+ Běžte na tuto + stránku + 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. +

+

Na Linuxu a macOS to bude tento příkaz:

+
+

+ 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' +

+
+

+ Pro Windows příkaz najdete na + odkazovaném webu výšše. +

+ + + + + + + +

+ Dále si otevřeme soubor init.vim a pokud + ho nemáme tak si ho vytvoříme zde: +

+

Linux & Mac:

+
+

/home/user/.config/nvim/init.vim

+
+

Windows:

+
+

~\AppData\Local\nvim

+
+

+ A do něj vložíme a následně uložíme + tento kód: +

+
+

+ call plug#begin(has('nvim') ? + stdpath('data') . '/plugged' : + '~/.vim/plugged') +

+
+

+ # Jsem budeš v budoucnu vkládat + pluginy. Začínající PLug a + adresa ke stažení +

+
+

call plug#end()

+
+

+ A příkazem Nvim v terminálu spustíme + Neovim. Pokud vám vyskočí chybové + hlášení jen ho odklikněte. +

+

+ Pomocí Ctrl + : se + dostanete do příkazového řádku a tam + napíšete PlugInstall +

+

+ A restartujeme Neovim. Příkazem + Ctrl + : do príkazového + řádku napíšete q a + restartujeme Neovim. +

+

+ Takto pokaždé když si přidáte do + init.vim pluginy, příkazem + PlugInstall je + nainstalujete a restartujeme Neovim. +

+

+ Zdroj na + GitHub +

+
+ +
+ ï +

+ Jak nainstalovat Codeium do Neovim +

+

+ Codeium + je alternativou k + GitHub Copilot + s tím, že pro jednotlivce je zdarma. + Codeium hodnotím velmi pozitivně a + Copilotu se vyrovná. +

+

+ Instalace pomocí plug.vim je jednoduchá, + stačí pouze upravit svůj + init.vim +

+

Vložíme do něj:

+
+

+ " Free AI codium
+ Plug 'Exafunction/codeium.vim', + { 'branch': 'main' } +

+
+

+ Výsledný init.vim bude + vypadat takto: +

+
+

+ call plug#begin(has('nvim') ? + stdpath('data') . '/plugged' : + '~/.vim/plugged')
+ + " Free AI codium
+ Plug 'Exafunction/codeium.vim', + { 'branch': 'main' }
+ call plug#end() +

+
+

+ A restartujeme Neovim. Příkazem + Ctrl + : do príkazového + řádku napíšete q a + restartujeme Neovim. +

+

+ Po restartu provedeme + PlugInstall a ještě jednou + restartujeme Neovim. +

+

+ Poslední krok bude konfigurace Codeium, + příkazem CodeiumEnable do + command line. +

+

+ Codium vás vyzve k propojení API se + serverem Codium. +

+

A vše by Vám mělo fungovat.

+

+ Zdroj na + GitHub +

+
+ + +
+ + + diff --git a/index/apollo-nvim/plugins.php b/index/apollo-nvim/plugins.php new file mode 100644 index 0000000..857d865 --- /dev/null +++ b/index/apollo-nvim/plugins.php @@ -0,0 +1,136 @@ + + + + + + + + + + + + + + + + + + ApolloNvim Pluginy + + + +
+

🚀ApolloNvim Pluginy

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

Výběr pluginu v Lite Web 🚀 ApolloNvim Distro 2024

+

+ 👉 + Autoclosetag + nástroj pro uzavírání všech typů závorek a tagů. +

+

+ 👉 + NERDTree + vytvoří ti stromový postranní panel. +

+

+ 👉 + Coc + manager pro instalování doplňků do Neovim. +

+

+ 👉 + Codeium + alternativa k GitHub Copilot, který si případně lehce také můžete + doinstalovat. +

+

+ 👉 + Startify + 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. +

+ 👉 + NERD Commenter + plugin pro zakomentování a odkomentování kódu. Zde ho máme nastaven + na + Ctrl + k. +

+

+ 👉 + Wakatime + 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š + zde. +

+

+ 👉 + fzf.vim + 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é. +

+

+ 👉 + Auto-save + plugin pro automatické ukládání vašich souboru. +

+
+
+

Coc extensions pro front-end:

+

👉 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

+

👉 coc-eslint

+
+ + +
+ + + + + diff --git a/index/apollo-nvim/sablona.txt b/index/apollo-nvim/sablona.txt new file mode 100644 index 0000000..7ff2adb --- /dev/null +++ b/index/apollo-nvim/sablona.txt @@ -0,0 +1,59 @@ + + + + + + + + + + + + + + + + + + ApolloNvim + + + +
+

🚀ApolloNvim

+ + + + +
+
+ + +
+ + + +
+ + + + diff --git a/index/apollo-nvim/script.js b/index/apollo-nvim/script.js new file mode 100644 index 0000000..a7ed4a0 --- /dev/null +++ b/index/apollo-nvim/script.js @@ -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 +} diff --git a/index/apollo-nvim/style.css b/index/apollo-nvim/style.css new file mode 100644 index 0000000..78b5441 --- /dev/null +++ b/index/apollo-nvim/style.css @@ -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; +} diff --git a/index/games/fractal/index.html b/index/games/fractal/index.php old mode 100755 new mode 100644 similarity index 100% rename from index/games/fractal/index.html rename to index/games/fractal/index.php diff --git a/index/games/fractal/script/starter-template.js b/index/games/fractal/script/starter-template.js old mode 100755 new mode 100644 diff --git a/index/games/fractal/script/xaos.js b/index/games/fractal/script/xaos.js old mode 100755 new mode 100644 diff --git a/index/games/fractal/style.css b/index/games/fractal/style.css old mode 100755 new mode 100644 diff --git a/index/games/index.html b/index/games/index.php old mode 100755 new mode 100644 similarity index 100% rename from index/games/index.html rename to index/games/index.php diff --git a/index/games/rps/index.html b/index/games/rps/index.html old mode 100755 new mode 100644 diff --git a/index/games/rps/script/script.js b/index/games/rps/script/script.js old mode 100755 new mode 100644 diff --git a/index/kakoune/img/command.png b/index/kakoune/img/command.png new file mode 100644 index 0000000..8358f68 Binary files /dev/null and b/index/kakoune/img/command.png differ diff --git a/index/kakoune/img/config.png b/index/kakoune/img/config.png new file mode 100644 index 0000000..e77bec8 Binary files /dev/null and b/index/kakoune/img/config.png differ diff --git a/index/kakoune/img/home.png b/index/kakoune/img/home.png new file mode 100644 index 0000000..0b3b383 Binary files /dev/null and b/index/kakoune/img/home.png differ diff --git a/index/kakoune/img/icons8-rocket.gif b/index/kakoune/img/icons8-rocket.gif new file mode 100644 index 0000000..c2a91fa Binary files /dev/null and b/index/kakoune/img/icons8-rocket.gif differ diff --git a/index/kakoune/img/kakoune_logo_full.png b/index/kakoune/img/kakoune_logo_full.png new file mode 100644 index 0000000..5e27405 Binary files /dev/null and b/index/kakoune/img/kakoune_logo_full.png differ diff --git a/index/kakoune/index.index b/index/kakoune/index.index new file mode 100644 index 0000000..2a85ea8 --- /dev/null +++ b/index/kakoune/index.index @@ -0,0 +1,298 @@ + + + + + + + + + + + + + + + + + + Kakoune Czech Community + + + +
+ + + + + + +
+
+ +
1
+ + +
+
+

Ú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 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. +

+

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

+

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

+

👉 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ř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. +

+

+ 👉 LSP se + mi velmi osvědčilo v modálním editoru + Helix-editor. + Mou konfiguraci Helixu najdete + zde. +

+

+ 👉 Ta nejlepší témata v Kakoune nemusíš hledat, najdeš je po instalaci. 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 LSP si doinstaluj tyto balíčky:

+

vscode-html-language-server

+

vscode-css-language-server

+

typescript-language-server +

+

emmet-ls

+

tailwindcss-language-server +

+

marksman

+

markdoc-ls

+

👉 A také si doinstaluj 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š moci pouštět index.html příkazem:

+
+

npx live-server

+
+

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

+
+
+

Kakoune:

+

+ 👉 Pro instalaci Kakoune Front-End Power Ti stačí stáhnout pouze soubor + kakrc z 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 Ti rád poradím viz. Kontakty. +

+

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

+

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

+
+
+

Plán Kakoune Front-End Power:

+

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

+

+ 👉 Web na vlastní doméně. Zatím Kakoune Front-End Power najdeš + zde. +

+

👉 Nové pluginy.

+

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

+

👉 Návody k práci s Kakoune.

+
+
+

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é asynchronní vyhledávaní souborů.

+
+
+

Otázky a odpovědi:

+

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

+
+
+

Kontakty:

+

+ 👉 Kakoune community Telegram skupina +

+

+ 👉 Osobní web autora +

+

+ 👉 Gitea profil +

+

+ 👉 GitHub +

+

+ 👉 + Nostr +

+

+ 👉 Mastodon +

+
+
+

Podpora:

+

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

+

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

+ Satoshi +
+
+

Další projekty a odkazy:

+

+ 👉 ArchLinux CZ +

+

+ 👉 + Vyhledávač SearXNG CZ +

+

+ 👉 + EndeavourOS Linux +

+

+ 👉 i3 window manager +

+
+
+ + + + + + + \ No newline at end of file diff --git a/index/kakoune/script.js b/index/kakoune/script.js new file mode 100644 index 0000000..f14160e --- /dev/null +++ b/index/kakoune/script.js @@ -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 +} + diff --git a/index/kakoune/style.css b/index/kakoune/style.css new file mode 100644 index 0000000..f4b024e --- /dev/null +++ b/index/kakoune/style.css @@ -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; +} diff --git a/index/privaci-policy/index.html b/index/privaci-policy/index.html index e713e9b..1d51fec 100644 --- a/index/privaci-policy/index.html +++ b/index/privaci-policy/index.html @@ -1,169 +1,177 @@ - + - - - - - - Zásady ochrany osobních údaju - - - - + + + + + + Zásady ochrany osobních údaju + + + + + - - -
+
+

+

Zásady ochrany osobních údajů

+ Naposledy aktualizováno: 28.4.2022 +

-

- -

Zásady ochrany osobních údajů

- Naposledy aktualizováno: 28.4.2022 -

+

+ 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
údaje dostatečně chráníme a podřizujeme + se požadavkům Nařízení o ochraně osobních údajů (GDPR). +

-

- 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
údaje dostatečně chráníme a podřizujeme se požadavkům - Nařízení o ochraně osobních údajů (GDPR). -

+

+ Neprodáváme žádný produkt, nejste tedy našimi zákazníky, ale + návštěvníky blogu. +

-

- Neprodáváme žádný produkt, nejste tedy našimi zákazníky, ale - návštěvníky blogu. -

+

+ Správcem vašich osobních údajů je Lukáš (Lucka ani nekouká přes + rameno!)
+ 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á +
také další zpracovatele, které ke zpracování využíváme. +

-

- Správcem vašich osobních údajů je Lukáš (Lucka ani nekouká přes - rameno!)
- 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á -
také další zpracovatele, které ke zpracování využíváme. -

+

+ Jaké údaje zpracováváme a proč?
+ 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í: +

-

- Jaké údaje zpracováváme a proč?
- 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ředávání osobních údajů třetím osobám.
+ 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ředávání osobních údajů třetím osobám.
- 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. -

+

+ 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: +

-

- 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: -

+

TopList – pomocí měřícího kódu

-

TopList – pomocí měřícího kódu

+

+ Jak nás můžete kontaktovat
+ 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. +

-

- Jak nás můžete kontaktovat
- 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ředávání vašich dat mimo Evropskou Unii
+ 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ředávání vašich dat mimo Evropskou Unii
- 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. -

+

+ Zabezpečení a ochrana osobních údajů
+ 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
+ zabezpečili vaše osobní údaje v souladu s čl. 32 GDPR. +

-

- Zabezpečení a ochrana osobních údajů
- 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
- zabezpečili vaše osobní údaje v souladu s čl. 32 GDPR. -

+

+ Vaše práva v souvislosti s ochranou osobních údajů: +

-

- Vaše práva v souvislosti s ochranou osobních údajů: -

+

+ 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 +

-

- 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 -

+

Máte právo na informace, které si právě teď čtete. 🙂

-

Máte právo na informace, které si právě teď čtete. 🙂

+

+ 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
+ neúplné, máte právo na doplnění a změnu osobních údajů. +

-

- 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
- neúplné, máte právo na doplnění a změnu osobních údajů. -

+

+ 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
+ vznesli námitku proti zpracování. Omezit můžete rozsah osobních + údajů nebo účelů zpracování. +

-

- 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
- vznesli námitku proti zpracování. Omezit můžete rozsah osobních údajů - nebo účelů zpracování. -

+

Právo na výmaz (být zapomenut)

-

Právo na výmaz (být zapomenut)

+

+ 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
+ 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í. +

-

- 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
- 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í. -

+

Stížnost u Úřadu na ochranu osobních údajů

-

Stížnost u Úřadu na ochranu osobních údajů

+

+ 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
+ podezření informovat nás, abychom s tím mohli něco udělat a + případné pochybení napravit. +

-

- 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
- podezření informovat nás, abychom s tím mohli něco udělat a případné - pochybení napravit. -

+

Mlčenlivost:

+

+ 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í
+ závazkových vztahů s námi. Bez vašeho souhlasu také vaše údaje + žádné jiné třetí straně nevydáme. +

-

Mlčenlivost:

-

- 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í
- závazkových vztahů s námi. Bez vašeho souhlasu také vaše údaje žádné - jiné třetí straně nevydáme. -

+

+ Tyto Zásady ochrany osobních údajů nabývají účinnosti 28.4.2022 +

-

Tyto Zásady ochrany osobních údajů nabývají účinnosti 28.4.2022

- - - -
- Copyright © Lukáš Kaňka 2024 -
- -
- + +
+ diff --git a/index/project/YourTravelAssistant/cestovatel.html b/index/project/YourTravelAssistant/cestovatel.php similarity index 100% rename from index/project/YourTravelAssistant/cestovatel.html rename to index/project/YourTravelAssistant/cestovatel.php diff --git a/index/project/YourTravelAssistant/images/james-wheeler-ZOA-cqKuJAA-unsplash(1).jpg b/index/project/YourTravelAssistant/images/james-wheeler-ZOA-cqKuJAA-unsplash(1).jpg new file mode 100644 index 0000000..fb86588 Binary files /dev/null and b/index/project/YourTravelAssistant/images/james-wheeler-ZOA-cqKuJAA-unsplash(1).jpg differ diff --git a/index/project/index.html b/index/project/index.html old mode 100755 new mode 100644 index 330017d..88dc752 --- a/index/project/index.html +++ b/index/project/index.html @@ -12,6 +12,7 @@ type="image/x-icon" href="../../res/site/icons/favicon.ico" /> + - - - - - - - - - diff --git a/index/projects/nsc-web/index.html b/index/projects/nsc-web/index.html deleted file mode 100755 index 70c1f43..0000000 --- a/index/projects/nsc-web/index.html +++ /dev/null @@ -1,84 +0,0 @@ - - - - - - - Number System Converter - - - - - - - - - -
-
-

Enter a decimal number to convert and a base.

-
-
- -
-
- -
-
- -
-
- -
-
- - -
- - diff --git a/index/projects/nsc-web/script/script.js b/index/projects/nsc-web/script/script.js deleted file mode 100755 index d05d4a8..0000000 --- a/index/projects/nsc-web/script/script.js +++ /dev/null @@ -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.`); - } -} diff --git a/index/projects/script/script.js b/index/projects/script/script.js deleted file mode 100755 index 861a71e..0000000 --- a/index/projects/script/script.js +++ /dev/null @@ -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 = ` - ${data[i].name} - ${removeNull(data[i].description)} - ${data[i].html_url} - ${data[i].language} - `; - tbody.appendChild(tr); - } - }; - xhr.send(); -} diff --git a/index/repository/index.html b/index/repository/index.html index d537309..0c64438 100644 --- a/index/repository/index.html +++ b/index/repository/index.html @@ -4,13 +4,12 @@ - Repositáře + Repozitáře + crossorigin="anonymous" />
@@ -29,16 +28,21 @@ Domů
+ + diff --git a/index/services/img/1-4204059220.png b/index/services/img/1-4204059220.png new file mode 100644 index 0000000..b548f45 Binary files /dev/null and b/index/services/img/1-4204059220.png differ diff --git a/index/services/img/600px-Arch-linux-logo-691350772.png b/index/services/img/600px-Arch-linux-logo-691350772.png new file mode 100644 index 0000000..143dc53 Binary files /dev/null and b/index/services/img/600px-Arch-linux-logo-691350772.png differ diff --git a/index/services/img/91488-2048748032.jpg b/index/services/img/91488-2048748032.jpg new file mode 100644 index 0000000..7d94d2a Binary files /dev/null and b/index/services/img/91488-2048748032.jpg differ diff --git a/index/services/img/IMG_4835.JPG b/index/services/img/IMG_4835.JPG new file mode 100644 index 0000000..1e40e24 Binary files /dev/null and b/index/services/img/IMG_4835.JPG differ diff --git a/index/services/img/Kali-linux-872298623.jpg b/index/services/img/Kali-linux-872298623.jpg new file mode 100644 index 0000000..2cd26ab Binary files /dev/null and b/index/services/img/Kali-linux-872298623.jpg differ diff --git a/index/services/img/endeavourOS-astronaught-3246654328.jpg b/index/services/img/endeavourOS-astronaught-3246654328.jpg new file mode 100644 index 0000000..477fb10 Binary files /dev/null and b/index/services/img/endeavourOS-astronaught-3246654328.jpg differ diff --git a/index/services/img/fedora-feat-5b9fe676c9e77c0050ce388c-2333270958.jpg b/index/services/img/fedora-feat-5b9fe676c9e77c0050ce388c-2333270958.jpg new file mode 100644 index 0000000..0c76e2b Binary files /dev/null and b/index/services/img/fedora-feat-5b9fe676c9e77c0050ce388c-2333270958.jpg differ diff --git a/index/services/img/linux-penguin-and-rainbow-background-imsv6hxt0e8zcl7m-3730406657.jpg b/index/services/img/linux-penguin-and-rainbow-background-imsv6hxt0e8zcl7m-3730406657.jpg new file mode 100644 index 0000000..d2e641c Binary files /dev/null and b/index/services/img/linux-penguin-and-rainbow-background-imsv6hxt0e8zcl7m-3730406657.jpg differ diff --git a/index/services/img/ubuntu-linux-minimal-4k-on-3840x2160-2398598343.jpg b/index/services/img/ubuntu-linux-minimal-4k-on-3840x2160-2398598343.jpg new file mode 100644 index 0000000..63bcddb Binary files /dev/null and b/index/services/img/ubuntu-linux-minimal-4k-on-3840x2160-2398598343.jpg differ diff --git a/index/services/img/wp7596264.jpg b/index/services/img/wp7596264.jpg new file mode 100644 index 0000000..07190f1 Binary files /dev/null and b/index/services/img/wp7596264.jpg differ diff --git a/index/services/img/wp8843183-1041051902.jpg b/index/services/img/wp8843183-1041051902.jpg new file mode 100644 index 0000000..ffd1483 Binary files /dev/null and b/index/services/img/wp8843183-1041051902.jpg differ diff --git a/index/services/index.php b/index/services/index.php new file mode 100644 index 0000000..fb371f3 --- /dev/null +++ b/index/services/index.php @@ -0,0 +1,224 @@ + + + + + + + + + + + + Lukáš Kaňka - IT služby + + +
+ + + + + +
+
+

+ Lukáš Kaňka
+ IT služby pro Vás

+
+
+ + +
+
+
+
+

O mně

+

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. +

+

+ 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 150kč/1hod. + Služby nabízím jednotlivcům tak i spolkům či školám adt. Faktura je samořejmostí. +

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

Nabízím tyto služby

+

+

    + +
  • Instalace Linuxu.
  • +
  • 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é. +
  • +
  • Naučím vás práci v Linuxu, seznámím s Terminálem a OpenSource.
  • +
  • Nastavím v Linuxu váš nový SSD disk.
  • +
  • Seznámím vás s programy pro Linux které jsou alternativou pro programy Windows.
  • +
  • Vybereme a přispůsobíme vám prostředí v Linuxu.
  • +
  • Rychlá podpora pokud si nebudete vědět rady.
  • +
  • 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. +
  • +
  • Tvorba webů pro restaurace - tyto weby tvoříme v Wordpresu s jednoduchou administrací kde si můžete + jidelní lístky jednoduše spravovat. +
  • +
+

+
+ +
    +
  • + +

    Instalace Linuxu

    + +
  • +
  • + +

    Práce s Linuxem a Open Source aplikacemi

    +
  • +
  • + +

    Tvorba vizitek a menších webů

    +
  • +
  • + +

    Poradenství a administrace

    +
  • +
+
+
+ + +
+
+
+
+
+
+
Stačí si vybrat
+
+
+
+
+
+
+ + +
+
+
+ +
+

+

+
+
+ +

Telefoní číslo: +420 725 303 747

+

E-mail: Lukáš Kaňka

+ + + +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + \ No newline at end of file diff --git a/index/services/script.js b/index/services/script.js new file mode 100644 index 0000000..a508498 --- /dev/null +++ b/index/services/script.js @@ -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 +} \ No newline at end of file diff --git a/index/services/style.css b/index/services/style.css new file mode 100644 index 0000000..5c738f1 --- /dev/null +++ b/index/services/style.css @@ -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; \ No newline at end of file diff --git a/index/socials/index.html b/index/socials/index.html old mode 100755 new mode 100644 index a18b020..c979516 --- a/index/socials/index.html +++ b/index/socials/index.html @@ -1,73 +1,104 @@ - + - - - - - Socials - - - - + + + + + Socials + + + + + - - -
- - +
+ +
+ + + diff --git a/index/terminal-space/README.md b/index/terminal-space/README.md new file mode 100644 index 0000000..cf235f4 --- /dev/null +++ b/index/terminal-space/README.md @@ -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. +

Vítám Tě na Terminal space!

+

Web je věnován Terminálům konzolím a hlavně aplikacím pro terminály.

+

Najdeš tu tipy, návody, novinky a další obsah ze světa terminálu.

+

Terminal Space prymárně míří na uživatele Linuxu a macOS, ale spousty obsahu budeš moci aplikovat ve Windows.

+ diff --git a/index/terminal-space/colors.css b/index/terminal-space/colors.css new file mode 100644 index 0000000..110b1d7 --- /dev/null +++ b/index/terminal-space/colors.css @@ -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; +} diff --git a/index/terminal-space/img/config.png b/index/terminal-space/img/config.png new file mode 100644 index 0000000..325c9f2 Binary files /dev/null and b/index/terminal-space/img/config.png differ diff --git a/index/terminal-space/img/fzf.png b/index/terminal-space/img/fzf.png new file mode 100644 index 0000000..3c0db79 Binary files /dev/null and b/index/terminal-space/img/fzf.png differ diff --git a/index/terminal-space/img/home.png b/index/terminal-space/img/home.png new file mode 100644 index 0000000..ebe4c7c Binary files /dev/null and b/index/terminal-space/img/home.png differ diff --git a/index/terminal-space/img/icons8-rocket.gif b/index/terminal-space/img/icons8-rocket.gif new file mode 100644 index 0000000..c2a91fa Binary files /dev/null and b/index/terminal-space/img/icons8-rocket.gif differ diff --git a/index/terminal-space/img/logo.png b/index/terminal-space/img/logo.png new file mode 100644 index 0000000..67a8659 Binary files /dev/null and b/index/terminal-space/img/logo.png differ diff --git a/index/terminal-space/img/terminal-icon.png b/index/terminal-space/img/terminal-icon.png new file mode 100644 index 0000000..eabe3b3 Binary files /dev/null and b/index/terminal-space/img/terminal-icon.png differ diff --git a/index/terminal-space/img/terminal.png b/index/terminal-space/img/terminal.png new file mode 100644 index 0000000..a3233d7 Binary files /dev/null and b/index/terminal-space/img/terminal.png differ diff --git a/index/terminal-space/index.php b/index/terminal-space/index.php new file mode 100644 index 0000000..b870cb0 --- /dev/null +++ b/index/terminal-space/index.php @@ -0,0 +1,112 @@ + + + + + + + + + + + + + + + + + + Terminal space + + + +
+

💾 Terminal space

+ + + + +
+
+ + +
+
+

Terminal space:

+

Vítám Tě na Terminal space!

+

Web je věnován Terminálům konzolím a hlavně aplikacím pro terminály.

+

Najdeš tu tipy, návody, novinky a další obsah ze světa terminálu.

+

Terminal Space prymárně míří na uživatele Linuxu a macOS, ale spousty obsahu budeš moci aplikovat ve Windows.

+
+
+

Kontakty:

+

+ 👉 🚀 ApolloNvim Telegram skupina +

+

+ 👉 Osobní web autora 💾 Terminal space +

+

+ 👉 Gitea profil +

+

+ 👉 GitHub +

+

+ + Mastodon +

+
+
+
+

Podpora:

+

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

+

👉 Taky můžete 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/index/terminal-space/install.php b/index/terminal-space/install.php new file mode 100644 index 0000000..e967d7a --- /dev/null +++ b/index/terminal-space/install.php @@ -0,0 +1,303 @@ + + + + + + + + + + + + + + + + + ApolloNvim Instalace + + + +
+

🚀ApolloNvim Instalace

+ + + + +
+
+
+
+

Instalace a nastavení:

+

+ + 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! + +

+ +

+ 👉 Pokud ještě nemáte nainstalujte si + Neovim. +

+

+ 👉 Bude potřeba nainstalovat plug.vim + aby jste mohl/a instalovat rozšíření. +

+

+ 👉 Běžte na tuto + stránku + pod Installation si najděte svůj + operační systém a zkopírujte odkaz pod + ním do svého terminálu. +

+

+ 👉 Nejprve si však zálohujte své + aktuální nastavení Neovim!!! +

+

👉 Linux & Mac:

+
+

/home/user/.config/nvim/init.vim

+
+

Windows:

+
+

~\AppData\Local\nvim

+
+
+
+

Node.js:

+

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

+

+ 👉 Dále si v Node.js nainstalujte + Live-server + příkazem: +

+
+

npm i live-server

+
+

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

+
+

npx live-server

+
+

+ 👉 Pro správnou funkčnost LSP si + doinstalujte tyto balíčky: +

+ +

+ vscode-html-langserver +

+

+ vscode-css-langserver +

+

+ typescript-language-server +

+

+ emmet-ls +

+

+ eslint +

+

+ vtailwindcss-language-server +

+

+ marksman +

+

+ markdoc-ls +

+
+
+

Neovim:

+

+ 👉 Pro instalaci 🚀 ApolloNvim Distra + stačí stáhnout pouze soubor init.vim s + tohoto + repositáře. +

+

+ 👉 Uložte ho do kořenováho adresáře + ~/.. /nvim dle tvého + OS. + Nezapomeňte na zálohu + stávajících souborů +

+

+ 👉 Neovim pustíte v terminálu příkazem + nvim. +

+

👉 Odklikejte chybová hlášení.

+

+ 👉 V Neovimu zadejte do command line + PlugIns , tím + nainstalujete všechny pluginy. + Restartujte Neovim. +

+

+ 👉 Pokud Vám některý plugin chybí, + můžete ho lehce doinstalovat nebo naopak + odinstalovat pomocí + plug.vim. Více + informací najdete na GitHubu + plug.vim + nebo velmi rád poradím viz. o nás. +

+

+ 👉 Pokud některý plugin nechcete + používat stačí v souboru + init.vim ho + zakomentovat pomocí dvojitých uvozovek + ". +

+

+ 👉 Do command line ještě zadejte Coc + příkaz pro doinstalování zbylých + pluginů: +

+
+

+ 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 +

+
+

+ 👉 A ještě jednou restartujte Neovim a + vše máte připravené. +

+

+ 👉 Tuto konfiguraci používám na Linuxu i + MacOS. Je ozkoušena i na Windows 11. +

+
+ + + +
+ + + diff --git a/index/terminal-space/kakoune/img/command.png b/index/terminal-space/kakoune/img/command.png new file mode 100644 index 0000000..8358f68 Binary files /dev/null and b/index/terminal-space/kakoune/img/command.png differ diff --git a/index/terminal-space/kakoune/img/config.png b/index/terminal-space/kakoune/img/config.png new file mode 100644 index 0000000..e77bec8 Binary files /dev/null and b/index/terminal-space/kakoune/img/config.png differ diff --git a/index/terminal-space/kakoune/img/home.png b/index/terminal-space/kakoune/img/home.png new file mode 100644 index 0000000..0b3b383 Binary files /dev/null and b/index/terminal-space/kakoune/img/home.png differ diff --git a/index/terminal-space/kakoune/img/icons8-rocket.gif b/index/terminal-space/kakoune/img/icons8-rocket.gif new file mode 100644 index 0000000..c2a91fa Binary files /dev/null and b/index/terminal-space/kakoune/img/icons8-rocket.gif differ diff --git a/index/terminal-space/kakoune/img/kakoune_logo_full.png b/index/terminal-space/kakoune/img/kakoune_logo_full.png new file mode 100644 index 0000000..5e27405 Binary files /dev/null and b/index/terminal-space/kakoune/img/kakoune_logo_full.png differ diff --git a/index/terminal-space/kakoune/index.html b/index/terminal-space/kakoune/index.html new file mode 100644 index 0000000..50c84e9 --- /dev/null +++ b/index/terminal-space/kakoune/index.html @@ -0,0 +1,298 @@ + + + + + + + + + + + + + + + + + + Kakoune Czech Community + + + +
+ + + + + + +
+
+ +
1
+ + +
+
+

Ú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 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. +

+

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

+

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

+

👉 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ř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. +

+

+ 👉 LSP se + mi velmi osvědčilo v modálním editoru + Helix-editor. + Mou konfiguraci Helixu najdete + zde. +

+

+ 👉 Ta nejlepší témata v Kakoune nemusíš hledat, najdeš je po instalaci. 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 LSP si doinstaluj tyto balíčky:

+

vscode-html-language-server

+

vscode-css-language-server

+

typescript-language-server +

+

emmet-ls

+

tailwindcss-language-server +

+

marksman

+

markdoc-ls

+

👉 A také si doinstaluj 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š moci pouštět index.html příkazem:

+
+

npx live-server

+
+

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

+
+
+

Kakoune:

+

+ 👉 Pro instalaci Kakoune Front-End Power Ti stačí stáhnout pouze soubor + kakrc z 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 Ti rád poradím viz. Kontakty. +

+

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

+

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

+
+
+

Plán Kakoune Front-End Power:

+

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

+

+ 👉 Web na vlastní doméně. Zatím Kakoune Front-End Power najdeš + zde. +

+

👉 Nové pluginy.

+

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

+

👉 Návody k práci s Kakoune.

+
+
+

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é asynchronní vyhledávaní souborů.

+
+
+

Otázky a odpovědi:

+

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

+
+
+

Kontakty:

+

+ 👉 Kakoune community Telegram skupina +

+

+ 👉 Osobní web autora +

+

+ 👉 Gitea profil +

+

+ 👉 GitHub +

+

+ 👉 + Nostr +

+

+ 👉 Mastodon +

+
+
+

Podpora:

+

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

+

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

+ Satoshi +
+
+

Další projekty a odkazy:

+

+ 👉 ArchLinux CZ +

+

+ 👉 + Vyhledávač SearXNG CZ +

+

+ 👉 + EndeavourOS Linux +

+

+ 👉 i3 window manager +

+
+
+ + + + + + + \ No newline at end of file diff --git a/index/terminal-space/kakoune/script.js b/index/terminal-space/kakoune/script.js new file mode 100644 index 0000000..c93949e --- /dev/null +++ b/index/terminal-space/kakoune/script.js @@ -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"); diff --git a/index/terminal-space/kakoune/style.css b/index/terminal-space/kakoune/style.css new file mode 100644 index 0000000..f4b024e --- /dev/null +++ b/index/terminal-space/kakoune/style.css @@ -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; +} diff --git a/index/terminal-space/news.php b/index/terminal-space/news.php new file mode 100644 index 0000000..8472a05 --- /dev/null +++ b/index/terminal-space/news.php @@ -0,0 +1,72 @@ + + + + + + + + + + + + + + + + + + Terminal space - Novinky + + + +
+

💾 Terminal space - Novinky

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

Vyšla nová verze AstoNvim

+01.04.2024 +

AstroNvim je distribuce Neovimu beznutnosti další konfigurace.

+

Na nové verzi se pracovalo 10 měsíců a 2 měsíce trvalo veřejné beta testování.

+
+
+

Vyšla nová verze Helix-editoru 24.03

+01.04.2024 +

Před několika málo dny vyšla nová verze postmoderního modálního editoru Helix.

+

Helix-editor je napsán v Rustu a běží v terminálech na všech OS.

Nová verze obsahuje přes 150 vylepšení, na jejich seznam se můžete podívat pod tímto odkazem.

+
+ + +
+ + + + diff --git a/index/terminal-space/script.js b/index/terminal-space/script.js new file mode 100644 index 0000000..a7ed4a0 --- /dev/null +++ b/index/terminal-space/script.js @@ -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 +} diff --git a/index/terminal-space/style.css b/index/terminal-space/style.css new file mode 100644 index 0000000..78b5441 --- /dev/null +++ b/index/terminal-space/style.css @@ -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; +} diff --git a/index/tools/index.html b/index/tools/index.html new file mode 100644 index 0000000..eee5dd7 --- /dev/null +++ b/index/tools/index.html @@ -0,0 +1,128 @@ + + + + + + + + Nástroje + + + + + + + + + + +
+

Software se kterým nejčastěji pracuji

+ +
+
+

Helix

+

+ Helix je + postmoderní modální editor. +

+

+ Název postmoderní získal z důvodu: Jestliže je + Neovim moderní Vim, + pak je Helix postmoderní. +

+

+ 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á. +

+

+ Můj setup na vývoj frontend si můžeš prohlédnout na mé + Gitea. +

+

+ Na mém + Blogu na + témá Helix najdeš více informací či mé + Digitální zahradě + a + Dev.to profilu. +

+
+ +
+

Obsidian

+

+ Obsidian markdown + editor pro ty nejnáročnější. +

+

+ 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ů. +

+

+ Pokud se chceš o Obsidianu dozvědět více, pod odkazem najdeš další + materiály k + Obsidianu. +

+
+
+ +
+

Neovim

+

+ Modální editor Neovim + 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í. +

+

+ Na moje nastavení Neovimu se můžeš podívat na mé + Gitea. +

+
+ +
+ + + + diff --git a/style/alt.index.html b/style/alt.index.html old mode 100755 new mode 100644 diff --git a/style/alt.style.css b/style/alt.style.css old mode 100755 new mode 100644 index ae55ffe..89ac9a1 --- a/style/alt.style.css +++ b/style/alt.style.css @@ -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; diff --git a/style/style.css b/style/style.css old mode 100755 new mode 100644