From b50fe68f775fee760799342e260b73ad7fdcf4ac Mon Sep 17 00:00:00 2001
From: Yannik <80621863+vaporvee@users.noreply.github.com>
Date: Sat, 27 May 2023 15:21:03 +0200
Subject: [PATCH] prepared answer box in html

---
 index.html            |  7 +++++--
 text_horror/app.js    |  4 ++--
 text_horror/style.css | 18 ++++++++++++++++++
 3 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 8ed5fdd..ff6d7f0 100644
--- a/index.html
+++ b/index.html
@@ -15,8 +15,11 @@
         <p id="title"></p>
         <p id="dlg-text"></p>
     </div>
-    <div id="answer-box">
-        <p>Test</p>
+    <div hidden="true" id="answer-box">
+        <p id="answer"></p>
+        <p id="answer"></p>
+        <p id="answer"></p>
+        <p id="answer"></p>
     </div>
     <img draggable="false" hidden="true" id="triangle" src="text_horror/assets/triangle.png">
     <p class="thx-for-playing">Thanks for playing</p>
diff --git a/text_horror/app.js b/text_horror/app.js
index 2cd255e..6da4896 100644
--- a/text_horror/app.js
+++ b/text_horror/app.js
@@ -1,8 +1,8 @@
 var speed = 50;
 var typeindex = 0;
-var dlgFile = {};
-let dlgLines = [];
 var dlgPointer = 0;
+var dlgFile;
+let dlgLines;
 
 function load() {
   fetch("text_horror/dialogue.json")
diff --git a/text_horror/style.css b/text_horror/style.css
index 046ddfa..7aa8ecf 100644
--- a/text_horror/style.css
+++ b/text_horror/style.css
@@ -57,6 +57,24 @@ body {
     animation: float 1.5s ease-in-out infinite;
 }
 
+#answer-box {
+    border-style: solid;
+    border-width: 5px;
+    border-color: white;
+    background-color: black;
+    width: 15%;
+    padding-inline: 20px;
+    position: absolute;
+    right: 12%;
+    bottom: 68%;
+}
+
+#answer {
+    text-decoration: underline;
+    font-size: 30px;
+}
+
+
 @keyframes float {
     0% {
         transform: translatey(0px);