Files
portal-epromos/rasca_index.html

55 lines
1.7 KiB
HTML

<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Rasca y Gana</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="rasca_style.css">
<!-- jQuery 2.x (necesario para wScratchpad) -->
<script src="https://code.jquery.com/jquery-2.2.4.min.js" crossorigin="anonymous"></script>
<!-- Cambia el nombre del archivo que ya tienes a rasca_wScratchpad.min.js y colócalo junto a este HTML -->
<script src="rasca_wScratchpad.min.js"></script>
<!-- Boot: define rutas API y rasca_id (por URL ?rasca_id=1) -->
<script>
(function () {
const q = new URLSearchParams(location.search);
const rascaId = q.get('rasca_id') || '1';
const API_BASE = '/ruleta/api'; // 🔧 AJUSTA si tu raíz no es /ruleta
window.RASCA_BOOT = {
rascaId,
api: {
config: API_BASE + '/rasca_config.php?rasca_id=' + encodeURIComponent(rascaId),
premio: API_BASE + '/rasca_premio.php'
}
};
})();
</script>
<script src="rasca_app.js" defer></script>
</head>
<body>
<!-- Banners (opcionales; se cargan desde la config) -->
<div id="banner-1" class="banner banner-1"></div>
<div id="banner-2" class="banner banner-2"></div>
<div id="banner-3" class="banner banner-3"></div>
<div id="banner-4" class="banner banner-4"></div>
<!-- Juego -->
<div id="container">
<div id="card"></div>
<div id="premio" class="premio"></div>
</div>
<!-- Pantalla completa -->
<button id="fullscreen-btn" aria-label="Pantalla completa">
<img id="fullscreen-icon" src="img/fullscreen-icon.png" alt="Pantalla Completa">
</button>
</body>
</html>