From a9120b016cab5e0c223569f1f3fcd4ec075e8761 Mon Sep 17 00:00:00 2001 From: kankys Date: Sat, 30 Mar 2024 14:22:13 +0100 Subject: [PATCH] jedem od znova --- img/icons8-rocket.gif | Bin 0 -> 13256 bytes index.html | 447 ++++++++++++++++++++++++++++++++++++++++++ script.js | 148 ++++++++++++++ style.css | 204 +++++++++++++++++++ 4 files changed, 799 insertions(+) create mode 100644 img/icons8-rocket.gif create mode 100644 index.html create mode 100644 script.js create mode 100644 style.css diff --git a/img/icons8-rocket.gif b/img/icons8-rocket.gif new file mode 100644 index 0000000000000000000000000000000000000000..c2a91fa0cbe1fe353d018f1ba79b1ce4a12e3648 GIT binary patch literal 13256 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 + + + + + + + + + + + + + + + + + + + + ApolloNvim + + + +
+

🚀ApolloNvim

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

Úvod:

+

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

+

+ 👉 Výhody Neovim oproti klasickému IDE jsou nesporně v 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 aby jste si mohli samy vše modifikovat, + což i click-on distribucí se nenaučíte. +

+

+ 👉 Toto nastavení je primárně pro vývoj webu, ale není problém si vše + přizpůsobit. Inspiroval jsem se pluginy které jsem využíval v VSCode a + Webstorm. +

+

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

+

+ 👉 🚀 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řednosti tohoto nastavení jsou podpora: Tabnine, Prettier, + AutoSave, doplňování HTML, CSS, JS a zkratky k zakomentování a odk + omentování kódu. Taky je zde několik pluginu pro příjemnější práci v + Neovim. +

+

+ 👉 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íš hledat, defaultně je + nastavéné Dracula. +

+

+ 👉 Témá v Neovim 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. +

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

Instalace a nastavení:

+

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

+

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

+

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

+

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

+

👉 Linux & Mac:

+
+

/home/kankys/.config/nvim/init.vim

+
+

Windows:

+
+

~\AppData\Local\nvim

+
+
+

Node.js:

+

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

+

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

+
+

npm i live-server

+
+

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

+

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

+
+

npx live-server

+
+
+
+

Neovim:

+

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

+

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

+

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

+

👉 Odklikej chybová hlášení.

+

+ 👉 V Neovimu zadej do command line PlugIns , tím + nainstaluješ všechny pluginy. Restartuj Neovim. +

+

+ 👉 Pokud ti některý plugin chybí můžeš ho lehce doinstalovat nebo + naopak odinstalovat pomocí plug.vim. Více informací + najdeš 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ě zadej Coc příkaz pro doinstalování zbylých + pluginů: +

+
+

+ CocInstall coc-todolist coc-tailwindcss coc-prettier 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 restartuj Neovim a vše máš připravené.

+

+ 👉 Také se zde podívej do souboru + Hint.md, pomůže ti na začátku. +

+

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

+
+
+

Plán 🚀ApolloNvim:

+

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

+

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

+

👉 Instalátor 🚀 ApolloNvim přes odkaz Git.

+

👉 Nová vlastní uvítací obrazovka.

+

👉 Nové pluginy.

+

👉 Telegram skupina k projektu.

+

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

+

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

+
+
+

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

+

+ 👉 + Tabnine + alternativa k GitHub Copilot, který si případně lehce také můžeš + doinstalovat. + Tabnine + narozdíl od Copilota nabízí free program a trial verzi na 90 dní. +

+

+ 👉 + + 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-project-manager

+

👉 coc-prettier

+

👉 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

+
+
+

Otázky a odpovědi:

+

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

+
+
+

Kontakty:

+

+ 👉 🚀 ApolloNvim Telegram skupina +

+

+ 👉 Osobní web autora 🚀 ApolloNvim +

+

+ 👉 Gitea profil +

+

+ 👉 GitHub +

+

+ 👉 Nostr +

+

+ + Mastodon +

+
+ +
+

Podpora:

+

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

+

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

+ Satoshi +
+
+

Další projekty a odkazy:

+

+ 👉 ArchLinux CZ +

+

+ 👉 + Vyhledávač SearXNG CZ +

+

+ 👉 + EndeavourOS Linux +

+

+ 👉 i3 window manager +

+
+
+ + +
+ + + diff --git a/script.js b/script.js new file mode 100644 index 0000000..65b6b59 --- /dev/null +++ b/script.js @@ -0,0 +1,148 @@ +//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/style.css b/style.css new file mode 100644 index 0000000..bb19fdb --- /dev/null +++ b/style.css @@ -0,0 +1,204 @@ +* { + 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; +} + +.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: 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; + } +} + +/* Sekce */ + +.content { + text-align: center; +} + +.welcome { + padding-top: 115px; + 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; +} + +#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: 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; +}