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