Merge pull request #1 from TechRunner2/Brandon
Added theme and pong page
This commit is contained in:
Brandon
GitHub
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>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic numquam, ipsa modi alias, porro voluptatibus, blanditiis dolor illum laudantium dicta reiciendis ipsam ratione. Harum beatae amet deleniti modi minus, suscipit odio alias soluta quas explicabo mollitia voluptate aspernatur incidunt reprehenderit provident saepe voluptatem maiores. Autem amet deserunt laborum dignissimos? Placeat explicabo, itaque voluptates quibusdam vero fugiat magni qui perferendis provident, ipsum doloribus est dignissimos ducimus deserunt. Magnam temporibus explicabo blanditiis dignissimos aliquam, eius ut numquam tenetur repellendus possimus, mollitia ex consectetur dolorem? Quos ipsa eum ullam architecto non fuga labore, sapiente repudiandae ea obcaecati accusamus, minus reiciendis, impedit quibusdam, sed.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--Footer-->
|
||||
<div class="footer">
|
||||
<p>Created by: Brandon Behar, Erin Sims, Wade Kelly-Higgs</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
31
index.html
31
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="pong.html">Pong</a></li>
|
||||
<li><a href="systems.html">Systems</a></li>
|
||||
<li><a href="games.html">Games</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>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat laborum cum libero, maxime consectetur doloribus non, assumenda fugit illo amet quas quam animi fuga nesciunt et delectus? Veritatis id autem odio possimus optio eum perferendis dolorem, consectetur ut ipsum, quisquam qui. Illum, recusandae aperiam iure beatae atque officiis quidem consectetur vitae nisi culpa unde consequatur corrupti quibusdam debitis illo hic aspernatur voluptas pariatur dolor! Cum exercitationem, id. Dolores aliquid, totam facere commodi dolorum beatae impedit numquam rem quasi, distinctio delectus possimus inventore omnis. Cupiditate repudiandae soluta, minima reprehenderit. Accusamus qui distinctio sint, perspiciatis labore minus nam quo beatae dolorum temporibus.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--Footer-->
|
||||
<div class="footer">
|
||||
<p>Created by: Brandon Behar, Erin Sims, Wade Kelly-Higgs</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
22
pong.html
Normal file
22
pong.html
Normal file
@ -0,0 +1,22 @@
|
||||
<!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"><strong>Pong</strong></a></li>
|
||||
<li><a href="systems.html">Systems</a></li>
|
||||
<li><a href="games.html">Games</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<iframe id="pong" height="100%" width="100%" src="PongP5JS/index.html" frameborder="0"></iframe>
|
||||
</body>
|
||||
</html>
|
||||
70
style.css
70
style.css
@ -1,6 +1,7 @@
|
||||
body{
|
||||
html, body{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
background-color:rgb(86, 105, 110);
|
||||
font-family: sans;
|
||||
}
|
||||
@ -10,6 +11,7 @@ body{
|
||||
float:left;
|
||||
color: red;
|
||||
margin: inherit;
|
||||
margin-left: 1em;
|
||||
margin-top: 5px;
|
||||
text-shadow: 1px 1px white, -1px -1px white, -1px 1px white, 1px -1px white;
|
||||
}
|
||||
@ -53,5 +55,71 @@ 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%;
|
||||
}
|
||||
|
||||
#pong{
|
||||
height: 40em;
|
||||
margin-left: 10%;
|
||||
}
|
||||
|
||||
43
systems.html
Normal file
43
systems.html
Normal file
@ -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>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde ut deleniti inventore voluptates quas nihil praesentium nisi enim vel ipsum architecto quo, soluta, harum dignissimos esse. Iure placeat quia explicabo cumque delectus odit, praesentium, debitis, voluptate consectetur dicta qui repudiandae similique vitae voluptas expedita laborum, voluptatem quae facilis dignissimos. Recusandae delectus sit, asperiores aliquid obcaecati non autem iusto cupiditate sint necessitatibus beatae molestiae explicabo dicta totam saepe minima nobis, aut quidem fugit quisquam dolorem consequatur reprehenderit molestias. Amet, voluptatem necessitatibus possimus quisquam ducimus animi, esse tempora dolor laudantium, reprehenderit, fuga nemo sint ipsam praesentium aspernatur earum natus dolore commodi iusto.</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