Sektor-Onboarding & Charaktererstellung (Frontend)

dev/lobby-frontend/index.html

@@ -55,20 +55,35 @@
         <a href="#" id="forgot-password-link" data-i18n="link_forgot_password" style="display: none;">Passwort vergessen?</a>
         <a href="#" id="back-link" data-i18n="link_back" style="display: none;">« Zurück</a>
 
-        <a href="https://discord.gg/ppjXBE4DbP" target="_blank" id="discord-link"></a>
+        <a href="https://discord.gg/agQhwDdVfK" target="_blank" id="discord-link"></a>
 
       </form>
     </div>
 
     <div id="sector-browser-layer" style="display: none;">
-      
       <div id="sector-tab-container">
+        <button type="button" class="tab-btn active" id="tab-last-sector">Zuletzt gespielt</button>
         <button type="button" class="tab-btn active" id="tab-my-sectors">Meine Sektoren</button>
         <button type="button" class="tab-btn" id="tab-new-sectors">Neue Sektoren</button>
       </div>
-
       <div id="sector-list-container"></div>
+    </div>
 
+    <div id="sector-onboarding-layer" style="display: none;">
+      
+      <form id="onboarding-form" autocomplete="off">
+        
+        <input type="text" id="local-username" placeholder="Benutzername eingeben" required>
+
+        <button type="button" id="btn-gender-male" class="gender-btn active" data-gender="male" data-i18n="btn_male">Männlich</button>
+        <button type="button" id="btn-gender-female" class="gender-btn" data-gender="female" data-i18n="btn_female">Weiblich</button>
+
+        <div id="onboarding-msg-box"></div>
+
+        <button type="button" id="btn-cancel-onboarding" data-i18n="btn_cancel">Abbrechen</button>
+        <button type="submit" id="btn-submit-onboarding" data-i18n="btn_join">Beitreten</button>
+
+      </form>
     </div>
 
     <div id="lobby-ui">