Mobile friendly Github pages (en)

RetGal · Dec 23, 2023 · 6f04b25 · 6f04b25
1 parent 782e2c9
commit 6f04b25
Showing 1 changed file with 31 additions and 8 deletions.
diff --git a/docs/download.html b/docs/download.html
@@ -11,13 +11,37 @@
     <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>
   </head>
   <body>
-    <div id="container">
-      <div id="top">
-        <a href="de_download.html"><img src="germany.png" width="32" height="32" alt="Deutsch"/></a>
-        <a href="fr_download.html"><img src="france.png" width="32" height="32" alt="Français"/></a>
-        <a href="zh_download.html"><img src="china.png" width="32" height="32" alt="简体中文"/></a>
-      </div>
-      <div id="menu">
+  <input id="toggle" type="checkbox"/>
+  <label for="toggle" class="hamburger">
+    <div class="top-bun"></div>
+    <div class="meat"></div>
+    <div class="bottom-bun"></div>
+  </label>
+  <div class="nav">
+    <div class="nav-wrapper">
+      <nav>
+        <div class="ls">
+          <a href="de_index.html"><img src="germany.png" width="32" height="32" alt="Deutsch"/></a>
+          <a href="fr_index.html"><img src="france.png" width="32" height="32" alt="Français"/></a>
+          <a href="zh_index.html"><img src="china.png" width="32" height="32" alt="简体中文"/></a>
+        </div>
+        <a href="index.html">Home</a><br/>
+        <a href="quickstart.html">Quick Start</a><br/>
+        <a href="download.html">Download</a><br/>
+        <a href="support.html">Support</a><br/>
+        <a href="feedback.html">Feedback</a><br/>
+        <a href="privacy.html">Privacy</a><br/>
+        <a href="https://github.com/retgal/dayon">GitHub</a>
+      </nav>
+    </div>
+  </div>
+  <div id="container">
+    <div id="top">
+      <a href="de_support.html"><img src="germany.png" width="32" height="32" alt="Deutsch"/></a>
+      <a href="fr_support.html"><img src="france.png" width="32" height="32" alt="Français"/></a>
+      <a href="zh_support.html"><img src="china.png" width="32" height="32" alt="简体中文"/></a>
+    </div>
+    <div id="menu">
         <a href="index.html">Home</a>
         <a href="quickstart.html">Quick Start</a>
         <a href="download.html">Download</a>
@@ -260,7 +284,6 @@ <h3>Dayon! v1.0 (December 4, 2008)</h3>
           <a href="http://sourceforge.net/project/showfiles.php?group_id=246651">here</a>.
         </p>
       </div>
-
       <div id="footer"></div>
     </div>
   </body>