NEW DESIGN, HURRAY!

All-the-Sprouts · Jan 22, 2024 · cc7ebb0 · cc7ebb0
1 parent a750aaf
commit cc7ebb0
Show file tree

Hide file tree

Showing 30 changed files with 2,676 additions and 420 deletions.
diff --git a/404.html b/404.html
@@ -17,7 +17,7 @@ <h1 class="text-white animate__animated animate__rubberBand animate__infinite">4
       <br>
       <h4 class="text-white math"><u>Given</u>: &exist;Problem<br><u>Lemma</u>: Either something broke, we're fixing it right now, or we're on vacation.<br><u>Proof</u>: Left as an exercise to the reader.<br><u>Solution</u>: Perform translation in time (give it a sec by going back and refreshing)<br>Iff (if and only if) the sum of all attempted actions and solutions performed <em>&sum;A<sub class="math">p</sub></em> &isin; <em>P(A)</em> where <em>P(A)</em> is the power set of all thinkable and possible actions, then email us about the problem.</h4>
       <br>
-      <a href="index.html" class="btn btn-danger">Push button</a>
+      <a href="../" class="btn btn-danger">Push button</a>
     </div>
     <br>
     <img src="images/42.jpg" alt="Pale Blue Dot" style="width: 100vw; height: 100vh; max-width: none; max-height: none; object-fit: contain;">

