mobile site fixes

sizing should be better
ShrapnelSergeants2408 · Dec 4, 2024 · 4d549cb · 4d549cb
1 parent 309a677
commit 4d549cb
Show file tree

Hide file tree

Showing 6 changed files with 84 additions and 9 deletions.
diff --git a/about.html b/about.html
@@ -25,8 +25,9 @@
                         <li><a href="https://x.com/Team2408"><i class="fa-brands fa-x-twitter"></i></a></li>
                         <li><a href="https://instagram.com/team_2408"><i class="fa-brands fa-instagram"></i></a></li>
                         <li><a href="https://github.com/shrapnelsergeants2408"><i class="fa-brands fa-github"></i></a></li>
+                        <li><button type="button" data-theme-toggle class="LIGHTSWITCH"></button></li>
                     </ul>
-                    <button type="button" data-theme-toggle class="LIGHTSWITCH"></button>
+
                     <button type="button" data-hamburger-toggle class="HAMBURGER_MENU">
                         <i class="fa-solid fa-bars"></i>
                     </button>

diff --git a/index.html b/index.html
@@ -25,8 +25,9 @@
                         <li><a href="https://x.com/Team2408"><i class="fa-brands fa-x-twitter"></i></a></li>
                         <li><a href="https://instagram.com/team_2408"><i class="fa-brands fa-instagram"></i></a></li>
                         <li><a href="https://github.com/shrapnelsergeants2408"><i class="fa-brands fa-github"></i></a></li>
+                        <li><button type="button" data-theme-toggle class="LIGHTSWITCH"></button></li>
                     </ul>
-                    <button type="button" data-theme-toggle class="LIGHTSWITCH"></button>
+
                     <button type="button" data-hamburger-toggle class="HAMBURGER_MENU">
                         <i class="fa-solid fa-bars"></i>
                     </button>

diff --git a/prog-electric.html b/prog-electric.html
@@ -21,12 +21,13 @@
                         <li><a href="/about.html">About</a></li>
                         <li><a href="/members.html">Members</a></li>
                         <li><a href="/sponsors.html">Sponsors</a></li>
-                        <li><a href="/sponsor-us.html">Sponsor Us!</a></li>
+                        <li><a href="/sponsor-us.html">Sponsor Us!</a></li>                        
                         <li><a href="https://x.com/Team2408"><i class="fa-brands fa-x-twitter"></i></a></li>
                         <li><a href="https://instagram.com/team_2408"><i class="fa-brands fa-instagram"></i></a></li>
                         <li><a href="https://github.com/shrapnelsergeants2408"><i class="fa-brands fa-github"></i></a></li>
+                        <li><button type="button" data-theme-toggle class="LIGHTSWITCH"></button></li>
                     </ul>
-                    <button type="button" data-theme-toggle class="LIGHTSWITCH"></button>
+
                     <button type="button" data-hamburger-toggle class="HAMBURGER_MENU">
                         <i class="fa-solid fa-bars"></i>
                     </button>

diff --git a/sponsor-us.html b/sponsor-us.html
@@ -21,12 +21,13 @@
                         <li><a href="/about.html">About</a></li>
                         <li><a href="/members.html">Members</a></li>
                         <li><a href="/sponsors.html">Sponsors</a></li>
-                        <li><a href="/sponsor-us.html">Sponsor Us!</a></li>
+                        <li><a href="/sponsor-us.html">Sponsor Us!</a></li>                        
                         <li><a href="https://x.com/Team2408"><i class="fa-brands fa-x-twitter"></i></a></li>
                         <li><a href="https://instagram.com/team_2408"><i class="fa-brands fa-instagram"></i></a></li>
                         <li><a href="https://github.com/shrapnelsergeants2408"><i class="fa-brands fa-github"></i></a></li>
+                        <li><button type="button" data-theme-toggle class="LIGHTSWITCH"></button></li>
                     </ul>
-                    <button type="button" data-theme-toggle class="LIGHTSWITCH"></button>
+
                     <button type="button" data-hamburger-toggle class="HAMBURGER_MENU">
                         <i class="fa-solid fa-bars"></i>
                     </button>

