feat: add download buttons #15

DigitalExtinction · Sep 21, 2023 · aee0233 · aee0233
1 parent 91d4af8
commit aee0233
Show file tree

Hide file tree

Showing 2 changed files with 70 additions and 0 deletions.
diff --git a/sass/styles.scss b/sass/styles.scss
@@ -46,6 +46,12 @@ div.middle {
         text-align: center;
         padding-top: 40px;
     }
+    & h3 {
+        color: var(--main-text1-color);
+        font-size: 30px;
+        text-align: center;
+        padding-top: 20px;
+    }
     & p, & ol {
         padding-top: 16px;
     }
@@ -55,6 +61,52 @@ div.middle {
     & a:hover {
         color: lightblue;
     }
+    & #download {
+        width: 100%;
+        box-sizing: border-box;
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: space-evenly;
+
+        & h2 {
+            color: var(--main-text1-color);
+            flex-basis: 100%;
+        }
+
+        & > div {
+            margin: 16px;
+            padding: 16px 0;
+            box-sizing: border-box;
+            flex-basis: 45%;
+            text-align: center;
+            background-color: #701e13;
+            border-radius: 10px;
+            border: 1px solid #ddb991;
+
+            &#download-steps {
+                background-color: transparent;
+                //flex-basis: 80%;
+                text-align: left;
+                flex-grow: 1;
+                margin: 0 10%;
+                border: 0;
+            }
+
+            & > a {
+                color: lightgoldenrodyellow;
+                &:hover {
+                    color: lightgoldenrodyellow;
+                }
+            }
+
+            &:hover {
+                margin-top: 8px;
+                margin-bottom: 24px;
+                background-color: #d2854a;
+            }
+        }
+    }
 }
 
 @media only screen and (max-width: 800px) {

diff --git a/templates/index.html b/templates/index.html
@@ -21,6 +21,24 @@ <h1>_coming&ZeroWidthSpace;_soon</h1>
   automatically generated from the latest development version each night, so
   they may be potentially unstable.
 
+  <div id="download">
+    <h2>Download</h2>
+
+    <div><a href="https://download.de-game.org/x86_64-unknown-linux-gnu/nightly.zip">Linux<br/>(<code>x86_64-unknown-linux-gnu</code>)</a></div>
+    <div><a href="https://download.de-game.org/x86_64-pc-windows-gnu/nightly.zip">Windows<br/>(<code>x86_64-pc-windows-gnu</code>)</a></div>
+    <div><a href="https://download.de-game.org/aarch64-apple-darwin/nightly.zip">macOS with M series<br/>(<code>aarch64-apple-darwin</code>)</a></div>
+    <div><a href="https://download.de-game.org/x86_64-apple-darwin/nightly.zip">macOS with Intel<br/>(<code>x86_64-apple-darwin</code>)</a></div>
+
+    <div id="download-steps">
+      <h3>Download steps</h3>
+      <ol>
+        <li>Download the ZIP file for your OS and CPU:</li>
+        <li>Extract the ZIP file.</li>
+        <li>Execute binary file called <code>de</code> or <code>de.exe</code>.</li>
+      </ol>
+    </div>
+  </div>
+
   <ol>
     <li>Download the ZIP file for your OS and CPU: