1 files changed, 60 insertions, 0 deletions
diff --git a/WebInterface/dist/index.html b/WebInterface/dist/index.html
new file mode 100644
index 0000000..7ea33b7
--- /dev/null
+++ b/WebInterface/dist/index.html
@@ -0,0 +1,60 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="DSA-Bot Web Client">
+    <meta name="author" content="Timon Scholz">
+    <meta name="theme-color" content="#546e7a">
+    <title>Helden Online</title>
+    <link rel="icon" href="ressources/DSALogo.png">
+    <link rel="stylesheet" href="style/index.css">
+    <!-- <link rel="manifest" href="manifest.webmanifest"> -->
+    <link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed" rel="stylesheet">
+  </head>
+  <body>
+    <div class="backdrop">
+      <div class="header-bar">
+        <div class="menu-icon" id="show-menu"></div>
+        <h1 class="header">Helden Online</h1>
+      </div>
+      <div class="menu-actions hidden" id="menu">
+        <a class="menu-option active" id="listing-tab" href="./">Spiele-Liste</a>
+        <a class="menu-option" id="github-tab" href="https://github.com/TrueDoctor/DiscoBot" target="_blank">Projekt auf GitHub</a>
+        <a class="menu-option" id="about-tab" href="about" target="_blank">About</a>
+      </div>
+    </div>
+    <div class="front-layer" id="front-layer">
+      <div class="banner" id="notifications">
+        <div class="notification-badge" id="notification-amount">1</div>
+        <p class="banner-text" id="banner-info">Loading javascript.</p>
+        <div class="btn-container">
+          <button class="btn text-btn banner-button" id="dismiss-banner">Okay</button>
+        </div>
+        <hr>
+      </div>
+      <div class="server-listing">
+        <h1>Aktive Spiele</h1>
+        <hr>
+        <div class="server-entries" id="server-list">
+
+        </div>
+        <div class="button-container">
+          <button id="new-game-button" class="btn">
+            Spiel beginnen
+          </button>
+          <button id="refresh-button" class="btn text-btn refresh-btn">
+            Aktualisieren
+          </button>
+        </div>
+
+      </div>
+
+      <div class="copyright-container">
+        <span>© 2018 Dennis Kobert & Timon Scholz</span>
+      </div>
+    </div>
+    <script src="script/index.js"></script>
+  </body>
+</html>