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

Merge pull request #1 from 23marabi/main

Browse source 
Fix up some css things :3
This commit is contained in:
Luna 2021-07-10 15:31:13 -07:00 committed by GitHub
commit 8aed4100db
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 57 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
index.html
View file

@ -1,15 +1,33 @@
<html lang="en-US">
<head>
<link rel="stylesheet" href="style.css">
<!-- metadata -->
<meta charset="UTF-8">
<meta name="author" content="Luna">
<meta name="og:title" content="Text Adventure">
<meta name="og:description" content="A small text adventure made in javascript by a beautiful girl">
<meta name="og:image" content="/greaterthans.png">
<link rel="icon" href="/greaterthans.png">
</head>
<body>
<!-- top of terminal window -->
<div id="roundedtop"><h2 id="terminal">Terminal</h2><h2 id="fakebuttons">_ &#9744 X</h2></div>
<!-- the main text area -->
<div id="userText">
<p></p>
</div>
<!-- user input -->
<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>
<!-- info box at the bottom -->
<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 <a href="https://kitty.lgbt/about/" alt="Luna's contact info">Luna</a>.</p></div>
<!-- load scripts -->
<script src="verbhandler.js"></script>
<script src="inventory.js"></script>
<script src="locations.js"></script>
<script src="index.js"></script>
</body>
</body>
</html>

2
robots.txt Normal file
View file

@ -0,0 +1,2 @@
User-agent: Googlebot
Disallow: /

45
style.css
View file

@ -1,6 +1,14 @@
:root {
--term-colour: white;
--term-bg-colour: #3C3C3C;
--main-colour: white;
--main-bg-colour: #3C3C3C;
--body-bg-colour: black;
}
body {
text-align: center;
background-color: black;
background-color: var(--body-bg-colour);
font-family: "Courier New", monospace;
}
@ -8,27 +16,43 @@ p {
padding-left: 1%;
}
a {
color: #fdffea;
}
#fakebuttons {
margin: auto;
padding-top: 1%;
text-align: right;
float: right;
padding-right: 2%;
user-select: none;
}
#terminal {
display:inline-block;
font-weight: bolder;
}
h2#terminal {
margin: 10px;
padding-left: 12%;
align-content: center;
}
#infobox {
text-align: center;
background: rgb(60, 60, 60);
color:white;
color: var(--main-colour);
width: 50%;
height: 10%;
margin-left: 25%;
margin-top: 5%;
padding-bottom: 10px;
border-radius: 2px;
}
h4 {
padding: 5px;
}
#roundedtop {
@ -37,14 +61,14 @@ p {
border-color: rgb(60, 60, 60);
border-bottom: solid;
border-bottom-color: darkgray;
border-width: 1px;
border-width: 2px;
height: 5%;
width: 50%;
margin-top: 5%;
margin-left: 25%;
background-color: rgb(60, 60, 60);
position: relative;
color:white;
color: var(--main-colour);
font-weight: bolder;
word-spacing: 10px;
text-align: center;
@ -53,8 +77,8 @@ p {
#userText {
margin-left: 25%;
justify-content: center;
background-color: rgb(60, 60, 60);
color: white;
background-color: var(--term-bg-colour);
color: var(--term-colour);
text-align: left;
height: 45%;
width: 50%;
@ -68,13 +92,14 @@ p {
background-image: url('./greaterthans.png');
background-position: 10px 10px;
background-repeat: no-repeat;
background: rgb(60, 60, 60);
color: white;
background: var(--term-bg-colour);
color: var(--term-colour);
border-top: solid;
border-color: darkgray;
border-width: 1px;
border-width: 2px;
font-family: monospace;
}
#userInput:focus {
outline: none;
}
}