update competitions.html & add mobile stuff.

Author: Ishan1522

competitions.html

@@ -48,6 +48,31 @@
 <section class="page-section">
   <div class="page-container">
     <h1 class="page-title">Competition Updates</h1>
+    <hr class="divider-line"/>
+    <h2 class = "page-subtitle">2024 Competitions</h2>
+
+    <div class="competitions-container">
+      <div class="competitions-image-div">
+        <img src="images/2023-2024/P1253021.jpg"  alt="states probably" style="width:100%">
+      </div>
+      <div class="competitions-text-div">
+        <h3>NC State Championship</h3>
+        <p>3rd time in a row our team has made it to States!</p>
+        <a onclick="showArticle(7)">See More</a>
+      </div>
+    </div>
+
+    <div class="competitions-container">
+      <div class="competitions-text-div">
+        <h3>Orange & Mecklenburg County</h3>
+        <p>2 District Events we attended this year.</p>
+        <a onclick="showArticle(6)">See More</a>
+      </div>
+      <div class="competitions-image-div">
+        <img src="images/2023-2024/medals.jpg" alt="second place" style="width:100%">
+      </div>
+    </div>
+
     <hr class="divider-line"/>
     <h2 class = "page-subtitle">2023 Competitions</h2>
 
@@ -81,11 +106,10 @@ <h3>Johnston & Mecklenburg County</h3>
         <p>2 District Events we attended this year.</p>
         <a onclick="showArticle(3)">See More</a>
       </div>
-
     </div>
 
     <hr class="divider-line"/>
-    <h2 class = "page-subtitle">2022 Competitions</h2>
+    <h2 class="page-subtitle">2022 Competitions</h2>
 
     <div class="competitions-container">
       <div class="competitions-text-div">
@@ -123,7 +147,76 @@ <h3>NC State Championship</h3>
 
     <!-- Mobile Versions -->
 
+    <hr class="divider-line-mobile"/>
+      <h2 class="page-subtitle-mobile">2024 Competitions</h2>
+
+    <div class="competitions-container-mobile">
+
+    <div class="competitions-image-div-mobile">
+          <img src="images/2023-2024/P1253021.jpg" alt="states probably" style="width:100%">
+        </div>
+        <div class="competitions-text-div">
+          <h3>NC State Championship</h3>
+          <p>3rd time in a row our team has made it to States!</p>
+          <a onclick="showArticle(7)">See More</a>
+        </div>
+      </div>
+
+    <div class="competitions-container-mobile">
+      <div class="competitions-image-div-mobile">
+        <img src="images/2023-2024/medals.jpg" alt="second place" style="width:100%">
+      </div>
+
+    <div class="competitions-text-div">
+          <h3>Orange & Mecklenburg County</h3>
+          <p>2 District Events we attended this year.</p>
+          <a onclick="showArticle(6)">See More</a>
+        </div>
+
+      </div>
+
+      <hr class="divider-line-mobile"/>
+      <h2 class = "page-subtitle-mobile">2023 Competitions</h2>
+
+    <div class="competitions-container-mobile">
+      <div class="competitions-image-div-mobile">
+        <img src="images/2022-2023/Ryan helping out Static.jpg" alt="doyenne" style="width:100%">
+      </div>
+        <div class="competitions-text-div">
+          <h3>Thor and Doyenne</h3>
+          <p>4 off-season competitions we attended.</p>
+          <a onclick="showArticle(5)">See More</a>
+        </div>
+
+      </div>
+
+    <div class="competitions-container-mobile">
+      <div class="competitions-image-div-mobile">
+        <img src="images/2022-2023/Charles Ready to Start the First Match at States.jpg" alt="Charles :)" style="width:100%">
+      </div>
+
+        <div class="competitions-text-div">
+          <h3>NC State Championship</h3>
+          <p>The second time in a row our team has attended states!</p>
+          <a onclick="showArticle(4)">See More</a>
+        </div>
+      </div>
+
     <div class="competitions-container-mobile">
+      <div class="competitions-image-div-mobile">
+        <img src="images/2022-2023/The Winning Alliance - Johnston Co.jpg" alt="Johnston County winning alliance" style="width:100%">
+      </div>
+        <div class="competitions-text-div">
+          <h3>Johnston & Mecklenburg County</h3>
+          <p>2 District Events we attended this year.</p>
+          <a onclick="showArticle(3)">See More</a>
+        </div>
+      </div>
+
+      <hr class="divider-line-mobile"/>
+      <h2 class = "page-subtitle-mobile">2022 Competitions</h2>
+    <div class="competitions-container-mobile">
+
       <div class="competitions-image-div-mobile">
         <img src="images/doyenne-winning.jpg" alt="doyenne" style="width:100%">
       </div>
