lunastella/textadventure
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Edits to Website

Browse source
This commit is contained in:
Luna 2021-07-09 19:59:41 -07:00
parent 4d40c7df59
commit acb9ee577a
4 changed files with 56 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
greaterthans.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 8.3 KiB

5
index.html
View file

@ -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>_ &#9744 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
View file

@ -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
View file

@ -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;
} }