Added mostly themeing
This commit is contained in:
TechRunner2
1
PongP5JS
Submodule
1
PongP5JS
Submodule
Submodule PongP5JS added at 5aeddfb142
43
games.html
43
games.html
@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Retro City</title>
|
||||
<script src='sketch.js' type="text/javascript"></script>
|
||||
<link href='style.css' rel='stylesheet'>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wraper">
|
||||
<!--Header/Nav-->
|
||||
<div class="header">
|
||||
<h1 id="logo">Retro City</h1>
|
||||
<ul class="nav">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="pong.html">Pong</a></li>
|
||||
<li><a href="systems.html">Systems</a></li>
|
||||
<li><a href="games.html"><strong>Games</strong></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!--Catagories: Located on right-->
|
||||
<div class="catagories">
|
||||
<h3 class="titles">catagories</h5>
|
||||
<ul>
|
||||
<li><a href="#about">About</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!--Content for site-->
|
||||
<div class="content">
|
||||
<h2 class="titles" id="about">About</h2>
|
||||
<div class="text">
|
||||
p{}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--Footer-->
|
||||
<div class="footer">
|
||||
<p>Created by: Brandon Behar, Erin Sims, Wade Kelly-Higgs</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
25
index.html
25
index.html
@ -6,18 +6,37 @@
|
||||
<link href='style.css' rel='stylesheet'>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wraper">
|
||||
<!--Header/Nav-->
|
||||
<div class="header">
|
||||
<h1 id="logo">Retro City</h1>
|
||||
<ul class="nav">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="index.html"><strong>Home</strong></a></li>
|
||||
<li><a href="pong.html">Pong</a></li>
|
||||
<li><a href="systems.html">Systems</a></li>
|
||||
<li><a href="games.html">Games</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<h1 id="title">Home</h1>
|
||||
|
||||
<!--Catagories: Located on right-->
|
||||
<div class="catagories">
|
||||
<h3 class="titles">catagories</h5>
|
||||
<ul>
|
||||
<li><a href="#about">About</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!--Content for site-->
|
||||
<div class="content">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium ratione ipsum, vero inventore quam sunt sint architecto similique aliquid alias pariatur recusandae autem tempora minima iure rerum sit minus illum quis quos eos cupiditate commodi magni accusamus! Ipsam doloremque, sapiente doloribus veniam maxime tempore vero a dignissimos in inventore maiores reprehenderit quo dolor dolorem commodi odit voluptates quas perspiciatis molestias magnam ab corporis laborum ratione quidem qui. Voluptas veritatis dolor inventore eligendi minus rerum nisi explicabo reprehenderit! Esse voluptatem, quos, facere quas animi tenetur repellendus consectetur similique, recusandae dolore voluptas deserunt eveniet optio nisi veniam! Voluptas hic, pariatur vero ullam.</p>
|
||||
<h2 class="titles" id="about">About</h2>
|
||||
<div class="text">
|
||||
p{}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--Footer-->
|
||||
<div class="footer">
|
||||
<p>Created by: Brandon Behar, Erin Sims, Wade Kelly-Higgs</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
64
style.css
64
style.css
@ -1,6 +1,7 @@
|
||||
body{
|
||||
html, body{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
background-color:rgb(86, 105, 110);
|
||||
font-family: sans;
|
||||
}
|
||||
@ -53,5 +54,66 @@ body{
|
||||
.content{
|
||||
margin: 1em;
|
||||
background-color: white;
|
||||
border: solid black;
|
||||
margin-right: 14em;
|
||||
}
|
||||
|
||||
/* Catagories */
|
||||
.catagories{
|
||||
float: right;
|
||||
width: 12em;
|
||||
height: 5em;
|
||||
background-color: white;
|
||||
margin: 1em;
|
||||
border: solid black;
|
||||
padding-bottom: 2em;
|
||||
}
|
||||
|
||||
.catagories a{
|
||||
text-decoration: none;
|
||||
height: 95%;
|
||||
color: black;
|
||||
border-bottom: dashed black 1px;;
|
||||
}
|
||||
|
||||
.catagories a:hover{
|
||||
border-bottom: solid red 1px;
|
||||
}
|
||||
|
||||
.catagories li{
|
||||
}
|
||||
|
||||
.catagories ul{
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.titles{
|
||||
color: red;
|
||||
text-shadow: 1px 1px black, -1px -1px black, -1px 1px black, 1px -1px black;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.text{
|
||||
margin: 1em;
|
||||
padding: 1em;
|
||||
background-color: midnightblue;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.footer{
|
||||
background-color: black;
|
||||
border-top: solid red;
|
||||
display: fixed;
|
||||
bottom: 0;
|
||||
color: grey;
|
||||
font-size: 10px;
|
||||
margin: 0;
|
||||
}
|
||||
.footer p,a{
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
}
|
||||
.wraper{
|
||||
min-height: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
43
system.html
43
system.html
@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Retro City</title>
|
||||
<script src='sketch.js' type="text/javascript"></script>
|
||||
<link href='style.css' rel='stylesheet'>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wraper">
|
||||
<!--Header/Nav-->
|
||||
<div class="header">
|
||||
<h1 id="logo">Retro City</h1>
|
||||
<ul class="nav">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="pong.html">Pong</a></li>
|
||||
<li><a href="systems.html"><strong>Systems</strong></a></li>
|
||||
<li><a href="games.html">Games</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!--Catagories: Located on right-->
|
||||
<div class="catagories">
|
||||
<h3 class="titles">catagories</h5>
|
||||
<ul>
|
||||
<li><a href="#about">About</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!--Content for site-->
|
||||
<div class="content">
|
||||
<h2 class="titles" id="about">About</h2>
|
||||
<div class="text">
|
||||
p{}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--Footer-->
|
||||
<div class="footer">
|
||||
<p>Created by: Brandon Behar, Erin Sims, Wade Kelly-Higgs</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user