test

cz/index.html

@@ -27,11 +27,22 @@
     <!-- Terminal - navigation -->
     <nav class="navigation">
       <ul>
+        
+
+		<li><a href="index.html">Domů</a></li>
+
         <li><a href="install.html">Instalace</a></li>
+
         <li><a href="plugins.html">Pluginy</a></li>
+
         <li><a href="tutorials.html">Návody</a></li>
+
+		<li><a href="contact.html">Kontakty</a></li>
+
 	<li><a href="/en/index.html">English</a></li>
+
       </ul>
+
     </nav>
     <div class="menu-icon">
       <!-- Ikona hamburger -->

cz/style.css

@@ -1,18 +1,153 @@
-@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");
-
+html {
-* {
+      line-height: 1.5;
-  margin: 0;
+      font-family: Georgia, serif;
-  padding: 0;
+      font-size: 20px;
-  box-sizing: border-box;
+      color: #1a1a1a;
+      background-color: #fdfdfd;
     }
     body {
 	      max-width: 1000px;
       margin: 0 auto;
-  font-family: "Ubuntu", sans-serif;
+      
-  background-color: var(--dracula-body-bg);
+      padding-left: 50px;
-  color: var(--dracula-color);
+      padding-right: 50px;
+      padding-top: 50px;
+      padding-bottom: 50px;
+      hyphens: auto;
+      word-wrap: break-word;
+      text-rendering: optimizeLegibility;
+      font-kerning: normal;
     }
+    @media (max-width: 600px) {
+      body {
+        font-size: 0.9em;
+        padding: 1em;
+      }
+    }
+    @media print {
+      body {
+        background-color: transparent;
+        color: black;
+        font-size: 12pt;
+      }
+      p, h2, h3 {
+        orphans: 3;
+        widows: 3;
+      }
+      h2, h3, h4 {
+        page-break-after: avoid;
+      }
+    }
+    p {
+      margin: 1em 0;
+    }
+    a {
+      color: #1a1a1a;
+    }
+    a:visited {
+      color: #1a1a1a;
+    }
+    img {
+      max-width: 50%;
+    }
+    h1, h2, h3, h4, h5, h6 {
+      margin-top: 1.4em;
+    }
+    h5, h6 {
+      font-size: 1em;
+      font-style: italic;
+    }
+    h6 {
+      font-weight: normal;
+    }
+    ol, ul {
+      padding-left: 1.7em;
+      margin-top: 1em;
+    }
+    li > ol, li > ul {
+      margin-top: 0;
+    }
+    blockquote {
+      margin: 1em 0 1em 1.7em;
+      padding-left: 1em;
+      border-left: 2px solid #e6e6e6;
+      color: #606060;
+    }
+    code {
+      font-family: Menlo, Monaco, 'Lucida Console', Consolas, monospace;
+      font-size: 85%;
+      margin: 0;
+
+	       
+  padding: 10px;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  font-family: monospace;
+  max-width: 500px;
+  margin: 0 auto;
+  margin-top: 10px;
+  margin-bottom: 10px;
+
+    }
+    pre {
+      margin: 1em 0;
+      overflow: auto;
+    }
+    pre code {
+      padding: 0;
+      overflow: visible;
+    }
+    .sourceCode {
+     background-color: transparent;
+     overflow: visible;
+    }
+    hr {
+      background-color: #1a1a1a;
+      border: none;
+      height: 1px;
+      margin: 1em 0;
+    }
+    table {
+      margin: 1em 0;
+      border-collapse: collapse;
+      width: 100%;
+      overflow-x: auto;
+      display: block;
+      font-variant-numeric: lining-nums tabular-nums;
+    }
+    table caption {
+      margin-bottom: 0.75em;
+    }
+    tbody {
+      margin-top: 0.5em;
+      border-top: 1px solid #1a1a1a;
+      border-bottom: 1px solid #1a1a1a;
+    }
+    th {
+      border-top: 1px solid #1a1a1a;
+      padding: 0.25em 0.5em 0.25em 0.5em;
+    }
+    td {
+      padding: 0.125em 0.5em 0.25em 0.5em;
+    }
+    header {
+      margin-bottom: 4em;
+      text-align: center;
+    }
+    #TOC li {
+      list-style: none;
+    }
+    #TOC a:not(:hover) {
+      text-decoration: none;
+    }
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    span.underline{text-decoration: underline;}
+    div.column{display: inline-block; vertical-align: top; width: 50%;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    ul.task-list{list-style: none;}
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
 
 /*Header */
 
@@ -27,12 +162,12 @@ header {
   height: 70px;
   flex-direction: row;
   /*position: fixed;*/
-  background-color: var(--dracula-header-bg);
+  /*background-color: var(--dracula-header-bg);*/
 }
 
-a {
+/*a {*/
-  color: var(--dracula-links-color);
+  /*color: var(--dracula-links-color);*/
-}
+/*}*/
 .title {
   padding-top: 25px;
 }
@@ -55,25 +190,25 @@ nav li {
 
 nav li a {
   text-decoration: none;
-  color: var(--dracula-nav-links-color);
+  /*color: var(--dracula-nav-links-color);*/
 }
 
-.navigation {
+/*.navigation {*/
-  background-color: var(--dracula-nav-bg);
+  /*background-color: var(--dracula-nav-bg);*/
-}
+/*}*/
 
-h1 {
+/*h1 {*/
-  color: var(--dracula-h1-color);
+  /*color: var(--dracula-h1-color);*/
-}
+/*}*/
 
-h2 {
+/*h2 {*/
-  color: var(--dracula-h2-color);
+  /*color: var(--dracula-h2-color);*/
-}
+/*}*/
 
-.fa-solid {
+/*.fa-solid {*/
-  background-color: var(--dracula-solid-bg);
+  /*background-color: var(--dracula-solid-bg);*/
-  color: var(--dracula-solid-color);
+  /*color: var(--dracula-solid-color);*/
-}
+/*}*/
 /* navigation icons */
 
 .menu-icon {
@@ -108,65 +243,56 @@ h2 {
     margin-top: 10px;
     margin-bottom: 10px;
   }
-}
 
-/* Sekce */
+  /*Header small display*/
-
+@media (max-width: 600px) {
-.content {
+  body {
-  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;
+  header {
-  max-width: 500px;
+    position: relative;
-  margin: 0 auto;
+  }
+  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;
   }
+}
 
+
+#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: black;
+}
+
+/* Styl pro ikonu */
+#scrollToTopBtn i {
+  font-size: 34px;
+}
 /*Picture settings*/
 
 .sat {
@@ -184,56 +310,4 @@ h2 {
   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;
 }

index.html

@@ -1,32 +0,0 @@
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Přesměrování na základě jazyka</title>
-	<style>
-        body {
-            background-image: url('img/apollonvim.jpg');
-            background-size: cover;
-            background-repeat: no-repeat;
-            background-attachment: fixed;
-            background-position: center;
-        }
-    </style>
-    <script>
-        // Funkce pro přesměrování na základě jazyka prohlížeče
-        function redirectBasedOnLanguage() {
-            const userLang = navigator.language || navigator.userLanguage;
-            if (userLang.startsWith('en')) {
-                window.location.href = '/en/index.html';
-            } else {
-                window.location.href = '/cz/index.html';
-            }
-        }
-        // Přesměrování při načtení stránky
-        window.onload = redirectBasedOnLanguage;
-    </script>
-</head>
-<body>
-	
-    <!--<p>Prosím, čekejte... přesměrovávám na příslušnou jazykovou verzi.</p>-->
-</body>
-</html>