Merge pull request #18 from cppgamedev/Development

Changed style of all pages except index. Updated registration form

Author: Feniren

docs/aboutus.html

@@ -24,7 +24,7 @@ <h3>CPP Game Development Club</h3>
     </nav>
     <div class="padding"></div>
     <main>
-        <div class="section">
+        <div class="parallaxgdc">
             <h2>About the Club</h2>
             <div class="profiles">
                 <img id="logoimg" src="img/gamedevlogo.png" alt="">
@@ -33,8 +33,7 @@ <h2>About the Club</h2>
                 It welcomes students interested in different aspects of development whether it be creating art, writing stories, composing music,
                 programming, business and marketing, or simply playing games.</p>
             </div>
-        </div>
-        <div class="section">
+
             <h2>Current Board and Officers | 2023 - 2024</h2>
             <h3>PRESIDENT | Melvin Gitbumrugsin</h3>
             <div class="profiles">

docs/contact.html

@@ -24,7 +24,7 @@ <h3>CPP Game Development Club</h3>
     </nav>
     <div class="padding"></div>
     <main>
-        <div class="section">
+        <div class="parallaxgdc">
             <h2>Contact Form</h2>
             <form method="POST" action="https://formspree.io/xayprdyp">
                 <div>
@@ -56,7 +56,7 @@ <h2>Contact Form</h2>
                 </div>
             </form>
         </div>
-        <div class="section">
+        <div class="parallaxdez">
             <h2>Links</h2>
             <a href="https://www.facebook.com/groups/cppgamedev/"><svg xmlns="http://www.w3.org/2000/svg" id="facebooksvg" viewBox="0 0 266 100" overflow="visible" enable-background="new 0 0 266 100" xml:space="preserve">
                 <g><rect width="266" height="100"/></g>

docs/faq.html

@@ -24,7 +24,7 @@ <h3>CPP Game Development Club</h3>
     </nav>
     <div class="padding"></div>
     <main>
-        <div class="section">
+        <div class="parallaxgdc">
             <h2>Frequently Asked Questions</h2>
             <h3>Q: When and where does the Game Development Club meet?</h3>
             <div class="card-ans">

docs/index.html

@@ -44,7 +44,7 @@ <h3>CPP Game Development Club</h3>
                     <img id="firstClone" src="img/22-23/car_joinus.png" alt="">
                 </div>
             </div>
-            <a href="https://docs.google.com/forms/d/e/1FAIpQLSd-IhPyld11JyOnNKYGZaK3uKmSEoqfqUPa85PWmQ9ferz1Ig/viewform?usp=sf_link">
+            <a href="https://docs.google.com/forms/d/e/1FAIpQLSdrh1EpbTnd6ON2_q6KBWw7qFmypdf6ZDT8KcP9PUoX9EFGNw/viewform?usp=sf_link">
                 <div class="logo">
                     <h5>REGISTER</h5>
                 </div>
@@ -57,7 +57,7 @@ <h2>Updates</h2>
             <div class="card-container">
                 <div class="card">
                     <img src="img/22-23/main-meeting.png" alt="empty">
-                    <div>Welcome to Spring Semester!</div>
+                    <div>Welcome to Fall Semester!</div>
                     <p></p>
                     <div>
                         <u>Meeting Details</u><br>

docs/pitches.html

@@ -27,7 +27,7 @@ <h3>CPP Game Development Club</h3>
 
     <main>
         <!-- Game Pitches Description Here -->
-        <div class="section">
+        <div class="parallaxgdc">
             <center><h2>About the Game Pitches</h2></center>
             <div class="profiles">
                 <img id="logoimg" src="img/gamedevlogo.png" alt="">

docs/styles.css

@@ -143,6 +143,17 @@ nav{
     text-shadow: 3px 3px #0d0f21;
 }
 
+.parallaxgdc h3{
+    background-color: rgba(0, 0, 0, 0.6);
+    color: ghostwhite;
+    padding-top: 1%;
+    text-shadow: 3px 3px #0d0f21;
+}
+
+.parallaxgdc label{
+    color: ghostwhite;
+}
+
 .partition{
     background-color: black;
     min-height: 100px;
@@ -478,14 +489,15 @@ main{
     margin: auto;
 }
 
-.card-ans {
-    background-color: #ffffff;
+.card-ans{
+    background-color: rgba(0, 0, 0, 0.6);
     color: #0d0f21;
     padding-right: 3%;
     box-shadow: 6px 6px 10px 0px #0d0f21;
 }
 
-.card-ans p {
+.card-ans p{
+    color: ghostwhite;
     font-size: 20px;
     padding: 25px;
     margin: auto;