Finished I think

games.html

@@ -22,15 +22,29 @@
         <div class="catagories">
             <h3 class="titles">catagories</h5>
             <ul>
-                <li><a href="#about">About</a></li>
+                <li><a href="#bertie">Bertie</a></li>
+                <li><a href="#zelda">Zelda</a></li>
+                <li><a href="#sonic">Sonic</a></li>
             </ul>
         </div>
 
         <!--Content for site-->
         <div class="content">
-            <h2 class="titles" id="about">About</h2>
+            <h2 class="titles" id="bertie">Bertie</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>
+                <img src="media/bertie.png" alt="">
+                <p>Bertie the Brain is the earliest known computer game to have a video display. released August 25, 1950, Bertie was a tic-tac-toe game featuring an artificial intelligence opponent with an adjustable difficulty level, and was created to demonstrate the additron tube, a miniature vacuum tube that was made obsolete by the transistor before it could be used in any machine other than Bertie. Bertie no longer exists, as the only machine to ever exist was disassembled after two weeks of display.</p>
+
+            </div>
+            <h2 class="titles" id="zelda">Zelda</h2>
+            <div class="text">
+                <img src="media/loz.png" alt="">
+                <p>The Legend of Zelda is an action-adventure video game developed and published by Nintendo and designed by Shigeru Miyamoto and Takashi Tezuka. Set in the fantasy land of Hyrule, the plot centers on a boy named Link, the playable protagonist, who aims to collect the eight fragments of the Triforce of Wisdom in order to rescue Princess Zelda from the antagonist, Ganon. During the course of the game, the player sees Link from a top-down perspective and must navigate him through the overworld and several dungeons, defeating enemies and finding secrets along the way.</p>
+            </div>
+            <h2 class="titles" id="sonic">Sonic the Hedgehog</h2>
+            <div class="text">
+                <img src="media/sonic.jpg" alt="">
+                <p>Sonic the Hedgehog[b] is a platform game developed by Sonic Team and published by Sega for the Sega Genesis console. The game was first released in North America in June 1991, and in PAL regions and Japan the following month. The game features an anthropomorphic hedgehog named Sonic in a quest to defeat Doctor Robotnik, a scientist who has imprisoned animals in robots and stolen the magical Chaos Emeralds. Sonic the Hedgehog's gameplay involves collecting rings as a form of health and a simple control scheme, with jumping and attacking controlled by a single button.</p>
             </div>
         </div>
         </div>

index.html

@@ -22,15 +22,31 @@
         <div class="catagories">
             <h3 class="titles">catagories</h5>
             <ul>
-                <li><a href="#about">About</a></li>
+                <li><a href="#welcome">Welcome</a></li>
+                <li><a href="#about">About Us</a></li>
+                <li><a href="#contact">Contact US</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. 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>
+            <h2 class="titles" id="welcome">Welcome</h2>
+            <div class="text" id="centered">
+                <p>Welcome to RetroCity we are happy to have you here.</p>
+                <p>Our site is a place for the all things retro to live. We are fairly new so we don't have much on display at the moment but in time we may put more up. We hope that you enjoy your time on our site and hope that you come again to check if anything else has been added.</p>
+            </div>
+            <h2 class="titles" id="about">About Us</h2>
+            <div class="text" id="centered">
+                <p>Our team consists of three people</p>
+                <p>Brandon Behar, Erin Sims, and Wade Kelly-Higgs</p>
+
+            </div>
+            <h2 class="titles" id="contact">Contact Us</h2>
+            <div class="text" id="centered">
+                <p>The best way to get in contact is through email, irc, or discord. </p>
+                <p>Discord: ###########</p>
+                <p>IRC: ###########</p>
+                <p>Email: ######@#####.###</p>
             </div>
         </div>
         </div>

pong.html

@@ -17,6 +17,6 @@
                 <li><a href="games.html">Games</a></li>
             </ul>
         </div>
-        <iframe id="pong" height="100%" width="100%" src="PongP5JS/index.html" frameborder="0"></iframe>
+        <iframe id="pong" height="100%" width="75%" src="PongP5JS/index.html" frameborder="0"></iframe>
     </body>
 </html>

style.css

@@ -68,6 +68,8 @@ html, body{
     margin: 1em;
     border: solid black;
     padding-bottom: 2em;
+    overflow: auto;
+    height: 70%;
 }
 
 .catagories a{
@@ -82,6 +84,7 @@ html, body{
 }
 
 .catagories li{
+    margin-top: 1em;
 }
 
 .catagories ul{
@@ -97,15 +100,14 @@ html, body{
 .text{
     margin: 1em;
     padding: 1em;
-    background-color: midnightblue;
+    background-color: black;
     color: white;
+    overflow: auto;
 }
 
 .footer{
     background-color: black;
     border-top: solid red;
-    display: fixed;
-    bottom: 0;
     color: grey;
     font-size: 10px;
     margin: 0;
@@ -115,11 +117,19 @@ html, body{
     padding: 5px;
 }
 .wraper{
-    min-height: 100%;
-    height: 100%;
 }
 
 #pong{
     height: 40em;
     margin-left: 10%;
 }
+
+#centered{
+    text-align: center;
+}
+
+img{
+    height: 200px;
+    float: left;
+    margin-right: 1em;
+}

systems.html

@@ -22,15 +22,30 @@
         <div class="catagories">
             <h3 class="titles">catagories</h5>
             <ul>
-                <li><a href="#about">About</a></li>
+                <li><a href="#Odyssey">Odyssey</a></li>
+                <li><a href="#NES">NES</a></li>
+                <li><a href="#sega">Genesis</a></li>
             </ul>
         </div>
 
         <!--Content for site-->
         <div class="content">
-            <h2 class="titles" id="about">About</h2>
+            <h2 class="titles" id="Odyssey">Magnavox Odyssey</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>
+                <img src="media/odyssey.png" alt="">
+                <p>The Magnavox Odyssey is the first commercial home video game console. It was developed by a small team led by Ralph H. Baer at Sanders Associates and released by Magnavox in the United States in September 1972 and overseas the following year. The Odyssey consists of a white, black, and brown box which connects to a television set and two rectangular controllers attached by wires. It is capable of displaying three square dots on the screen in monochrome black and white, with differing behavior for the dots depending on the game played, and with no sound capabilities. Players place plastic overlays on the screen to create visuals, and the one or two players for each game control their dots with the three knobs and one button on the controller in accordance with the rules given for the game. The Odyssey console came packaged with dice, paper money, and other board game paraphernalia to go along with the games, and a peripheral controller—the first video game light gun—was sold separately.</p>
+            </div>
+            <h2 class="titles" id="NES">Nintendo Entertainment System</h2>
+            <div class="text">
+                <img src="media/nes.jpg" alt="">
+                <img src="media/nes2.jpg" alt="">
+                <p>The Nintendo Entertainment System (commonly abbreviated as NES) is an 8-bit home video game console that was developed and manufactured by Nintendo. It was initially released in Japan as the Family Computer (Japanese: ファミリーコンピュータ Hepburn: Famirī Konpyūta) (also known by the portmanteau abbreviation Famicom (ファミコン Famikon) and abbreviated as FC) on July 15, 1983, and was later released in New York City in 1985, and throughout the U.S as well as in Europe during 1986 and 1987, and Australia in 1987. In South Korea, it was known as the Hyundai Comboy (현대 컴보이 Hyeondae Keomboi) and was distributed by SK Hynix which then was known as Hyundai Electronics. The best-selling gaming console of its time, the NES helped revitalize the US video game industry following the video game crash of 1983. With the NES, Nintendo introduced a now-standard business model of licensing third-party developers, authorizing them to produce and distribute titles for Nintendo's platform. It was succeeded by the Super Nintendo Entertainment System.</p>
+            </div>
+            <h2 class="titles" id="sega">Sega Genisis</h2>
+            <div class="text">
+                <img src="media/segag1.jpg" alt="">
+                <img src="media/segag2.jpg" alt="">
+                <p>The Sega Genesis, known as the Mega Drive in regions outside of North America, is a 16-bit home video game console developed and sold by Sega. The Genesis was Sega's third console and the successor to the Master System. Sega released the console as the Mega Drive in Japan in 1988, followed by North America as the Genesis in 1989. In 1990, the console was distributed as the Mega Drive by Virgin Mastertronic in Europe, Ozisoft in Australasia, and Tectoy in Brazil. In South Korea, the systems were distributed by Samsung as the Super Gam*Boy and later the Super Aladdin Boy.</p>
             </div>
         </div>
         </div>