Add style and history.

2020-07-12 11:54:50 +02:00
parent dbb13b8050
commit dbeead9e99
3 changed files with 39 additions and 3 deletions
--- a/public/index.html
+++ b/public/index.html
@@ -10,6 +10,10 @@
    <link rel="stylesheet" href="css/styles.css?v=1.0">

    <style type="text/css">
+      body {
+        background-color: #222;
+        color: white;
+      }
      .choice-btn {
        padding: 5px 10px;
        border-radius: 3px;
@@ -20,11 +24,25 @@
      .choice-btn:hover {
        background-color: #ccc;
      }
+
+      .choice-div {
+        border: 1px green solid;
+      }
+      .node-div {
+        border: 1px red solid;
+      }
+      #content {
+        width: 500px;
+        margin: auto;
+      }
    </style>
  </head>
  <body>
-    <h1 id="active-node"></h1>
-    <div id="choices"></div>
+    <div id="content">
+      <h1>Textual Game</h1>
+      <div id="history"></div>
+      <div id="choices"></div>
+    </div>
    <script src="./bundle.js"></script>
  </body>
 </html>