summaryrefslogtreecommitdiff
path: root/WebInterface/NodeJSServer/dist/index.html
blob: e1585e9e88a20cf868299e98a918246eaa3fe8d0 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!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/Logo768.png">
    <link rel="stylesheet" href="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.html" target="_blank">About</a>
      </div>
    </div>
    <div class="container" id="front-layer">
      <div class="banner" id="notifications">
        <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 class="server"><span class="server-name">Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1Server 1</span><div class="player-count-dot"></div><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><div class="player-count-dot"></div><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><div class="player-count-dot"></div><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><div class="player-count-dot"></div><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><div class="player-count-dot"></div><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><div class="player-count-dot"></div><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><div class="player-count-dot"></div><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><div class="player-count-dot"></div><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><div class="player-count-dot"></div><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><div class="player-count-dot"></div><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><div class="player-count-dot"></div><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><div class="player-count-dot"></div><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><div class="player-count-dot"></div><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><div class="player-count-dot"></div><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><div class="player-count-dot"></div><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><div class="player-count-dot"></div><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><div class="player-count-dot"></div><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><div class="player-count-dot"></div><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><div class="player-count-dot"></div><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><div class="player-count-dot"></div><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>

      <div class="copyright-container">
        <span>© 2018 Timon Scholz</span>
      </div>
    </div>
    <script src="index.js"></script>
  </body>
</html>