Edits to Website
parent
4d40c7df59
commit
acb9ee577a
Binary file not shown.
After Width: | Height: | Size: 8.3 KiB |
|
@ -2,11 +2,12 @@
|
||||||
<link rel="stylesheet" href="style.css">
|
<link rel="stylesheet" href="style.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Text Adventure</h1>
|
<div id="roundedtop"><h2>Terminal</h2><h3>_ ☐ X</h3></div>
|
||||||
<div id="userText">
|
<div id="userText">
|
||||||
<p></p>
|
<p></p>
|
||||||
</div>
|
</div>
|
||||||
<p id="command">></p><input type="text" id="userInput" name="inputBox">
|
<input type="text" id="userInput" name="inputBox" placeholder="Command">
|
||||||
|
<div id="infobox"><h4>Info:</h4><p>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.</p></div>
|
||||||
<script src="verbhandler.js"></script>
|
<script src="verbhandler.js"></script>
|
||||||
<script src="inventory.js"></script>
|
<script src="inventory.js"></script>
|
||||||
<script src="locations.js"></script>
|
<script src="locations.js"></script>
|
||||||
|
|
2
index.js
2
index.js
|
@ -11,7 +11,7 @@ main()
|
||||||
|
|
||||||
userInput.onkeypress = function (event) {
|
userInput.onkeypress = function (event) {
|
||||||
if (event.keyCode == 13) {
|
if (event.keyCode == 13) {
|
||||||
printText(userInput.value)
|
printText(">" + " " + userInput.value)
|
||||||
commandInput()
|
commandInput()
|
||||||
userInput.value = ""
|
userInput.value = ""
|
||||||
}
|
}
|
||||||
|
|
62
style.css
62
style.css
|
@ -1,18 +1,56 @@
|
||||||
body {
|
body {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: rgb(60, 60, 60);
|
background-color: black;
|
||||||
|
font-family: "Courier New", monospace;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h3 {
|
||||||
background-color: white;
|
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 {
|
#userText {
|
||||||
margin-left: 25%;
|
margin-left: 25%;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
background-color: grey;
|
background-color: rgb(60, 60, 60);
|
||||||
|
color: white;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
height: 35%;
|
height: 45%;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
|
@ -21,11 +59,15 @@ h1 {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border:none;
|
border:none;
|
||||||
margin-top: 10px;
|
background-image: url('./greaterthans.png');
|
||||||
margin-right: 13px;
|
background-position: 10px 10px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background: rgb(60, 60, 60);
|
||||||
|
color: white;
|
||||||
|
padding-left: 40px;
|
||||||
|
padding-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#command {
|
#userInput:focus {
|
||||||
display:inline;
|
outline: none;
|
||||||
font-weight: bolder;
|
|
||||||
}
|
}
|
Loading…
Reference in New Issue