👋👩‍❤️‍💋‍👩 Checkpoint

./views/index.html:1954897/15462
./public/styles.css:1954897/70
./public/script.js:1954897/1246

views/index.html

@@ -27,7 +27,7 @@
                 <h1>Tabú</h1>
                 <p>
                     Cada quien tendrá una palabra o frase en la frente.<br>
-                    El objetivo es hacer que estos la digan.
+                    El objetivo es hacer que la digan.
                 </p>
             </div>
             <noscript>
@@ -35,15 +35,19 @@
             </noscript>
             <div class="flex no-js-hide">
                 <button class="btn">Jugar</button>
-                <button class="btn">Repasar las reglas</button>
+                <button class="btn" onclick="main.hidden = true; rules.hidden = false;">Repasar las reglas</button>
             </div>
         </div>
-        <div class="container" id="view-2" hidden>
+        <div class="container" id="rules" hidden>
             <h1>Reglas</h1>
             <p>
-                Cada quien tendrá una palabra o frase en la frente.<br>
-                El objetivo es hacer que estos la digan.
+                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>
+        </div>
+        <div class="container" id="view2" hidden>
+            
         </div>
     </body>
+    <script src="./script.js" charset="utf-8"></script>
 </html>