feat: Initial commit - Ruleta con PIN (credenciales sanitizadas)

2026-05-09 11:56:04 -04:00
commit 19f01c4c54
18 changed files with 1008 additions and 0 deletions
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>GLM - Ruleta</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <!-- Banners en las posiciones 1, 2, 3 y 4 -->
+  <a href="https://promo.gomezleemarketing.com/" target="_blank" class="banner banner-1"></a>
+  <div class="banner banner-2"></div>
+  <div class="banner banner-3"></div>
+  <div class="banner banner-4"></div>
+
+  <!-- Contenido principal -->
+  <div class="content">
+    <h1></h1>
+    <div class="game">
+      <img id="ruleta" src="img/ruleta.png"/>
+      <img id="puntero" src="img/puntero.png"/>
+    </div>
+  </div>
+   
+  <!-- BotÃ³n de pantalla completa -->
+  <div class="fullscreen-btn" id="fullscreen-btn"></div>
+  
+  <!-- Mensaje de orientaci¨®n vertical -->
+  <div class="landscape-message">
+    Por favor, gira tu dispositivo para ver el contenido en horizontal.
+  </div>
+  
+
+  <!-- Pop-up modal -->
+  <div id="popup-modal" class="popup-modal">
+    <div class="popup-content">
+      <h2>Favor de ingresar su PIN</h2>
+      <form id="user-form">
+        <label for="user-name">PIN:</label>
+        <input type="text" id="user-name" name="user-name" required>
+        
+        <button type="submit">Continuar</button>
+      </form>
+    </div>
+  </div>
+
+  <!-- Nuevo popup modal de agradecimiento -->
+ <div id="thank-you-modal" class="popup-modal" style="display: none;">
+    <div class="popup-content">
+      <h2 id="thank-you-message"></h2>
+      <p id="thank-you-details"></p>
+      <button id="redirect-button">Ir al formulario</button>
+    </div>
+ </div>
+
+
+  <!-- Script -->
+  <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.browser.min.js"></script>
+  <script src="script.js"></script>
+</body>
+</html>