Merge pull request #87 from umass-cicsoft/fall24-update

social icons fix

assets/css/main.css

@@ -52,19 +52,13 @@ body {
 
 .social-media-overlay {
     display: flex;
-    flex-direction: column;
+    flex-direction: row;
     justify-content: center;
-    position: fixed;
-    z-index: 2;
-    right: 1.5em;
-    bottom: 1.5em;
-    background-color: rgba(255, 255, 255, 0.75);
-    border-radius: 1.5em;
-    box-shadow: 3px 3px rgba(136, 28, 28, 0.75);
 }
 
 .social-media-overlay img {
     margin: 0.75em;
+    width: 25px;
 }
 
 .section {
@@ -388,6 +382,7 @@ body {
 .team-social-icon {
     width: 1.5rem;
     height: auto;
+    margin-right: 5px;
 }
 
 .card-img-top {

index.html

@@ -80,14 +80,14 @@ <h4 id="home-subheader" class="text-white">
             </h4>
         </div>
         <div class="timing lead justify-content-center align-items-center text-center p-3"> 
-            Club meet-ups happen every <span class="highlight">Monday</span> at the tech o'clock of <span class="highlight">7:00 pm</span>  at <span class="highlight">ILC S231</span>
+            Coming back soon for <span class="highlight">Fall 2024</span>
+        </div>
+        <div class="social-media-overlay">
+            <a href="https://www.instagram.com/cicsoft/" target="_blank"><img src="./assets/svg/Instagram.svg" alt="Instagram" /></a>
+            <a href="https://discord.gg/Ja9guat77q" target="_blank"><img src="./assets/svg/Discord.svg" alt="Discord" /></a>
+            <a href="mailto:[email protected]" target="_blank"><img src="./assets/svg/Gmail.svg" alt="Gmail" /></a>
         </div>
     </div>
-    <!-- <div class="social-media-overlay">
-        <a href="https://www.instagram.com/cicsoft/" target="_blank"><img src="./assets/svg/Instagram.svg" alt="Instagram" /></a>
-        <a href="https://discord.gg/Ja9guat77q" target="_blank"><img src="./assets/svg/Discord.svg" alt="Discord" /></a>
-        <a href="mailto:[email protected]" target="_blank"><img src="./assets/svg/Gmail.svg" alt="Gmail" /></a>
-    </div> -->
     <!-- END Home Section -->
 
     <!-- BEGIN Loader -->
@@ -356,6 +356,7 @@ <h5 class="card-text">President</h5>
                     <h4 class="card-title">Sagnik Pal</h4>
                     <h5 class="card-text">Core Member</h5>
                     <a href="https://www.linkedin.com/in/sagnikpal2004/" target="_blank"><img class="team-social-icon" src="./assets/svg/LinkedIn.svg" alt="LinkedIn" /></a>
+                    <a href="https://github.com/sagnikpal2004" target="_blank"><img class="team-social-icon" src="./assets/svg/GitHub.svg" alt="GitHub" /></a>
                 </div>
             </div>
             <div class="card text-white bg-transparent border-0 m-2 p-3 rounded-3" style="width: 21rem">
@@ -368,7 +369,7 @@ <h5 class="card-text">Core Member</h5>
                     <a href="https://www.linkedin.com/in/ayushmansatpathy/" target="_blank"><img class="team-social-icon" src="./assets/svg/LinkedIn.svg" alt="LinkedIn" /></a>
                 </div>
             </div>
-            <div class="card text-white bg-transparent border-0 m-2 p-3 rounded-3" style="width: 21rem">
+            <!-- <div class="card text-white bg-transparent border-0 m-2 p-3 rounded-3" style="width: 21rem">
                 <picture>
                     <img src="./assets/img/team/jpg/trung_dang.jpeg" class="card-img-top rounded-circle" alt="Trung Dang" />
                 </picture>
@@ -377,7 +378,7 @@ <h4 class="card-title">Trung Dang</h4>
                     <h5 class="card-text">Core Member</h5>
                     <a href="https://www.linkedin.com/in/dmtrung14/" target="_blank"><img class="team-social-icon" src="./assets/svg/LinkedIn.svg" alt="LinkedIn" /></a>
                 </div>
-            </div>
+            </div> -->
         </div>
     </div>
     <!-- END Team Section -->