Tolles neues Server-Listing

Mit tollem neuen Styling

1 files changed, 30 insertions, 35 deletions

diff --git a/WebInterface/NodeJSServer/dist/index.html b/WebInterface/NodeJSServer/dist/index.html
index 4264b39..9e44551 100644
--- a/WebInterface/NodeJSServer/dist/index.html
+++ b/WebInterface/NodeJSServer/dist/index.html
@@ -20,7 +20,7 @@
         <h1 class="header">Helden Online</h1>
       </div>
       <div class="menu-actions hidden" id="menu">
-        <a class="menu-option active" id="listing-tab" href="./">Server Liste</a>
+        <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.html" target="_blank">About</a>
       </div>
@@ -34,44 +34,39 @@
         <hr>
       </div>
       <div class="server-listing">
-        <h1>Server Listing</h1>
+        <h1>Aktive Spiele</h1>
         <hr>
         <div class="server-entries">
-          <ul id="message-list">
-
-          </ul>
-          <input type="text" id="user-input">
-          <input type="text" id="message-input">
-          <button id="send-button">
-            Senden
+          <div class="server"><span class="server-name">Server 1</span><span class="player-count">3</span><span class="player-count-static">Spieler online</span><button class="join-btn btn" id="join">Beitreten</button></div>
+          <div class="server"><span class="server-name">Server 2</span><span class="player-count">1</span><span class="player-count-static">Spieler online</span><button class="join-btn btn" id="join">Beitreten</button></div>
+          <div class="server"><span class="server-name">Server 1</span><span class="player-count">3</span><span class="player-count-static">Spieler online</span><button class="join-btn btn" id="join">Beitreten</button></div>
+          <div class="server"><span class="server-name">Server 1</span><span class="player-count">3</span><span class="player-count-static">Spieler online</span><button class="join-btn btn" id="join">Beitreten</button></div>
+          <div class="server"><span class="server-name">Server 1</span><span class="player-count">3</span><span class="player-count-static">Spieler online</span><button class="join-btn btn" id="join">Beitreten</button></div>
+          <div class="server"><span class="server-name">Server 1</span><span class="player-count">3</span><span class="player-count-static">Spieler online</span><button class="join-btn btn" id="join">Beitreten</button></div>
+          <div class="server"><span class="server-name">Server 1</span><span class="player-count">3</span><span class="player-count-static">Spieler online</span><button class="join-btn btn" id="join">Beitreten</button></div>
+          <div class="server"><span class="server-name">Server 1</span><span class="player-count">3</span><span class="player-count-static">Spieler online</span><button class="join-btn btn" id="join">Beitreten</button></div>
+          <div class="server"><span class="server-name">Server 1</span><span class="player-count">3</span><span class="player-count-static">Spieler online</span><button class="join-btn btn" id="join">Beitreten</button></div>
+          <div class="server"><span class="server-name">Server 1</span><span class="player-count">3</span><span class="player-count-static">Spieler online</span><button class="join-btn btn" id="join">Beitreten</button></div>
+          <div class="server"><span class="server-name">Server 1</span><span class="player-count">3</span><span class="player-count-static">Spieler online</span><button class="join-btn btn" id="join">Beitreten</button></div>
+          <div class="server"><span class="server-name">Server 1</span><span class="player-count">3</span><span class="player-count-static">Spieler online</span><button class="join-btn btn" id="join">Beitreten</button></div>
+          <div class="server"><span class="server-name">Server 1</span><span class="player-count">3</span><span class="player-count-static">Spieler online</span><button class="join-btn btn" id="join">Beitreten</button></div>
+          <div class="server"><span class="server-name">Server 1</span><span class="player-count">3</span><span class="player-count-static">Spieler online</span><button class="join-btn btn" id="join">Beitreten</button></div>
+          <div class="server"><span class="server-name">Server 1</span><span class="player-count">3</span><span class="player-count-static">Spieler online</span><button class="join-btn btn" id="join">Beitreten</button></div>
+          <div class="server"><span class="server-name">Server 1</span><span class="player-count">3</span><span class="player-count-static">Spieler online</span><button class="join-btn btn" id="join">Beitreten</button></div>
+          <div class="server"><span class="server-name">Server 1</span><span class="player-count">3</span><span class="player-count-static">Spieler online</span><button class="join-btn btn" id="join">Beitreten</button></div>
+          <div class="server"><span class="server-name">Server 1</span><span class="player-count">3</span><span class="player-count-static">Spieler online</span><button class="join-btn btn" id="join">Beitreten</button></div>
+          <div class="server"><span class="server-name">Server 1</span><span class="player-count">3</span><span class="player-count-static">Spieler online</span><button class="join-btn btn" id="join">Beitreten</button></div>
+          <div class="server"><span class="server-name">Server 1</span><span class="player-count">3</span><span class="player-count-static">Spieler online</span><button class="join-btn btn" id="join">Beitreten</button></div>
+        </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 class="server-entries">
-          <p>Server 1</p>
-          <p>Server 2</p>
-          <p>Server 3</p>
-          <p>Server 3</p>
-          <p>Server 3</p>
-          <p>Server 3</p>
-          <p>Server 3</p>
-          <p>Server 3</p>
-          <p>Server 3</p>
-          <p>Server 3</p>
-          <p>Server 3</p>
-          <p>Server 3</p>
-          <p>Server 3</p>
-          <p>Server 3</p>
-          <p>Server 3</p>
-          <p>Server 3</p>
-          <p>Server 3</p>
-          <p>Server 3</p>
-          <p>Server 3</p>
-          <p>Server 3</p>
-          <p>Server 3</p>
-          <p>Server 3</p>
-          <p>Server 3</p>
-          <p>Server 3</p>
-        </div> -->
+
       </div>
 
       <div class="copyright-container">