diff --git a/sponsors.html b/sponsors.html
@@ -25,8 +25,9 @@
                         <li><a href="https://x.com/Team2408"><i class="fa-brands fa-x-twitter"></i></a></li>
                         <li><a href="https://instagram.com/team_2408"><i class="fa-brands fa-instagram"></i></a></li>
                         <li><a href="https://github.com/shrapnelsergeants2408"><i class="fa-brands fa-github"></i></a></li>
+                        <li><button type="button" data-theme-toggle class="LIGHTSWITCH"></button></li>
                     </ul>
-                    <button type="button" data-theme-toggle class="LIGHTSWITCH"></button>
+
                     <button type="button" data-hamburger-toggle class="HAMBURGER_MENU">
                         <i class="fa-solid fa-bars"></i>
                     </button>

diff --git a/styles.css b/styles.css
@@ -452,6 +452,7 @@ h3 {
     color: var(--color-primary);
     display: flex;
     flex-direction: column;
+    padding: 0 25px 0 25px;
 }
 
 .sponsor-us-tier-info {
@@ -462,6 +463,7 @@ h3 {
     color: var(--color-primary);
     display: flex;
     flex-direction: column;
+    padding: 0 25px 0 25px;
 }
 
 .sponsor-us-tiers {
@@ -695,30 +697,84 @@ h3 {
         text-align: center;
     }
 
+    .about-section h1 {
+        font-size: larger;
+    }
+
+    .about-section p {
+        font-size: medium;
+    }
+
     .about-section img {
         width: 350px;
     }
 
+    .sponsor-section h1 {
+        font-size: medium;
+    }
+
+    .hero-button {
+        text-decoration: none;
+        padding: 25px;
+        background-color: var(--color-borders);
+        border: none;
+        border-radius: 25px;
+        color: var(--color-primary);
+        font-size: medium;
+    }
+
     .event-section {
         flex-direction: column;
         text-align: center;
+        font-size: larger;
     }
     .event-header {
         padding-right: 0px;
     }
 
     /* About Styles */
 
+    .about-overview {
+        padding: 0 25px 0 20px;
+    }
+
+    .about-overview h1 {
+        padding-top: 20%;
+        font-size: larger;
+    }
+
+    .about-overview p {
+        font-size: large;
+    }
+
+    .about-first {
+        padding: 0 25px 0 20px;
+    }
+
+    .about-first h1 {
+        font-size: larger;
+    }
+
+    .about-first p {
+        font-size: large;
+    }
+
 
     /* Sponsor list Styles */
 
     .sponsor-card-list {
         justify-content: flex-start;
+        max-height: 350px;
     }
     .sponsor-card {
+        max-height: 300px;
         min-width: 220px;
         align-items: center;
         margin-left: 25px;
+        font-size: medium;
+        padding-bottom: 0px;
+        margin-bottom: 0px;
+        min-width: none;
     }
 
     .sponsor-card-last {
@@ -728,38 +784,52 @@ h3 {
     }
 
     .sponsor-card p {
-        padding-top: 25px;
-        font-size: 1.75rem;
+        display: none;
+        font-size: 0;
     }
 
     /* Sponsor Us Styles */
 
+    .sponsor-us-intro {
+        font-size: medium;
+    }
+
+    .sponsor-us-tier-info {
+        font-size: medium;
+    }
+
     .sponsor-us-diamond {
         flex-direction: column;
         justify-content: center;
+        font-size: medium;
     }
 
     .sponsor-us-tier-label {
         margin-bottom: 50px;
+        font-size: medium;
     }
 
     .sponsor-us-platinum {
         flex-direction: column;
         justify-content: center;
+        font-size: medium;
     }
 
     .sponsor-us-gold {
         flex-direction: column;
         justify-content: center;
+        font-size: medium;
     }
 
     .sponsor-us-silver {
         flex-direction: column;
         justify-content: center;
+        font-size: medium;
     }
 
     .sponsor-us-bronze {
         flex-direction: column;
         justify-content: center;
+        font-size: medium;
     }
 }