59 lines
2.3 KiB
HTML
59 lines
2.3 KiB
HTML
<!doctype html>
|
|
<!--
|
|
Made with love by MindfulMinun
|
|
Hecho con amor por MindfulMinun
|
|
https://benjic.xyz
|
|
-->
|
|
<html lang="es-US" dir="ltr" class="no-js">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Tabú</title>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width">
|
|
<meta name="theme-color" content="#79B791">
|
|
|
|
<!-- Google Fonts -->
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i">
|
|
<link rel="stylesheet" href="./reset.css">
|
|
<link rel="stylesheet" href="./styles.css">
|
|
<script>document.documentElement.classList.remove('no-js')</script>
|
|
<style media="screen">
|
|
.no-js .no-js-hide { display: none; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container middle" id="main">
|
|
<div class="lead">
|
|
<h1>Tabú</h1>
|
|
<p>
|
|
Cada quien tendrá una palabra o frase en la frente.<br>
|
|
El objetivo es hacer que la digan.
|
|
</p>
|
|
</div>
|
|
<noscript>
|
|
<p class="warn">Este juego requiere que JavaScript esté habilitado. Por favor préndalo y actualiza la página.</p>
|
|
</noscript>
|
|
<div class="flex no-js-hide">
|
|
<button class="btn" data-open="view1">Jugar</button>
|
|
<button class="btn" data-open="rules">Repasar las reglas</button>
|
|
</div>
|
|
</div>
|
|
<div class="container" id="rules" hidden>
|
|
<h1>Reglas</h1>
|
|
<p>
|
|
Cada quien tendrá una palabra o frase en la frente. El objetivo es hacer que la digan.
|
|
</p>
|
|
<button class="btn" data-open="prev">Entendido</button>
|
|
</div>
|
|
<div class="container" id="view1" hidden>
|
|
<h1 class="h4">Dale el celular a la persona a tu izquierda.</h1>
|
|
<button class="btn" data-open="view2">¡Listo!</button>
|
|
</div>
|
|
<div class="container" id="view2" hidden>
|
|
<h1 class="h4">Escribe una palabra</h1>
|
|
<input type="text" name="" value="">
|
|
<button class="btn" data-open="view3">¡Listo!</button>
|
|
</div>
|
|
</body>
|
|
<script src="./script.js" charset="utf-8"></script>
|
|
</html> |