Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
davespser authored Dec 8, 2024
1 parent 9e5f736 commit 9c520c5
Showing 1 changed file with 29 additions and 16 deletions.
45 changes: 29 additions & 16 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,39 +4,52 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Menú Desplegable</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<body>
<div class="menu-container">
<!-- Input checkbox oculto para manejar el estado -->
<input type="checkbox" id="toggle" class="hidden-input">
<!-- Botón principal del menú -->
<label for="toggle" class="menu-item"><span>🔸</span> Menú</label>
<!-- Contenido desplegable -->
<div class="menu-content">
<div class="menu-item" data-action="option2"><span>🔸</span> Opción 2</div>
<div class="menu-item" data-action="option3"><span>🔸</span> Opción 3</div>
<div class="menu-item" data-action="option4"><span>🔸</span> Opción 4</div>
<!-- Input checkbox oculto para manejar el estado -->
<input type="checkbox" id="toggle" class="hidden-input">

<!-- Botón principal del menú -->
<label for="toggle" class="menu-item">
<span>🔸</span> Menú
</label>

<!-- Contenido desplegable -->
<div class="menu-content">
<div class="menu-item" data-action="option2">
<span>🔸</span> Opción 2
</div>
<div class="menu-item" data-action="option3">
<span>🔸</span> Opción 3
</div>
<div class="menu-item" data-action="option4">
<span>🔸</span> Opción 4
</div>
</div>
</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>

<h2>Registro</h2>
<input type="email" id="register-email" placeholder="Correo">
<input type="password" id="register-password" placeholder="Contraseña">
<button id="register-button">Registrarse</button>
<button onclick="handleRegister()">Registrarse</button>

<h2>Inicio de Sesión</h2>
<input type="email" id="login-email" placeholder="Correo">
<input type="password" id="login-password" placeholder="Contraseña">
<button id="login-button">Iniciar Sesión</button>
<button onclick="handleLogin()">Iniciar Sesión</button>

<h2>Sesión Activa</h2>
<button id="logout-button">Cerrar Sesión</button>
<button onclick="handleLogout()">Cerrar Sesión</button>

<!-- Contenedor para mensajes -->
<div id="messages"></div>

<script type="module" src="js/app.js"></script>
</body>
</html>

0 comments on commit 9c520c5

Please sign in to comment.