@@ -163,18 +256,40 @@ <h3>NC State Championship</h3>
 
 <section class="page-section">
 
+  <div id="7" class="article-container">
+    <p class="competitions-date">9/16/23-9/17/23</p>
+    <h2 class="article-title">NC State Championship</h2>
+    <p>In progress :)</p>
+    <img src="images/2023-2024/P1253253.jpg" alt="Cole w mentor" style="width:100%">
+    <a class="button1" href="competitions.html">Back to Competitions</a>
+  </div>
+
+  <div id="6" class="article-container">
+    <p class="competitions-date">3/31/22-4/02/22</p>
+    <h2 class="article-title">Orange & Mecklenburg County</h2>
+    <p>Two very exciting events! We won second place at both events, and the Judge's award at Orange County!</p>
+    <img src="images/2023-2024/Jack E. and Ishan program.JPG" alt="two programmers fucking around" style="width:100%">
+    <p>There were some very close matches, and a lot of robot mishaps. However,
+      our team really enjoyed hosting the Orange County event at our own school, Chapel Hill High!</p>
+    <a class="button1" href="competitions.html">Back to Competitions</a>
+  </div>
+
   <div id="5" class="article-container">
     <p class="competitions-date">9/16/23-9/17/23</p>
     <h2 class="article-title">Thor and Doyenne</h2>
-    <p>This page is in progress :)</p>
+    <p>4 events we attended. One of which we lent our 2023 robot, Charles, to a pre-rookie
+      team to learn the ropes of competition.</p>
+    <img src="images/2022-2023/IMG_4272.jpg" alt="Mr.Riley & Will helping out" style="width:100%">
+    <p>Overall these were some very fun events to train new drivers and remember the previous season.</p>
 
     <a class="button1" href="competitions.html">Back to Competitions</a>
   </div>
 
   <div id="4" class="article-container">
     <p class="competitions-date">3/31/22-4/02/22</p>
     <h2 class="article-title">NC State Championship</h2>
-    <p>This page is in progress :)</p>
+    <p>A successful event for us! We made it to playoffs, and had a very exciting season.
+      We learned a lot from this season and are thankful for the opportunities Charles brought us.</p>
 
     <a class="button1" href="competitions.html">Back to Competitions</a>
   </div>
@@ -185,9 +300,6 @@ <h2 class="article-title">Johnston and Mecklenburg County</h2>
     <p>We attended the Johnston County Event, which we won, and the Mecklenburg County Event,
       where we earned the Industrial Design award for the wrist on our robot, Charles.</p>
     <img src="images/2022-2023/Drive team in queue at Mecklenburg.JPG" alt="Drive team" style="width:100%">
-    <!--    <p>In addition, we had a very successful 5 ball auto, with a decently successful auto climb.</p>-->
-<!--    <img src="images/IMG-1015_JPG.webp" alt="thor" style="width:100%">-->
-<!--    <p>Thank you EastBots and G-Force for being such great alliance teammates.</p>-->
     <a class="button1" href="competitions.html">Back to Competitions</a>
   </div>
 

images/2022-2023/IMG_4272.jpg

@@ -67,6 +67,7 @@ <h1 id="team-name">Titanium <span id="easter-egg">Tigers</span></h1>
 </section>
 
 <hr class="divider-line"/>
+<hr class="divider-line-mobile"/>
 
 <section id="robot-section">
   <div id="robot-container">
@@ -92,6 +93,7 @@ <h2>Meet Aquila!</h2>
 </section>
 
 <hr class="divider-line"/>
+<hr class="divider-line-mobile"/>
 
 <section id="team-section">
   <div id="team-container">
@@ -113,6 +115,7 @@ <h2>Meet the Team!</h2>
 </section>
 
 <hr class="divider-line"/>
+<hr class="divider-line-mobile"/>
 
 <section id="donate-section">
   <div id="donate-container">
@@ -126,6 +129,7 @@ <h2>Support Us</h2>
 </section>
 
 <hr class="divider-line"/>
+<hr class="divider-line-mobile"/>
 
 <section id="video-section">
   <div id="video-container">
@@ -140,6 +144,8 @@ <h2>FRC Challenge Videos</h2>
   </div>
 </section>
 
+
+
 <footer>
   <div id="footer-container">
     <div id="footer-normal">

images/2023-2024/Amazing drive team 2.JPG

@@ -427,4 +427,20 @@ li {
     margin: 5vw 0;
   }
 
+  .page-subtitle {
+    display: none;
+  }
+
+  .divider-line {
+    display: none;
+  }
+
+  .divider-line-mobile {
+    background: var(--themeColor);
+    margin: 3% 8%;
+    height: .3vw;
+    border: 0 ;
+  }
+
+
 }