Changed website appearance

Author: Feniren

docs/img/2023-2024/GameDevelopment/Dez.png

@@ -52,35 +52,35 @@ <h5>REGISTER</h5>
         </div>
 
         <!-- Meeting cards are here (organized from left to right -->
-        <div class="section">
+        <div class="parallaxgdc">
             <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>
-                    <p>Spring Game Pitches will be presented today, February 13th!</p>
-                    <!-- <div>
-                    <u>Meeting Details</u><br>
-                    <p>
-                        <b>Date:</b> Tuesday, April 11th<br>
-                        <b>Time:</b> 12:00 PM - 12:50 PM<br>
-                        <b>Location:</b> 008-004 or over Zoom (link in Discord)<br>
-                    </p>
-                </div> -->
+                    <p></p>
+                    <div>
+                        <u>Meeting Details</u><br>
+                        <p>
+                            <b>Date:</b> Tuesday, April 16th<br>
+                            <b>Time:</b> 12:00 PM - 12:50 PM<br>
+                            <b>Location:</b> 008-004 or over Discord<br>
+                        </p>
+                    </div>
                 </div>
 
                 <div class="card">
                     <img src="img/2023-2024/Events/Game_Night_24-2-13.png" alt="empty">
                     <div>Game Night Social!</div>
                     <p>Thank you to everyone who showed up to Friday's game night social!</p>
                     <!-- <div>
-                    <u>Workshop Details</u><br>
-                    <p>
-                        <b>Date:</b> Friday, April 14th<br>
-                        <b>Time:</b> 3:00 PM<br>
-                        <b>Location:</b> Hosted on Discord<br>
-                    </p>
-                </div> -->
+                <u>Workshop Details</u><br>
+                <p>
+                    <b>Date:</b> Friday, April 14th<br>
+                    <b>Time:</b> 3:00 PM<br>
+                    <b>Location:</b> Hosted on Discord<br>
+                </p>
+            </div> -->
                 </div>
 
                 <div class="card">
@@ -102,13 +102,7 @@ <h5>Fall Semester Demo Reel!</h5>
                     </p>
                 </div>
             </div>
-            <!-- <div class="more">
-            <a href="updates.html">Check Out Updates...</a>
-        </div> -->
-        </div>
-        <!-- Meeting cards end here -->
 
-        <div class="section">
             <h2>Calendar</h2>
             <div class="calendar-container">
                 <!-- <div>
@@ -136,8 +130,14 @@ <h2>Calendar</h2>
                 </p>
             </div>
         </div>
+            <!-- <div class="more">
+            <a href="updates.html">Check Out Updates...</a>
+        </div> -->
+        <!-- Meeting cards end here -->
+
+        <div class="partition"></div>
 
-        <div class="section">
+        <div class="parallaxdez">
             <h2>Social Media</h2>
             <!--<script src="https://apps.elfsight.com/p/platform.js" defer></script>-->
             <!--<div class="elfsight-app-326fd571-c2a2-412a-921b-461b0ac7999a"></div>-->

docs/img/2023-2024/GameDevelopment/DezHello.png

@@ -107,6 +107,47 @@ nav{
     width: 13.6%;
 }
 
+.parallaxdez{
+    background-attachment: fixed;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-image: url("img/2023-2024/GameDevelopment/DezHello.png");
+    min-height: 200px;
+    padding: 0% 3% 1% 3%;
+}
+
+.parallaxdez h2{
+    background-color: rgba(0, 0, 0, 0.6);
+    color: ghostwhite;
+    font-size: 46px;
+    padding-top: 1%;
+    text-shadow: 3px 3px #0d0f21;
+}
+
+.parallaxgdc{
+    background-attachment: fixed;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-image: url("img/2023-2024/GameDevelopment/Logo_Design-only.png");
+    min-height: 200px;
+    padding: 0% 3% 0% 3%;
+}
+
+.parallaxgdc h2{
+    background-color: rgba(0, 0, 0, 0.6);
+    color: ghostwhite;
+    font-size: 42px;
+    padding-top: 1%;
+    text-shadow: 3px 3px #0d0f21;
+}
+
+.partition{
+    background-color: black;
+    min-height: 100px;
+}
+
 .title{
     display: flex;
 }
@@ -247,7 +288,7 @@ main{
 }
 
 .social-link h6{
-    color: black;
+    color: ghostwhite;
     font-size: 24px;
     margin: 0px 0px 12px 0px;
 }