padding

index.html

@@ -27,9 +27,9 @@
       <!-- Terminal - navigation -->
       <nav class="navigation">
         <ul>
-          <li><a href="">Úvod</a></li>
+          <li><a href="#install">Instalace</a></li>
-          <li><a href="">O nás</a></li>
+          <li><a href="#neovim">Neovim</a></li>
-          <li><a href="">Kontakt</a></li>
+          <li><a href="#contact">Kontakty</a></li>
         </ul>
       </nav>
 <!--<button id="toggleButton">Dracula/Light mode</button> -->
@@ -154,6 +154,7 @@
             /home/kankys/.local/state/nvim/ (data)
           </p>
         </div>
+	<section id="node">
         <h2>Node.js:</h2>
         <p>
           👉 Doporučuji mít nainstalovaný
@@ -173,6 +174,9 @@
         <div class="code-box">
           <p>npx live-server</p>
         </div>
+ 
+	</section>
+	<section id="neovim">
  <h2>Neovim:</h2>
         <p>
           👉 Pro instalaci ApolloNvim Distra ti stačí stáhnout pouze soubor
@@ -227,6 +231,9 @@
           👉 Tuto konfiguraci používám na Linuxu i MacOS. Je ozkoušena i na
           Windows 11.
         </p>
+       
+	</section>
+	<section id="apollo">
        <h2>Plán 🚀ApolloNvim:</h2>
         <p>👉 Do budoucna můžete očekávat tyto nové funkce a další novinky:</p>
         <p>
@@ -243,6 +250,8 @@
           priorita
         </p>
         <p>👉 Návody k práci s Neovim -> Vysoká priorita</p>
+	</section>
+	<section id="plugin">
         <h2>Výběr pluginu v Lite Web 🚀 ApolloNvim Distro 2024:</h2>
         <p>
           👉
@@ -320,6 +329,8 @@
           >
           plugin pro automatické ukládání vašich souboru.
         </p>
+	</section>
+	<section id="coc">
         <h2>Coc extensions pro front-end:</h2>
         <p>👉 coc-todolist</p>
         <p>👉 coc-tailwindcss</p>
@@ -337,9 +348,12 @@
         <p>👉 coc-css</p>
         <p>👉 coc-markdown-preview-enhanced</p>
         <p>👉 coc-markdownlint</p>
-
+	</section>
+	<section id="faq">
         <h2>Otázky a odpovědi:</h2>
         <p>👉 Kolik stojí 🚀 ApolloNvim? -> Ne 🚀 ApolloNvim je zdarma.</p>
+	</section>
+	<section id="contact">
         <h2>Kontakty:</h2>
         <p>
           <a href="https://t.me/+o6qcLGlFROJhNzhk" target="_blank"
@@ -357,19 +371,21 @@
           >
         </p>
         <p>
-          <a href="https://github.com/LukasKanka/" target="_blank">GitHub</a>
+          <a href="https://github.com/LukasKanka/" target="_blank">👉  GitHub</a>
         </p>
         <p>
           <a
             href="https://nostr.band/npub12xzu8ejrl9cwpd034cqj5jtuztn4mxp3em2frckm9tk28kmy48vqr0u0yu"
             target="_blank"
-            >Nostr</a
+            >👉  Nostr</a
           >
         </p>
         <p>
-          <a href="https://mastodon.arch-linux.cz/@Kankys" target="_blank"></a
+          <a href="https://mastodon.arch-linux.cz/@Kankys" target="_blank"👉 > Mastodon</a
-          >Mastodon
+          >
         </p>
+	</section>
+	<section id="help">
         <h2>Podpora:</h2>
         <p>
           👉 Pokud jakkoliv chceš podpořit nebo se podílet na obsahu a
@@ -381,6 +397,8 @@
           src="https://lukaskanka.cz/index/about/img/sat.jpeg"
           alt="Satoshi"
         />
+	</section>
+	<section id="other">
         <h2>Další projekty a odkazy:</h2>
         <p>
           👉 <a href="https://arch-linux.cz/" target="_blank">ArchLinux CZ</a>
@@ -401,8 +419,8 @@
           👉 <a href="https://i3wm.org/" target="_blank">i3 window manager</a>
         </p>
 	</section>
+      </section>
 
-      <section></section>
       <footer>
         Copyright &copy;
         <a href="https://git.archoslinux.cz/kankys" target="_blank"

style.css

@@ -112,18 +112,46 @@ padding: 10px;
 /* Sekce */
 
 .content {
-  padding-top: 150px;
+  /*padding-top: 150px;*/
   text-align: center;
 }
 
-#advantages{
+.welcome {
-	padding-top: 50px;
+	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 {
@@ -145,6 +173,7 @@ padding: 10px;
 
 .photo {
 	text-align: center;
+	padding-top: 50px;
 }
 .photo img {