diff --git a/greaterthans.png b/greaterthans.png
new file mode 100644
index 0000000..a443e4a
Binary files /dev/null and b/greaterthans.png differ
diff --git a/index.html b/index.html
index 3280f70..869d94a 100644
--- a/index.html
+++ b/index.html
@@ -2,11 +2,12 @@
- Text Adventure
+ Terminal
_ ☐ X
- >
+
+ Info:
This game and website are a complete work in progress. None of this is final. If you have any suggestions feel free to contact Luna.
diff --git a/index.js b/index.js
index a315edd..5438c7d 100644
--- a/index.js
+++ b/index.js
@@ -11,7 +11,7 @@ main()
userInput.onkeypress = function (event) {
if (event.keyCode == 13) {
- printText(userInput.value)
+ printText(">" + " " + userInput.value)
commandInput()
userInput.value = ""
}
diff --git a/style.css b/style.css
index 15dc785..e537a8d 100644
--- a/style.css
+++ b/style.css
@@ -1,18 +1,56 @@
body {
text-align: center;
- background-color: rgb(60, 60, 60);
+ background-color: black;
+ font-family: "Courier New", monospace;
}
-h1 {
- background-color: white;
+h3 {
+ margin: auto;
+ text-align: right;
+ float: right;
+ padding: 1%;
+}
+
+h2 {
+ text-align: center;
+ display:inline;
+ padding: 1%;
+}
+
+#infobox {
+ text-align: center;
+ background: rgb(60, 60, 60);
+ color:white;
+ width: 50%;
+ height: 10%;
+ margin-left: 25%;
+ margin-top: 5%;
+}
+
+#roundedtop {
+ border-top: solid;
+ border-radius: 10px 10px 0px 0px;
+ border-color: rgb(60, 60, 60);
+ border-bottom-style: none;
+ height: 5%;
+ width: 50%;
+ margin-top: 5%;
+ margin-left: 25%;
+ background-color: rgb(60, 60, 60);
+ position: relative;
+ color:white;
+ font-weight: bolder;
+ word-spacing: 10px;
+
}
#userText {
margin-left: 25%;
justify-content: center;
- background-color: grey;
+ background-color: rgb(60, 60, 60);
+ color: white;
text-align: left;
- height: 35%;
+ height: 45%;
width: 50%;
overflow-y: scroll;
}
@@ -21,11 +59,15 @@ h1 {
width: 50%;
padding: 10px;
border:none;
- margin-top: 10px;
- margin-right: 13px;
+ background-image: url('./greaterthans.png');
+ background-position: 10px 10px;
+ background-repeat: no-repeat;
+ background: rgb(60, 60, 60);
+ color: white;
+ padding-left: 40px;
+ padding-top: 10px;
}
-#command {
- display:inline;
- font-weight: bolder;
+#userInput:focus {
+ outline: none;
}
\ No newline at end of file