diff --git a/42/index.html b/42/index.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>42</title>
+    <script id="replace_with_header" src="../js/header2.js"></script>
+    <link href="../styles.css" rel="stylesheet">
+  </head>
+  <!--
+    CSS + images = sorcery + dark magic
+  -->
+  <body style="background-color: #000000; max-height: 100vh; position: fixed; overflow: hidden; margin: 0 auto; text-align: center">
+    <div class="container">
+      <br>
+      <h1 class="text-white animate__animated animate__pulse animate__infinite">You have reached space.</h1>
+      <br>
+      <a href="../" class="btn btn-danger">Perform atmospheric reentry</a>
+    </div>
+    <br>
+    <img src="../images/42.jpg" alt="Pale Blue Dot" style="width: 100vw; height: 100vh; max-width: none; max-height: none; object-fit: contain;">
+    <!-- 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> -->
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous"></script>
+  </body>
+</html>
diff --git a/about/index.html b/about/index.html
@@ -0,0 +1,58 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>About | All the Sprouts</title>
+
+    <script id="replace_with_header" src="../js/header2.js"></script>
+  </head>
+  <body>
+    <!-- Navbar -->
+    <div class="container">
+      <script id="replace_with_navbar" src="../js/nav2.js"></script>
+    </div>
+
+    <!-- Obligatory Spacing -->
+    <br><br>
+    <div class="card text-bg-dark position-relative rounded-0">
+      <img src="../images/SO Season 1/IMG_8946.jpg" class="jumbotron-img opacity-25" alt="Students sitting on at a table, watching a teacher of Science Outdoors in 2021">
+      <div class="card-img-overlay">
+        <div class="container">
+          <div class="row align-items-center justify-content-center">
+            <div class="col-lg-6">
+              <div class="card-transparent mt-5">
+                <!-- Only appears on large screens, font-size changed -->
+                <div class="card-body text-center d-none d-lg-block" style="font-size: 1.35vmax;">
+                  <strong>AlltheSprouts</strong> is a high-school led organization dedicated towards spreading passion in STEAM through our summer programs. Started in Lexington, we’ve blossomed out into multiple towns, each with their own programs.<br><br>Our three core programs are <a href="../programs/science-outdoors.html">Science Outdoors (SO)</a>, a highly selective hands-on experience where students learn and play to explore different fields of science, <a href="../programs/summer-science-seminars.html">Summer Science Seminars (3S)</a>, a rapid-format series of virtual science and STEM lectures taught by accoladed  high schoolers, and <a href="../programs/slice-of-art.html">Slice of Art (SOA)</a>, personalized small-group  fine arts tutoring sessions, that also hosts a <a href="../programs/art-competition.html">biannual art competition</a>.<br><br>By joining one of our programs, you’ll be connected to a network of students passionate about science, upperclassmen ready to help and answer questions, and knowledge and resources about STEM opportunities around you.
+                </div>
+                <!-- Only appears on medium to small screens, font-size changed -->
+                <div class="card-body text-center d-md-block d-lg-none" style="font-size: 2vmax;">
+                  <p><strong>AlltheSprouts</strong> is a high-school led organization dedicated towards spreading passion in STEAM through our summer programs. Started in Lexington, we’ve blossomed out into multiple towns, each with their own programs.</p>
+                  <p>Our three core programs are <a href="../programs/science-outdoors.html">Science Outdoors (SO)</a>, a highly selective hands-on experience where students learn and play to explore different fields of science, <a href="../programs/summer-science-seminars.html">Summer Science Seminars (3S)</a>, a rapid-format series of virtual science and STEM lectures taught by accoladed  high schoolers, and <a href="../programs/slice-of-art.html">Slice of Art (SOA)</a>, personalized small-group  fine arts tutoring sessions, that also hosts a <a href="../programs/art-competition.html">biannual art competition</a>.</p>
+                  <p>By joining one of our programs, you’ll be connected to a network of students passionate about science, upperclassmen ready to help and answer questions, and knowledge and resources about STEM opportunities around you.</p>
+                  <p class="text-center">We believe that no matter where you are in life, you can always learn something—whether you are preparing for a science competition, painting your personal artistic pieces, or if you just want to learn and have a fun time. We look forward to helping you on your educational journey!</p>
+                </div>
+              </div>
+            </div>
+            <div class="col-md-6"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <script id="replace_with_footer" src="../js/footer2.js"></script>
+
+    <!-- End scripts -->
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous"></script>
+    <!-- Initialize Tooltips -->
+    <script type="text/javascript">
+      const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
+      const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
+    </script>
+    <script type="text/javascript">
+    const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="popover"]')
+    const popoverList = [...popoverTriggerList].map(popoverTriggerEl => new bootstrap.Popover(popoverTriggerEl))
+    </script>
+  </body>
+</html>
diff --git a/branches/hopkinton/index.html b/branches/hopkinton/index.html
diff --git a/branches/index.html b/branches/index.html
@@ -0,0 +1,119 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Branches | All the Sprouts</title>
+
+    <script id="replace_with_header" src="../js/header2.js"></script>
+  </head>
+  <body>
+    <!-- Navbar -->
+    <div class="container">
+      <script id="replace_with_navbar" src="../js/nav2.js"></script>
+    </div>
+
+    <!-- Obligatory Spacing -->
+    <br><br>
+    <div class="card text-bg-dark position-relative rounded-0">
+      <img src="../images/SO Season 3/IMG_4156.jpg" class="jumbotron-img opacity-50" alt="More learning during Science Outdoors Season 3">
+      <div class="card-img-overlay d-flex flex-column justify-content-center align-items-center">
+        <div class="container">
+          <!-- For large devices, cards can fit over image -->
+          <div class="row text-center gy-2 card-group">
+            <h1 class="d-sm-block d-md-none">Take a look at our many locations!</h1>
+            <div class="col-md-4 d-none d-md-block">
+              <div class="card card-animated shadow bg-blue-gradient">
+                <img src="/images/SO Season 3/IMG_4174.jpg" style="height: 20rem; display: block; object-fit: cover; width: auto;" class="card-img-top" alt="A Science Outdoors Class in Lexington">
+                <div class="card-body">
+                  <h5 class="card-title">Lexington</h5>
+                  <h6 class="card-subtitle mb-2">Massachusetts</h6>
+                  <p class="card-text">Run by: Stephanie Wan, Owen Jiang, Nishtha Chhabra</p>
+                  <a href="branches/lexington" class="stretched-link"></a>
+                </div>
+              </div>
+            </div>
+            <div class="col-md-4 d-none d-md-block">
+              <div class="card card-animated shadow bg-purple-gradient">
+                <svg class="bd-placeholder-img card-img-top" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"></rect></svg>
+                <div class="card-body">
+                  <h5 class="card-title">Hopkinton</h5>
+                  <h6 class="card-subtitle mb-2">Massachusetts</h6>
+                  <p class="card-text">Run by: Aryan Shah</p>
+                  <a href="branches/hopkinton" class="stretched-link"></a>
+                </div>
+              </div>
+            </div>
+            <div class="col-md-4 d-none d-md-block">
+              <div class="card card-animated shadow bg-indigo-gradient">
+                <svg class="bd-placeholder-img card-img-top" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"></rect></svg>
+                <div class="card-body">
+                  <h5 class="card-title">Wachusett</h5>
+                  <h6 class="card-subtitle mb-2">Massachusetts</h6>
+                  <p class="card-text">Run by: Abby Lei</p>
+                  <a href="branches/wachusett" class="stretched-link"></a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <span class="scroll-down-arrow d-sm-block d-md-none"></span>
+    </div>
+
+    <div class="container body-container">
+      <br>
+      <!-- For small devices, cards are pushed down -->
+      <div class="row gy-4 text-center">
+        <br>
+        <div class="col-md-4 d-sm-block d-md-none">
+          <div class="card card-animated shadow bg-blue-gradient">
+            <img src="/images/SO Season 3/IMG_4174.jpg" style="height: 20rem; display: block; object-fit: cover; width: auto;" class="card-img-top" alt="A Science Outdoors Class in Lexington">
+            <div class="card-body">
+              <h5 class="card-title">Lexington</h5>
+              <h6 class="card-subtitle mb-2">Massachusetts</h6>
+              <p class="card-text">Run by: Stephanie Wan, Owen Jiang, Nishtha Chhabra</p>
+              <a href="branches/lexington" class="stretched-link"></a>
+            </div>
+          </div>
+        </div>
+        <div class="col-md-4 d-sm-block d-md-none">
+          <div class="card card-animated shadow bg-purple-gradient">
+            <svg class="bd-placeholder-img card-img-top" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"></rect></svg>
+            <div class="card-body">
+              <h5 class="card-title">Hopkinton</h5>
+              <h6 class="card-subtitle mb-2">Massachusetts</h6>
+              <p class="card-text">Run by: Aryan Shah</p>
+              <a href="branches/hopkinton" class="stretched-link"></a>
+            </div>
+          </div>
+        </div>
+        <div class="col-md-4 d-sm-block d-md-none">
+          <div class="card card-animated shadow bg-indigo-gradient">
+            <svg class="bd-placeholder-img card-img-top" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"></rect></svg>
+            <div class="card-body">
+              <h5 class="card-title">Wachusett</h5>
+              <h6 class="card-subtitle mb-2">Massachusetts</h6>
+              <p class="card-text">Run by: Abby Lei</p>
+              <a href="branches/wachusett" class="stretched-link"></a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <script id="replace_with_footer" src="../js/footer2.js"></script>
+
+    <!-- End scripts -->
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous"></script>
+    <!-- Initialize Tooltips -->
+    <script type="text/javascript">
+      const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
+      const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
+    </script>
+    <script type="text/javascript">
+    const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="popover"]')
+    const popoverList = [...popoverTriggerList].map(popoverTriggerEl => new bootstrap.Popover(popoverTriggerEl))
+    </script>
+  </body>
+</html>
diff --git a/branches/lexington/index.html b/branches/lexington/index.html
@@ -0,0 +1,55 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Lexington | All the Sprouts</title>
+
+    <script id="replace_with_header" src="../../js/header3.js"></script>
+  </head>
+  <body>
+    <!-- Navbar -->
+    <div class="container">
+      <script id="replace_with_navbar" src="../../js/nav3.js"></script>
+    </div>
+
+    <!-- Obligatory Spacing -->
+    <br><br>
+    <div class="card text-bg-dark position-relative rounded-0">
+      <img src="../../images/SO Season 3/IMG_4120.jpg" class="jumbotron-img opacity-25" alt="Students sitting on at a table, watching a teacher of Science Outdoors in 2021">
+      <div class="card-img-overlay">
+        <div class="container">
+          <div class="row align-items-center justify-content-center">
+            <div class="col-lg-6">
+              <div class="card-transparent mt-5">
+                <!-- Only appears on large screens, font-size changed -->
+                <div class="card-body text-center d-none d-lg-block" style="font-size: 1.35vmax;">
+                  Our <strong>Lexington</strong> branch was started in Summer of 2020, when the pandemic still had all the students locked down at home, stuck in new learning environments. To combat the drought, we
+                </div>
+                <!-- Only appears on medium to small screens, font-size changed -->
+                <div class="card-body text-center d-md-block d-lg-none" style="font-size: 2vmax;">
+                  Our <strong>Lexington</strong> branch was started in Summer of 2020, when the pandemic still had all the students locked down at home, stuck in new learning environments. To combat the drought, we
+                </div>
+              </div>
+            </div>
+            <div class="col-md-6"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <script id="replace_with_footer" src="../../js/footer3.js"></script>
+
+    <!-- End scripts -->
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous"></script>
+    <!-- Initialize Tooltips -->
+    <script type="text/javascript">
+      const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
+      const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
+    </script>
+    <script type="text/javascript">
+    const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="popover"]')
+    const popoverList = [...popoverTriggerList].map(popoverTriggerEl => new bootstrap.Popover(popoverTriggerEl))
+    </script>
+  </body>
+</html>
diff --git a/branches/wachusett/index.html b/branches/wachusett/index.html