This should work amazingly

index.html

@@ -129,7 +129,7 @@ <h6 class="card-subtitle mb-2">TBD</h6>
       <br>
       <div class="text-center">
         <strong>
-          Website last updated <a href="#" data-bs-toggle="tooltip" data-bs-custom-class="sprouts-tooltip" data-bs-title="At 21:13">June 1st, 2024</a>
+          Website last updated <a href="#" data-bs-toggle="tooltip" data-bs-custom-class="sprouts-tooltip" data-bs-title="At 22:59">June 1st, 2024</a>
         </strong>
         <br>
         Note: website also being revamped right now. Please be patient as information is in the process of changing. <a href="mailto:lexingtonsprouts@gmail.com">Email us</a> if you have any questions.

js/footer4.js

@@ -0,0 +1,8 @@
+fetch('../../../ui/footer4.html')
+.then(res => res.text())
+.then(text => {
+    let oldelem = document.querySelector("script#replace_with_footer");
+    let newelem = document.createElement("div");
+    newelem.innerHTML = text;
+    oldelem.parentNode.replaceChild(newelem,oldelem);
+})

js/header4.js

@@ -0,0 +1,8 @@
+fetch('../../../ui/header4.html')
+.then(res => res.text())
+.then(text => {
+    let oldelem = document.querySelector("script#replace_with_header");
+    let newelem = document.createElement("div");
+    newelem.innerHTML = text;
+    oldelem.parentNode.replaceChild(newelem,oldelem);
+})

js/nav4.js

@@ -0,0 +1,8 @@
+fetch('../../../ui/nav4.html')
+.then(res => res.text())
+.then(text => {
+    let oldelem = document.querySelector("script#replace_with_navbar");
+    let newelem = document.createElement("div");
+    newelem.innerHTML = text;
+    oldelem.parentNode.replaceChild(newelem,oldelem);
+})

past-events/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Past Events | All the Sprouts</title>
-    
+
     <script id="replace_with_header" src="../js/header2.js"></script>
     <link href="../styles.css" rel="stylesheet">
     </head>
@@ -36,7 +36,7 @@ <h1 class="d-sm-block d-md-none text-center">This is a brief overview of our his
                   <th scope="row">2024</th>
                   <td><a class="text-success" href="../programs/science-outdoors">Season 4</a></td>
                   <td><a class="text-success" href="../programs/summer-science-seminars">Season 4</a></td>
-                  <td><a class="text-success" href="/slice-of-art/season-2">Season 2</a></td>
+                  <td><a class="text-success" href="/slice-of-art">Season 2</a></td>
                 </tr>
                 <tr>
                   <th scope="row">2023</th>
@@ -46,20 +46,20 @@ <h1 class="d-sm-block d-md-none text-center">This is a brief overview of our his
                 </tr>
                 <tr>
                   <th scope="row">2022</th>
-                  <td><a href="science-outdoors/season-2">Season 2</a></td>
-                  <td><a href="summer-science-seminars/season-2">Season 2</a></td>
+                  <td><a href="#">Season 2</a></td>
+                  <td><a href="#">Season 2</a></td>
                   <td><a href="slice-of-art/season-1">Season 1</a></td>
                 </tr>
                 <tr>
                   <th scope="row">2021</th>
-                  <td><a href="science-outdoors/season-1">Season 1</a></td>
-                  <td><a href="summer-science-seminars/season-1">Season 1</a></td>
+                  <td><a href="#">Season 1</a></td>
+                  <td><a href="#">Season 1</a></td>
                   <td></td>
                 </tr>
                 <tr>
                   <th scope="row">2020</th>
                   <td></td>
-                  <td><a href="summer-science-seminars/season-0">Season 0</a></td>
+                  <td><a href="#">Season 0</a></td>
                   <td></td>
                 </tr>
               </tbody>
@@ -92,26 +92,26 @@ <h1 class="d-sm-block d-md-none text-center">This is a brief overview of our his
             </tr>
             <tr>
               <th scope="row">2023</th>
-              <td><a href="/science-outdoors/season-3">Season 3</a></td>
-              <td><a href="/summer-science-seminars/season-3">Season 3</a></td>
+              <td><a href="science-outdoors/season-3">Season 3</a></td>
+              <td><a href="summer-science-seminars/season-3">Season 3</a></td>
               <td></td>
             </tr>
             <tr>
               <th scope="row">2022</th>
-              <td><a href="/science-outdoors/season-2">Season 2</a></td>
-              <td><a href="/summer-science-seminars/season-2">Season 2</a></td>
-              <td><a href="/slice-of-art/season-1">Season 1</a></td>
+              <td><a href="#" data-bs-toggle="tooltip" data-bs-custom-class="sprouts-tooltip1" data-bs-title="Coming soon">Season 2</a></td>
+              <td><a href="#" data-bs-toggle="tooltip" data-bs-custom-class="sprouts-tooltip2" data-bs-title="Coming soon">Season 2</a></td>
+              <td><a href="#" data-bs-toggle="tooltip" data-bs-custom-class="sprouts-tooltip3" data-bs-title="Coming soon">Season 1</a></td>
             </tr>
             <tr>
               <th scope="row">2021</th>
-              <td><a href="/science-outdoors/season-1">Season 1</a></td>
-              <td><a href="/summer-science-seminars/season-1">Season 1</a></td>
+              <td><a href="#" data-bs-toggle="tooltip" data-bs-custom-class="sprouts-tooltip4" data-bs-title="Coming soon">Season 1</a></td>
+              <td><a href="#" data-bs-toggle="tooltip" data-bs-custom-class="sprouts-tooltip5" data-bs-title="Coming soon">Season 1</a></td>
               <td></td>
             </tr>
             <tr>
               <th scope="row">2020</th>
               <td></td>
