More Updates to website
parent
acb9ee577a
commit
f4e6c3ffdb
|
@ -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>_ ☐ X</h3></div>
|
<div id="roundedtop"><h2 id="terminal">Terminal</h2><h2 id="fakebuttons">_ ☐ X</h2></div>
|
||||||
<div id="userText">
|
<div id="userText">
|
||||||
<p></p>
|
<p></p>
|
||||||
</div>
|
</div>
|
||||||
|
|
3
index.js
3
index.js
|
@ -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.")
|
||||||
}
|
}
|
||||||
}
|
}
|
33
style.css
33
style.css
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue