BaseFrontendBackend

2026-05-26 20:18:12 +02:00
commit 7fadab8cd6
49 changed files with 6186 additions and 0 deletions
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Void-Genesis | Login</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+
+  <div id="game-wrapper">
+    
+    <div id="pixi-container"></div>
+
+    <div id="ui-layer">
+        
+      <form id="register-form" autocomplete="off">
+        
+        <div id="tab-container">
+          <button type="button" class="tab-btn active" id="tab-login">Login</button>
+          <button type="button" class="tab-btn" id="tab-register">Registrieren</button>
+        </div>
+
+        <div class="input-group">
+          <label for="username">Benutzername</label>
+          <input type="text" id="username" placeholder="Benutzername / E-Mail" required>
+        </div>
+
+        <div class="input-group" id="group-email">
+          <label for="email">E-Mail</label>
+          <input type="email" id="email" placeholder="Enter E-Mail" required>
+        </div>
+
+        <div class="input-group">
+          <label for="password">Passwort</label>
+          <input type="password" id="password" placeholder="Enter Password" required>
+        </div>
+
+        <div class="checkbox-group" id="group-remember" style="display: none;">
+          <input type="checkbox" id="remember">
+          <label for="remember">Angemeldet bleiben</label>
+        </div>
+
+        <div id="msg-box"></div>
+
+        <button type="submit" id="btn-register">REGISTRIEREN</button>
+
+        <a href="https://discord.gg/ppjXBE4DbP" target="_blank" id="discord-link"></a>
+
+      </form>
+    </div>
+      <footer id="game-footer">
+        <div class="footer-left">v 0.0.1.0-dev</div>
+        <div class="footer-center">&copy; 2026 Void-Genesis</div>
+        <div class="footer-right">
+          <a href="https://void-genesis.de/" target="_blank">Impressum</a>
+        </div>
+      </footer>
+  </div>
+
+  <script type="module" src="src/main.js"></script>
+
+</body>
+</html>