-              <td><a href="/summer-science-seminars/season-0">Season 0</a></td>
+              <td><a href="#" data-bs-toggle="tooltip" data-bs-custom-class="sprouts-tooltip6" data-bs-title="Coming soon">Season 0</a></td>
               <td></td>
             </tr>
           </tbody>

past-events/science-outdoors/season-3/index.html

@@ -3,29 +3,32 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Science Outdoors | Lexington Sprouts</title>
-    <script id="replace_with_header" src="../js/header2.js"></script>
-    <link href="../styles.css" rel="stylesheet">
+    <title>Science Outdoors: Season 3 | Lexington Sprouts</title>
+
+    <script id="replace_with_header" src="../../../js/header4.js"></script>
   </head>
   <body>
+    <!-- Navbar -->
     <div class="container">
-      <script id="replace_with_navbar" src="../js/nav2.js"></script>
+      <script id="replace_with_navbar" src="../../../js/nav4.js"></script>
     </div>
 
     <div class="page-container">
-      <div class="p-5 mt-5 sobackground text-info rounded">
+      <br><br><br>
+      <h1 class="text-center">This page is from Season 3 (2023), preserved for history.</h1>
+      <div class="p-5 mt-5 bg-green text-info rounded">
         <h1>Science Outdoors</h1>
       </div>
       <div class="container body-container">
-        <div class="card sobackground">
+        <div class="card bg-green">
           <div class="card-body">
             <h2 class="text-center"><strong><em>Welcome to Science Outdoors!</em></strong></h2>
             <p class="card-text">Science Outdoors is a free summer program that focuses on learning in a natural environment. The program provides students with hands-on activities, exploration, and scientific inquiry in an outdoor setting. We aim to introduce incoming middle schoolers and freshmen to various STEM subjects thorough various introductory classes.</p>
             <p class="card-text"><strong>Your Teachers</strong>:</p>
             <ul>
-              <li><strong><a href="../contact-and-about.html#nishtha" class="underline">Nishtha Chhabra</a></strong>: Biology and Chemistry</li>
-              <li><strong><a href="../contact-and-about.html#owen" class="underline">Owen Jiang</a></strong>: Physics and Earth Science</li>
-              <li><strong><a href="../contact-and-about.html#stephanie" class="underline">Stephanie Wan</a></strong>: Physics and Biology</li>
+              <li><strong><a href="../../../team#nishtha" class="underline">Nishtha Chhabra</a></strong>: Biology and Chemistry</li>
+              <li><strong><a href="../../../team#owen" class="underline">Owen Jiang</a></strong>: Physics and Earth Science</li>
+              <li><strong><a href="../../../team#stephanie" class="underline">Stephanie Wan</a></strong>: Physics and Biology</li>
             </ul>
             <p class="card-text"><strong>General Topics</strong>: Introductory Physics, Biology, Chemistry, and Earth Science (several ideas in each topic will be explained deeply, with a high emphasis on intuition and also logic)
             <p class="card-text"><strong>Format</strong>: This program will be held on-location. Ten students will be accepted. During lessons, teachers will give talks and students will be exposed to an interactive and fun experience. If you have previously participated, we recommend attending Summer Science Seminars!</p>
@@ -37,22 +40,22 @@ <h2 class="text-center"><strong><em>Welcome to Science Outdoors!</em></strong></
             </ul>
             <p class="card-text"><strong>Cost</strong>: This program is <span class="text-success">FREE</span>!</p>
             <p class="card-text"><strong>Registration Deadline</strong>: <em class="text-danger"><del>Wednesday, July 5th, 2023 at 11:59 PM EDT</del> <span class="text-danger">Closed</span></em>
-            <p class="card-text"><strong>Schedule</strong>: <a href="../schedule.html">Monday, August 21st, 2023 to Friday, August 25th, 2023, 9:00 am - 12:00 pm</a></p>
+            <p class="card-text"><strong>Schedule</strong>: <a href="#">Monday, August 21st, 2023 to Friday, August 25th, 2023, 9:00 am - 12:00 pm</a></p>
             <p class="card-text"><strong>Location</strong>: <a href="https://goo.gl/maps/51oTLX3BqMsb4Nf29">Lexington Community Center Tent at 39 Marrett Rd, Lexington, MA 02421</a></p>
-            <p class="card-text text-center"><a href="../registration.html" class="btn btn-primary text-center">Register!</a></p>
+            <p class="card-text text-center"><a href="../../../registration" class="btn btn-primary text-center">Register!</a></p>
             <p class="card-text text-center"><a href="https://sites.google.com/view/scienceoutdoors" class="btn btn-primary" role="button">Previous Website (will be ported to this one in the near future)</a></p>
           </div>
         </div>
         <br>
-        <img src="../images/so_flyer.png" class="w-25 rounded mx-auto d-block" alt="SO Flyer">
+        <img src="../../../images/so_flyer.png" class="w-25 rounded mx-auto d-block" alt="SO Flyer">
         <br>
         <h1>Next Class: N/A</h1>
         <h1>Topic: N/A</h1>
         <h1>Time: N/A</h1>
         <p class="text-center">Please come to the tent!</p>
         <br><br>
       </div>
-      <script id="replace_with_footer" src="../js/footer2.js"></script>
+      <script id="replace_with_footer" src="../../../js/footer4.js"></script>
     </div>
     <!-- Commented due to inability for websites to listen to endscripts if not directly in the page -->
     <!-- <script id="replace_with_endscript" src="../js/endscripts.js"></script> -->