small tweaks

All-the-Sprouts · Apr 21, 2024 · bfd40c5 · bfd40c5
1 parent 87c104d
commit bfd40c5
Show file tree

Hide file tree

Showing 6 changed files with 86 additions and 64 deletions.
diff --git a/index.html b/index.html
@@ -24,13 +24,32 @@ <h1 class="card-title text-end p-5 animate__animated animate__bounceInUp"><span
       </div>
       <span class="scroll-down-arrow"></span>
     </div>
+    <div class="card bg-fuchsia-gradient position-relative rounded-0 no-animation">
+      <div class="container body-container text-center">
+        <br>
+        <h1>Testimonials</h1>
+        <blockquote class="blockquote text-center">
+          <h4>Students in last year's class rated us 8.6 out of 10!</h4>
+        </blockquote>
+        <figure class="text-center">
+          <blockquote class="blockquote">
+            <p>Very fun and informative! I feel like I learned a lot.</p>
+            <p>The learning environment was pretty good, and the teachers were fun, nice, and assertive—they gave everyone a voice—they encouraged and enabled people to talk. I think that in all fields, this camp excelled in general. Go Sprouts!</p>
+            <p>I really enjoyed chemistry—especially the DNA extraction experiment. I even used this as inspiration for an idea for my science fair at school!</p>
+          </blockquote>
+          <figcaption class="blockquote-footer">
+            Various students from last year!
+          </figcaption>
+        </figure>
+      </div>
+    </div>
     <div class="container body-container">
       <br>
       <div class="row gy-4 text-center">
         <h1>Programs</h1>
         <div class="col-lg-4">
           <div class="card card-animated shadow bg-green-gradient">
-            <img src="/images/SO Season 3/IMG_4124.jpg" style="height: 20rem; display: block; object-fit: cover; width: auto;" class="card-img-top" alt="A Science Outdoors Class in Lexington">
+            <img src="/images/SO Season 3/IMG_4124.jpg" style="height: 12rem; 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">Science Outdoors</h5>
               <h6 class="card-subtitle mb-2">SO</h6>
@@ -41,7 +60,7 @@ <h6 class="card-subtitle mb-2">SO</h6>
         </div>
         <div class="col-lg-4">
           <div class="card card-animated shadow bg-silver-gradient">
-            <img src="/images/3s_title.png" style="height: 20rem; display: block; object-fit: cover; width: auto;" class="card-img-top" alt="A Summer Science Seminars Class in Lexington">
+            <img src="/images/3s_title.png" style="height: 12rem; display: block; object-fit: cover; width: auto;" class="card-img-top" alt="A Summer Science Seminars Class in Lexington">
             <div class="card-body">
               <h5 class="card-title">Summer Science Seminars</h5>
               <h6 class="card-subtitle mb-2">3S</h6>
@@ -52,7 +71,7 @@ <h6 class="card-subtitle mb-2">3S</h6>
         </div>
         <div class="col-lg-4">
           <div class="card card-animated shadow bg-fuchsia-gradient">
-            <img src="/images/artwork/Wish.jpeg" style="height: 20rem; display: block; object-fit: cover; width: auto;" class="card-img-top" alt="A Piece of Artwork from Slice of Art">
+            <img src="/images/artwork/Wish.jpeg" style="height: 12rem; display: block; object-fit: cover; width: auto;" class="card-img-top" alt="A Piece of Artwork from Slice of Art">
             <div class="card-body">
               <h5 class="card-title">Slice of Art</h5>
               <h6 class="card-subtitle mb-2">SOA</h6>
@@ -67,7 +86,7 @@ <h6 class="card-subtitle mb-2">SOA</h6>
         <h1>Branches</h1>
         <div class="col-lg-4">
           <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">
+            <img src="/images/SO Season 3/IMG_4174.jpg" style="height: 12rem; 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>
@@ -102,7 +121,7 @@ <h6 class="card-subtitle mb-2">Massachusetts</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 20:07">January 15th, 2024</a>
+          Website last updated <a href="#" data-bs-toggle="tooltip" data-bs-custom-class="sprouts-tooltip" data-bs-title="At 09:44">April 21st, 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.

diff --git a/styles.css b/styles.css
@@ -121,7 +121,7 @@ a:hover {
   animation: pulse;
   animation-duration: 2s;
   animation-iteration-count: infinite;
-  color: #abdf75;
+  color: #ff595e;
 }
 
 /* Button color turns gold on hover */
@@ -158,7 +158,7 @@ button.btn:hover {
 }
 
 .blue {
-  color: #247ba0;
+  color: #046e8f;
 }
 
 .green {
@@ -200,8 +200,7 @@ button.btn:hover {
 }
 
 .bg-blue {
-  background-color: #247ba0;
-  color: #fffdff;
+  background-color: #046e8f;
 }
 
 .bg-silver {
@@ -245,7 +244,7 @@ button.btn:hover {
 }
 
 .bg-blue-gradient {
-  background-color: #247ba0;
+  background-color: #046e8f;
   background-image: var(--bs-gradient);
   color: #fffdff;
 }
@@ -304,7 +303,7 @@ button.btn:hover {
 /* Jumbotron stuff */
 .jumbotron-img {
   display: block;
-  height: 95vh;
+  height: 100vh;
   object-fit: cover;
   width: auto;
 }