Update index.html

davespser · Dec 6, 2024 · ea75b3d · ea75b3d
1 parent 1d6232e
commit ea75b3d
Showing 1 changed file with 22 additions and 36 deletions.
diff --git a/index.html b/index.html
@@ -3,45 +3,31 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Juego con Three.js</title>
-  <style>
-    body {
-      margin: 0;
-      font-family: Arial, sans-serif;
-    }
-    .screen {
-      display: none;
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      background: #000;
-      color: #fff;
-    }
-    .active {
-      display: block;
-    }
-  </style>
+  <title>Firebase + Three.js</title>
 </head>
 <body>
-  <!-- Pantallas -->
-  <div id="login-screen" class="screen active">
-    <h1>Iniciar Sesión</h1>
-    <input type="email" id="login-email" placeholder="Correo" />
-    <input type="password" id="login-password" placeholder="Contraseña" />
-    <button onclick="handleLogin()">Iniciar Sesión</button>
-  </div>
+  <script type="module" src="js/app.js"></script>
+  <script type="module" src="js/characterCreator.js"></script>
+  <script type="module" src="js/three-scene.js"></script>
+  <h1>Firebase + Three.js</h1>
 
-  <div id="questionnaire-screen" class="screen">
-    <div id="questionnaire"></div>
-  </div>
+  <h2>Registro</h2>
+  <input type="email" id="register-email" placeholder="Correo">
+  <input type="password" id="register-password" placeholder="Contraseña">
+  <button onclick="handleRegister()">Registrarse</button>
 
-  <div id="game-screen" class="screen">
-    <!-- El contenedor de Three.js se cargará aquí -->
-  </div>
-  <script type="module" src="./js/app.js"></script>
-  <script type="module" src="./js/characterCreator.js"></script>
-  <script type="module" src="./js/three-scene.js"></script>
+  <h2>Inicio de Sesión</h2>
+  <input type="email" id="login-email" placeholder="Correo">
+  <input type="password" id="login-password" placeholder="Contraseña">
+  <button onclick="handleLogin()">Iniciar Sesión</button>
+
+  <h2>Sesión Activa</h2>
+  <button onclick="handleLogout()">Cerrar Sesión</button>
+
+  <!-- Contenedor para mensajes -->
+  <div id="messages"></div>
+
+  <!-- Incluye los scripts desde la carpeta js -->
+
 </body>
 </html>