Add Header

Restructure
2022-08-02 20:33:33 +02:00 · 2022-08-02 20:33:33 +02:00 · 208fa71af9
Commit 208fa71af9
--- a/.htaccess
+++ b/.htaccess
--- a/bausystem-features.html
+++ b/bausystem-features.html
@ -20,21 +20,34 @@
 <!doctype html>
 <html lang="en">
 <head>
+    <base href="BauSystem-Features">
+
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Bausystem Features</title>
-    <link rel="stylesheet" href="index.css">
+    <title>Bausystem Features - SteamWar.de/docs</title>
+    <link rel="stylesheet" href="/index.css">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">

-    <script src="app.js" defer></script>
+    <script src="https://kit.fontawesome.com/df996a11da.js" crossorigin="anonymous"></script>
+    <script src="/app.js" defer></script>
 </head>
 <body>

+<header>
+    <a id="back-button" href="#">
+        <i class="fa-solid fa-chevron-left"></i>
+        <span>
+        SteamWar.de/docs
+        </span>
+    </a>
+
+</header>
+
 <div class="center">
    <div id="content">
        <h1>Bausystem Features</h1>
@ -131,14 +144,14 @@
        <h3>Bauhilfen</h3>
        <div id="smartplace" class="feature">
            <h4>Smartplace</h4>
-            <img src="Smartplace-1080P.png" alt="" loading="lazy"><br>
+            <img src="/img/Smartplace-1080P.png" alt="" loading="lazy"><br>
            <p>
                Smartplace kann mit <code>/smartplace</code> aktiviert und deaktiviert werden. Dies wird für dich auf allen Baus
                umgestellt. Wenn du nun rotierbare Blöcke wie Pistons, Observer und andere platzieren willst, werden diese wenn man
                gleichzeitig sneaked andersrum platziert. Wenn du Blöcke mit Inventar an selbige Blöcke platzierst brauchst du
                dafür kein sneaken mehr.
            </p>
-            <a class="btn">Zum Code</a>
+            <a class="btn"><i class="fa-solid fa-code"></i> Zum Code</a>
        </div>

        <h3>TNT Handling</h3>
--- a/deploy.sh
+++ b/deploy.sh
--- a/img/Smartplace-1080P.png
+++ b/img/Smartplace-1080P.png
--- a/img/Smartplace-UHD.png
+++ b/img/Smartplace-UHD.png
--- a/img/Smartplace.afdesign
+++ b/img/Smartplace.afdesign
--- a/index.css
+++ b/index.css
@ -69,6 +69,8 @@ code {

 body {
    font-family: 'Roboto', sans-serif;
+    margin: 0;
+    padding: 0;
 }

 .center {
@ -104,4 +106,28 @@ a {
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
-}
+}
+
+header {
+    background: black;
+    color: white;
+    height: fit-content;
+    width: 100%;
+
+    display: flex;
+}
+
+#back-button {
+    margin-left: 15px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    color: white;
+    font-size: 2.5vh;
+    user-select: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+}