gramatika

index.html

@@ -69,12 +69,13 @@
         <p>
           👉 Tato distribuce nefunguje jen že kliknete na tlačítko a nainstaluje
           se. Vede Vás k samostatné instalaci pomocí tohoto webu. Cílem je
-          pochopit jak Neovim funguje abyjste si mohli samy vše modifikovat, což
+          pochopit jak Neovim funguje aby jste si mohli samy vše modifikovat,
-          i click-on distribucí se nenaučíte.
+          což i click-on distribucí se nenaučíte.
         </p>
         <p>
-          👉 Toto nastavení jsem si udělal pro vývoj webu. Inspiroval jsem se
+          👉 Toto nastavení je primárně pro vývoj webu, ale není problém si vše
-          pluginy které jsem využíval v VSCode a Webstorm.
+          přizpůsobit. Inspiroval jsem se pluginy které jsem využíval v VSCode a
+          Webstorm.
         </p>
         <p>👉 Velký důraz je kladen na rychlost a lehkost.</p>
         <p>
@@ -88,14 +89,14 @@
             href="https://git.archoslinux.cz/kankys/zellij-mySetup"
             target="_blank"
             >Zellij </a
-          >, ale není to samořejmě podmínkou.
+          >, ale není to samozřejmě podmínkou.
         </p>
       </section>
       <section id="advantages">
         <h2>Přednosti:</h2>
         <p>
           👉 Hlavní přednosti tohoto nastavení jsou podpora: Tabnine, Prettier,
-          AutoSave, diplňování HTML, CSS, JS a zkratky k zakomentování a odk
+          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.
         </p>
@@ -106,8 +107,8 @@
           >
           v této instalaci využívám
           <a href="https://github.com/neoclide/coc.nvim" target="_blank">Coc</a>
-          pro jeho jednoduchost bez potřeby zásahů do konfigurace Coc. LSP se mi
+          pro jeho jednoduchost s minimálními zásahy do konfigurace Coc. LSP se
-          velmi osvědčilo v modálním editoru
+          mi velmi osvědčilo v modálním editoru
           <a href="https://helix-editor.com/" target="_blank">Helix-editor</a>
           má konfigurace
           <a
@@ -156,10 +157,7 @@
         </div>
         <p>Windows:</p>
         <div class="code-box">
-          <p>
+          <p>~\AppData\Local\nvim</p>
-            /home/kankys/.local/share/nvim/ (data) <br />
-            /home/kankys/.local/state/nvim/ (data)
-          </p>
         </div>
         <section id="node">
           <h2>Node.js:</h2>
@@ -177,6 +175,10 @@
           <div class="code-box">
             <p>npm i live-server</p>
           </div>
+          <p>
+            (Platí v případě že chceš dělat front-end nebo programovat v
+            Javascriptu).
+          </p>
           <p>👉 Ve svém projektu budeš moc pouštět svůj index.html příkazem:</p>
           <div class="code-box">
             <p>npx live-server</p>
@@ -185,7 +187,7 @@
         <section id="neovim">
           <h2>Neovim:</h2>
           <p>
-            👉 Pro instalaci ApolloNvim Distra ti stačí stáhnout pouze soubor
+            👉 Pro instalaci 🚀 ApolloNvim Distra ti stačí stáhnout pouze soubor
             init.vim s tohoto repositáře.
           </p>
           <p>
@@ -199,9 +201,9 @@
             nainstaluješ všechny pluginy. Restartuj Neovim.
           </p>
           <p>
-            👉 Pokud ti některý plugin chybí můžeš lehce doinstalovat nebo
+            👉 Pokud ti některý plugin chybí můžeš ho lehce doinstalovat nebo
-            odinstalovat pomocí <strong>plug.vim</strong>. Více informací najdeš
+            naopak odinstalovat pomocí <strong>plug.vim</strong>. Více informací
-            na GitHubu
+            najdeš na GitHubu
             <a href="https://github.com/junegunn/vim-plug" target="_blank"
               >plug.vim</a
             >
@@ -312,9 +314,10 @@
           <p>
             👉
             <a href="https://wakatime.com/neovim" target="_blank">Wakatime</a>
-            služba která je schopna kolik času jste trávily při kódování na pc a
+            služba která je schopna měřit kolik času jste trávily při kódování
-            i na kterém projektu. Služba se jednoduše propojí přes API. WakaTime
+            na pc a i na kterém projektu. Služba se jednoduše propojí přes API.
-            najdeš <a href="https://wakatime.com/" target="_blank">zde</a>.
+            WakaTime najdeš
+            <a href="https://wakatime.com/" target="_blank">zde</a>.
           </p>
           <p>
             👉
@@ -323,14 +326,7 @@
             >
             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 nedodělané.
+            Ale jak se dostane pod kůži vše ostatní Vám už přijde pomalé.
-          </p>
-          <p>
-            👉
-            <a href="https://github.com/itchyny/lightline.vim)" target="_blank"
-              >Light Line</a
-            >
-            informační pruh do spodní lišty.
           </p>
           <p>
             👉
@@ -358,6 +354,7 @@
           <p>👉 coc-css</p>
           <p>👉 coc-markdown-preview-enhanced</p>
           <p>👉 coc-markdownlint</p>
+          <p>👉 coc-eslint</p>
         </section>
         <section id="faq">
           <h2>Otázky a odpovědi:</h2>
@@ -398,6 +395,7 @@
             >
           </p>
         </section>
+        <section class="login"></section>
         <section id="help">
           <h2>Podpora:</h2>
           <p>

script.js

@@ -27,8 +27,8 @@ 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 gotop = document.querySelector("#scrollToTopBtn");
-//const theme = document.querySelector("#toggleButton");
+const theme = document.querySelector("#toggleButton");
 const box = document.querySelectorAll(".code-box");
 let isDraculaMode = false;
 
@@ -37,6 +37,8 @@ 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";
   });
@@ -57,6 +59,8 @@ function setDraculaStyles() {
 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";

style.css

@@ -63,7 +63,6 @@ nav li a {
   float: right;
   margin-right: 30px;
   margin-top: 10px;
-  color: black;
   padding: 5px;
 }