🎡👣 Checkpoint

./views/index.html:1954897/8352 ./public/styles.css:1954897/27
2019-06-28 04:05:15 +00:00
parent 5e5b7868b9
commit d188d5a7ce
2 changed files with 8 additions and 7 deletions
@@ -58,11 +58,11 @@ body {
  width: 100%;
  margin: 0 auto;
 }
-.container.center {
+.container.middle {
  margin: auto;
 }

-.lead {
+.lead, .center {
  text-align: center;
 }
 .btn {
@@ -22,7 +22,7 @@
        </style>
    </head>
    <body>
-        <div class="container center" id="main">
+        <div class="container middle" id="main">
            <div class="lead">
                <h1>Tabú</h1>
                <p>
@@ -35,7 +35,7 @@
            </noscript>
            <div class="flex no-js-hide">
                <button class="btn">Jugar</button>
-                <button class="btn" onclick="main.hidden = true; rules.hidden = false;">Repasar las reglas</button>
+                <button class="btn" onclick="openRules">Repasar las reglas</button>
            </div>
        </div>
        <div class="container" id="rules" hidden>
@@ -43,10 +43,11 @@
            <p>
                Cada quien tendrá una palabra o frase en la frente. El objetivo es hacer que la digan.
            </p>
-            <button class="btn" onclick="main.hidden = false; rules.hidden = true;">Entendido</button>
+            <button class="btn" onclick="openMain">Entendido</button>
        </div>
-        <div class="container" id="view2" hidden>
-            
+        <div class="container middle" id="view2" hidden>
+            <h1 class="h4 center">Dale el celular a la persona a tu izquierda.</h1>
+            <button class="btn">¡Listo!</button>
        </div>
    </body>
    <script src="./script.js" charset="utf-8"></script>