From acb9ee577a7b048e053f440559786806895b32e5 Mon Sep 17 00:00:00 2001 From: Luna Date: Fri, 9 Jul 2021 19:59:41 -0700 Subject: [PATCH] Edits to Website --- greaterthans.png | Bin 0 -> 8520 bytes index.html | 5 ++-- index.js | 2 +- style.css | 62 +++++++++++++++++++++++++++++++++++++++-------- 4 files changed, 56 insertions(+), 13 deletions(-) create mode 100644 greaterthans.png diff --git a/greaterthans.png b/greaterthans.png new file mode 100644 index 0000000000000000000000000000000000000000..a443e4ac48f1caf1a2138c91d62241338d07a45f GIT binary patch literal 8520 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 -

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