More Updates to website

main
Luna 2021-07-09 20:47:57 -07:00
parent acb9ee577a
commit f4e6c3ffdb
3 changed files with 23 additions and 15 deletions

View File

@ -2,7 +2,7 @@
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
</head> </head>
<body> <body>
<div id="roundedtop"><h2>Terminal</h2><h3>_ &#9744 X</h3></div> <div id="roundedtop"><h2 id="terminal">Terminal</h2><h2 id="fakebuttons">_ &#9744 X</h2></div>
<div id="userText"> <div id="userText">
<p></p> <p></p>
</div> </div>

View File

@ -59,6 +59,7 @@ function isgameOver() {
function listCommands() { function listCommands() {
if (userInput.value.toLowerCase() === "commands") { if (userInput.value.toLowerCase() === "commands") {
printBold(Object.keys(locations[currentLocation].visibleVerbs).join(", ")) //printBold(Object.keys(locations[currentLocation].visibleVerbs).join(", "))
printBold("Commands, Look, Inventory, Location.")
} }
} }

View File

@ -4,17 +4,21 @@ body {
font-family: "Courier New", monospace; font-family: "Courier New", monospace;
} }
h3 { p {
margin: auto; padding-left: 1%;
text-align: right;
float: right;
padding: 1%;
} }
h2 { #fakebuttons {
text-align: center; margin: auto;
display:inline; padding-top: 1%;
padding: 1%; text-align: right;
float: right;
padding-right: 2%;
}
#terminal {
display:inline-block;
font-weight: bolder;
} }
#infobox { #infobox {
@ -31,7 +35,9 @@ h2 {
border-top: solid; border-top: solid;
border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px;
border-color: rgb(60, 60, 60); border-color: rgb(60, 60, 60);
border-bottom-style: none; border-bottom: solid;
border-bottom-color: darkgray;
border-width: 1px;
height: 5%; height: 5%;
width: 50%; width: 50%;
margin-top: 5%; margin-top: 5%;
@ -41,7 +47,7 @@ h2 {
color:white; color:white;
font-weight: bolder; font-weight: bolder;
word-spacing: 10px; word-spacing: 10px;
text-align: center;
} }
#userText { #userText {
@ -64,8 +70,9 @@ h2 {
background-repeat: no-repeat; background-repeat: no-repeat;
background: rgb(60, 60, 60); background: rgb(60, 60, 60);
color: white; color: white;
padding-left: 40px; border-top: solid;
padding-top: 10px; border-color: darkgray;
border-width: 1px;
} }
#userInput:focus { #userInput:focus {