More Updates to website
This commit is contained in:
		
							parent
							
								
									acb9ee577a
								
							
						
					
					
						commit
						f4e6c3ffdb
					
				
					 3 changed files with 23 additions and 15 deletions
				
			
		|  | @ -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 a new issue