Add files via upload

stuffbymax · May 24, 2024 · f18b8f0 · f18b8f0
1 parent e629dd0
commit f18b8f0
Show file tree

Hide file tree

Showing 8 changed files with 423 additions and 245 deletions.
diff --git a/en.html b/en.html
@@ -89,7 +89,6 @@
             <li><a href="ukr.html">Ua</a></li>
             <li><a href="fr.html">FR</a></li>
             <li><a href="شبكة.html">شبكة</a></li>
-            <li><a href="verification-en.html">verified languages</a></li>
         </ul>
     </div>
 

diff --git a/fr.html b/fr.html
@@ -10,42 +10,61 @@
 
 <body>
     <style>
-        ul {
-          list-style-type: none;
-          margin: 0;
-          padding: 0;
+         ul {
+            list-style-type: none;
+            margin: 0;
+            padding: 0;
         }
         .sidenav {
-          height: 100%;
-          width: 200px;
-          position: fixed;
-          z-index: 1;
-          top: 0;
-          left: 0;
-          background-color: #000000;
-          overflow-x: hidden;
-          padding-top: 20px;
+            height: 100%;
+            width: 100%;
+            position: fixed;
+            z-index: 1;
+            top: 0;
+            left: 0;
+            background-color: #000000;
+            overflow-x: hidden;
+            padding-top: 20px;
         }
-
         .sidenav a {
-          padding: 6px 6px 6px 32px;
-          text-decoration: none;
-          font-size: 25px;
-          color: #818181;
-          display: block;
+            padding: 6px 6px 6px 32px;
+            text-decoration: none;
+            font-size: 25px;
+            color: #818181;
+            display: block;
         }
-
         .sidenav a:hover {
-          color: #f1f1f1;
+            color: #f1f1f1;
         }
-
         .main {
-          margin-left: 200px; /* Same as the width of the sidenav */
+            margin-left: 0;
+            padding: 20px;
         }
-
-        @media screen and (max-height: 450px) {
-          .sidenav {padding-top: 15px;}
-          .sidenav a {font-size: 18px;}
+        @media screen and (min-width: 600px) {
+            .sidenav {
+                width: 200px;
+            }
+            .main {
+                margin-left: 200px; /* Same as the width of the sidenav */
+            }
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+        }
+        table, th, td {
+            border: 1px solid black;
+        }
+        th, td {
+            padding: 8px;
+            text-align: left;
+        }
+        @media screen and (max-width: 600px) {
+            table {
+                display: block;
+                overflow-x: auto;
+                white-space: nowrap;
+            }
         }
 
 
@@ -61,17 +80,18 @@
             <a href="ukr.html">Ua</a>
             <a href="fr.html">FR</a>
             <a href="شبكة.html">شبكة</a>
-            <a href="verification-fr.html">langues vérifiées</a>
+
           </ul>
           </div>
 <br>
-
+<div class="main">
 <h1 align="center">c'est une traduction non officielle &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h1>
 <h1 align="center">this is unofficial translation</h1>
 <h3 align="center">Les frappes de l'éditeur et leurs fonctions &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h3>
-<br>
 
+<br>
 <table align="center"><tbody>
+    <div class="main">
 <tr><td>
 
 <b>La gestion des fichiers</b>

diff --git a/ge.html b/ge.html
@@ -10,43 +10,70 @@
 
 <body>
   <style>
-  ul {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-  }
-  .sidenav {
-    height: 100%;
-    width: 200px;
-    position: fixed;
-    z-index: 1;
-    top: 0;
-    left: 0;
-    background-color: #000000;
-    overflow-x: hidden;
-    padding-top: 20px;
-  }
-
-  .sidenav a {
-    padding: 6px 6px 6px 32px;
-    text-decoration: none;
-    font-size: 25px;
-    color: #818181;
-    display: block;
-  }
-
-  .sidenav a:hover {
-    color: #f1f1f1;
-  }
-
-  .main {
-    margin-left: 200px; /* Same as the width of the sidenav */
-  }
-
-  @media screen and (max-height: 450px) {
-    .sidenav {padding-top: 15px;}
-    .sidenav a {font-size: 18px;}
-  }
+       ul {
+            list-style-type: none;
+            margin: 0;
+            padding: 0;
+        }
+        .sidenav {
+            height: 100%;
+            width: 100%;
+            position: fixed;
+            z-index: 1;
+            top: 0;
+            left: 0;
+            background-color: #000000;
+            overflow-x: hidden;
+            padding-top: 20px;
+        }
+        .sidenav a {
+            padding: 6px 6px 6px 32px;
+            text-decoration: none;
+            font-size: 25px;
+            color: #818181;
+            display: block;
+        }
+        .sidenav a:hover {
+            color: #f1f1f1;
+        }
+        .main {
+            margin-left: 0;
+            padding: 20px;
+        }
+        @media screen and (min-width: 600px) {
+            .sidenav {
+                width: 200px;
+            }
+            .main {
+                margin-left: 200px; /* Same as the width of the sidenav */
+            }
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+        }
+        table, th, td {
+            border: 1px solid black;
+        }
+        th, td {
+            padding: 8px;
+            text-align: left;
+        }
+        @media screen and (max-width: 600px) {
+            table {
+                display: block;
+                overflow-x: auto;
+                white-space: nowrap;
+            }
+        }
+        .sidenav {
+    width: 100%;
+}
+@media screen and (min-width: 600px) {
+    .sidenav {
+        width: 200px;
+    }
+}
 
 
   </style>
@@ -61,11 +88,12 @@
       <a href="ukr.html">Ua</a>
       <a href="fr.html">FR</a>
       <a href="شبكة.html">شبكة</a>
-      <a href="verification-de.html">verifizierte Sprachen</a>
+
       </ul>
       </div>
 
     <br>
+    <div class="main"
     <h4 align="center"> Dies ist eine inoffizielle Übersetzung </h4>
     <h4 align="center"> this is unofficial translation </h4>
 <br>
@@ -74,6 +102,7 @@ <h3 align="center">Die Tastenanschläge des Editors und ihre Funktionen &nbsp;&n
 <br>
 
 <table align="center"><tbody>
+  <div class="main">
 <tr><td>
 
 <b>Dateiverwaltung</b>

diff --git a/index.html b/index.html
@@ -10,43 +10,71 @@
 
 <body>
 <style>
-ul {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
+        ul {
+            list-style-type: none;
+            margin: 0;
+            padding: 0;
+        }
+        .sidenav {
+            height: 100%;
+            width: 100%;
+            position: fixed;
+            z-index: 1;
+            top: 0;
+            left: 0;
+            background-color: #000000;
+            overflow-x: hidden;
+            padding-top: 20px;
+        }
+        .sidenav a {
+            padding: 6px 6px 6px 32px;
+            text-decoration: none;
+            font-size: 25px;
+            color: #818181;
+            display: block;
+        }
+        .sidenav a:hover {
+            color: #f1f1f1;
+        }
+        .main {
+            margin-left: 0;
+            padding: 20px;
+        }
+        @media screen and (min-width: 600px) {
+            .sidenav {
+                width: 200px;
+            }
+            .main {
+                margin-left: 200px; /* Same as the width of the sidenav */
+            }
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+        }
+        table, th, td {
+            border: 1px solid black;
+        }
+        th, td {
+            padding: 8px;
+            text-align: left;
+        }
+        @media screen and (max-width: 600px) {
+            table {
+                display: block;
+                overflow-x: auto;
+                white-space: nowrap;
+            }
+        }
+        .sidenav {
+    width: 100%;
 }
-.sidenav {
-  height: 100%;
-  width: 200px;
-  position: fixed;
-  z-index: 1;
-  top: 0;
-  left: 0;
-  background-color: #000000;
-  overflow-x: hidden;
-  padding-top: 20px;
+@media screen and (min-width: 600px) {
+    .sidenav {
+        width: 200px;
+    }
 }
 
-.sidenav a {
-  padding: 6px 6px 6px 32px;
-  text-decoration: none;
-  font-size: 25px;
-  color: #818181;
-  display: block;
-}
-
-.sidenav a:hover {
-  color: #f1f1f1;
-}
-
-.main {
-  margin-left: 200px; /* Same as the width of the sidenav */
-}
-
-@media screen and (max-height: 450px) {
-  .sidenav {padding-top: 15px;}
-  .sidenav a {font-size: 18px;}
-}
 
 
 </style>
@@ -61,18 +89,20 @@
     <a href="ukr.html">Ua</a>
     <a href="fr.html">FR</a>
     <a href="شبكة.html">شبكة</a>
-    <a href="verification-cz.html">ověřené jazyky</a>
+
   </ul>
   </div>
 
 <br>
+<div class="main">
   <h4 align="center"> Toto je neoficiální překlad </h4>
   <h4 align="center"> this is unofficial translation </h4>
 
 <h1 align="center">Přehled zkratek nano &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h1>
 <h3 align="center">Stisky kláves editoru a jejich funkce &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h3>
 
 <table align="center"><tbody>
+  <div class="main">
 <tr><td>
 
 <b>Manipulace se soubory</b>