Browser Mode

- Starting to move the lobby.

Author: Zayelion

server/http/css/main.css

@@ -1378,6 +1378,26 @@ div#gamelist {
     margin-top: -1%;
 }
 
+#lobbygotoduel,
+#lobbygotospectate {
+    display: inline-block;
+    border: 1px solid white;
+    padding: 0.5vh 2vw;
+    width: 9vw;
+    text-align: center;
+    color: orange;
+}
+
+#lobbymenu {
+    width: 75vw;
+    margin: 0 auto;
+    padding: 3vh 3vw;
+    margin-top: 10vh;
+    box-shadow: 0 0 10px black;
+    border: 1px solid#444;
+    background-color: rgba(0, 0, 0, .5);
+}
+
 
 /* =========================================
 =================================

server/http/index.html

@@ -668,7 +668,37 @@ <h3 data-translation-launchersettings style="text-align: left; border-top: 1px s
             </section>
         </div>
     </header>
-    <header style="padding-top:50px" id="duelscreen"></header>
+    <header style="padding-top:50px" id="lobby">
+        <div id="lobbymenu">
+            <div id="duelspectate">
+                <span id="lobbygotoduel">Duel</span>
+                <span id="lobbygotospectate">Spectate</span>
+                <div class="slot">
+                    <input type="checkbox" id="player1lobbykick">
+                    <input id="player1lobbyslot" placeholder="empty slot">
+                    <input type="checkbox" id="player1lobbycheck">
+                </div>
+                <div class="slot">
+                    <input type="checkbox" id="player2lobbykick">
+                    <input id="player2lobbyslot" placeholder="empty slot">
+                    <input type="checkbox" id="player2lobbycheck">
+                </div>
+                <div class="slot">
+                    <input type="checkbox" id="player3lobbykick">
+                    <input id="player3lobbyslot" placeholder="empty slot">
+                    <input type="checkbox" id="player3lobbycheck">
+                </div>
+                <div class="slot">
+                    <input type="checkbox" id="player4lobbykick">
+                    <input id="player4lobbyslot" placeholder="empty slot">
+                    <input type="checkbox" id="player4lobbycheck">
+                </div>
+            </div>
+            <div <select class='currentdeck'>
+                <option selected value=""></option>
+                </select>
+            </div>
+    </header>
     <header style="padding-top:50px" id="duelscreen">
         <div id="ingamechat"></div>
         <div id="lifepoints">