🌍🐒 Checkpoint

./index.html:1954897/4937
./game.css:1954897/435

game.css

@@ -0,0 +1,17 @@
+html, body {
+  font-family: "Roboto Mono", sans-serif;
+  background-color: #000;
+  color: #0F0;
+  font-size: 16px;
+}
+
+.container {
+  max-width: 720px;
+  width: 100%;
+  margin: 0 auto;
+  padding: 1em;
+}
+
+.terminal {
+  color: #0F0;
+}

index.html

@@ -1,28 +1,44 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
+<!doctype html>
+<!--
+    Made with :3c by MindfulMinun
+    https://benjic.xyz
+-->
+<html class="no-js" lang="en-US">
+<head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-
-    <title>Hello!</title>
-    
-    <!-- import the webpage's stylesheet -->
-    <link rel="stylesheet" href="/style.css">
-    
-    <!-- import the webpage's javascript file -->
-    <script src="/script.js" defer></script>
-  </head>  
-  <body>
-    <h1>Hi there!</h1>
-    
-    <p>
-      I'm your cool new webpage. Made with <a href="https://glitch.com">Glitch</a>!
-    </p>
-
-    <!-- include the Glitch button to show what the webpage is about and
-          to make it easier for folks to view source and remix -->
-    <div class="glitchButton" style="position:fixed;top:20px;right:20px;"></div>
-    <script src="https://button.glitch.me/button.js" defer></script>
-  </body>
-</html>
+    <title>A text-based game</title>
+    <meta name="viewport" content="width=device-width">
+    <meta name="theme-color" content="#0F0">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Mono:300,300i,400,400i&display=swap">
+    <link rel="stylesheet" href="/game.css">
+</head>
+<body>
+    <div class="container">
+        <!-- <div id="terminal" class="terminal"><noscript class="terminal--line" style="text-indent: 0; padding-left: 0;"> Quit being paranoid and enable JavaScript. </noscript></div> -->
+        <div id="terminal" class="terminal">
+            <div class="terminal-line">
+                <button class="terminal-btn">Start</button>
+            </div>
+        </div>
+    </div>
+</body>
+<script src="/helpers.js"></script>
+<script src="/en.js"></script>
+<script>
+H.choice({
+    choices: [{
+        content: "Start",
+        callback: function () {
+            en.$1()
+                .then(function () {
+                    console.log("Dang, the game ended. That\u2019s weird.");
+                })
+                ["catch"](function () {
+                    H.out("An error occurred, I hope Monika has nothing to do with this.");
+                });
+        },
+    }]
+});
+</script>
+</html>

style.css

@@ -1,11 +0,0 @@
-/* CSS files add styling rules to your content */
-
-body {
-  font-family: helvetica, arial, sans-serif;
-  margin: 2em;
-}
-
-h1 {
-  font-style: italic;
-  color: #373fff;
-}