Debugged home and stream page

about-us.html

@@ -201,7 +201,7 @@ <h2>Our History</h2>
             <p class="f2 heading--sanSerif">2019</p>
           </div>
 
-          <div class="tl-content">
+          <div class="tl-content tl-text">
             <h1>Organization Founded</h1>
             <p>When Renee founded the organization, the Churchill Valley Greenway was abondoned from the bankrupcy of the golf club that ran on it. It was an open field which she would let her dog run free.</p>
           </div>
@@ -216,7 +216,7 @@ <h1>Organization Founded</h1>
             <p class="f2 heading--sanSerif">2020</p>
           </div>
 
-          <div class="tl-content">
+          <div class="tl-content tl-text">
             <h1 class="f3 text--accent ttu">Riverbed Cleanup</h1>
             <p>The Chalfant Run organized their first event, more than 80 volunteers showed up to cleanup the riverbed, among them was Summer Lee, PA's congresswoman. </p>
           </div>
@@ -231,9 +231,9 @@ <h1 class="f3 text--accent ttu">Riverbed Cleanup</h1>
             <p class="f2 heading--sanSerif">2023</p>
           </div>
 
-          <div class="tl-content">
+          <div class="tl-content tl-text">
             <h1 class="f3 text--accent ttu">Growing in Size</h1>
-            <p>After Covid, we continued to grow in size, and partnered with University of Pittsburgh to study and preserve of rivers and streams.</p>
+            <p>After Covid, we continued to grow in size, and partnered with University of Pittsburgh to study and preserve our rivers and streams.</p>
           </div>
 
         </div>

css/events.css

@@ -80,23 +80,21 @@ img{
     margin-top: -10px;
     margin-bottom:-25px;
     padding-top: 50px;
-}
-
-
-.quote-block{
-  padding: 0 150px; 
+    padding-bottom: 50px;
 }
 
 .quote-text{
     color: white;
-    font-size: 1.5rem;
+    font-size: 18px !important;
     font-weight: bold;
     text-align: center;
-    padding: 1%;
+    padding-left: 100px !important;
+    padding-right:100px !important;
 }
 
 .blockquote-footer{
   color: white !important;
+  font-size: 15px !important;
 }
 
 
@@ -226,6 +224,8 @@ opacity: 0.8;
     color:white;
     margin: 25px;
     letter-spacing:0.03cm;
+    text-shadow: 
+    0 0 5px #FFFF00 /* Small yellow glow */;
 }
 
 .events p{
@@ -237,16 +237,15 @@ opacity: 0.8;
     font-size: 14px;
     color: white;
     background-color: #FF3CAC;
-    background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);
+    background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #7FDDDD 100%);
     text-decoration: none;
     padding: 10px 20px;
     border-radius:20px;
     margin:10px;
 }
 
 .events a:hover{
-    color:#7FDDDD;
-    opacity: 0.8;
+    background-image: linear-gradient(225deg, #7FDDDD 0%,#FF3CAC 100%);
 }
 
 
@@ -340,6 +339,16 @@ opacity: 0.8;
         display:flex;
         justify-content: center;
     }
+
+    .quote-text{
+      font-size: 10px !important;
+      padding-left: 100px !important;
+      padding-right:100px !important;
+    }
+
+    .blockquote-footer{
+    font-size: 10px !important;
+    }
   }
 
 

css/streams.css

@@ -139,8 +139,8 @@ img{
 .body-container h1{
   font-size: 2em;
   font-weight: bold;
-  letter-spacing:0.1em;
   border-bottom: 4px solid #258989;
+  letter-spacing: 0.5px;
   width: fit-content;
   margin-top:30px;
   margin-left:15px;
@@ -229,6 +229,7 @@ img{
   font-weight: bold;
   color: #258989;
   text-decoration: underline;
+  padding-top: 5px;
   padding-left: 7px;
   padding-right: 7px;
 }

css/styles.css

@@ -14,8 +14,6 @@ body{
 
 /* Start Timeline */
 
-.timeline-container{
-}
 
 .timeline-container h2{
     margin-top: 20px;
@@ -112,6 +110,7 @@ body{
 	font-size: 1.2rem !important;
 	font-weight: normal;
   }
+
 
   .tl-year {
 	position: absolute;
@@ -339,7 +338,7 @@ body{
 }
 #fs-frm fieldset.locale select[name="state"],
 #fs-frm fieldset.locale input[name="postal-code"] {
-  width: 20%;
+  width: 30%;
 }
 #fs-frm fieldset.locale input[name="city"],
 #fs-frm fieldset.locale select[name="state"] {
@@ -680,7 +679,6 @@ hr{
     margin-left: 30px;
     padding-top: 400px;
     color: white;
-    mix-blend-mode: difference;
 }
 
 .our-story-container{
@@ -812,6 +810,16 @@ card-col{
 
 @media (max-width: 824px) {
 
+    #fs-frm label,
+    #fs-frm legend,
+    #fs-frm ::placeholder {
+    font-size: 0.85rem;
+    margin-bottom: .5rem;
+    padding-top: .2rem;
+    display: flex;
+    align-items: baseline;
+    }
+
     /* Start for about us main page section */
     .about-us-background-blur{
         height:1950px;
@@ -875,26 +883,6 @@ card-col{
     }
 }
 
-@media (max-width: 992px){
-    .about-us-map p{
-        font-size: 1.3rem;
-        font-weight: 100;
-    }
-}
-@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@400;900&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
-
-*{
-    text-decoration: none;
-    list-style: none;
-}
-
-body{
-    font-family: 'Fira Sans', sans-serif;
-    font: normal 100%;
-}
-
 /* Start Timeline */
 #timeline {
 	display: flex;
@@ -967,10 +955,13 @@ body{
   .tl-content h1 {
 	font-family: "Pathway Gothic One", Helvetica Neue, Helvetica, Arial, sans-serif;
 	text-transform: uppercase;
-	color:#0fa;
-	font-size: 1.44rem;
+	font-size: 1.3rem !important;
 	font-weight: normal;
   }
+
+  .tl-content p{
+    font-size: 1rem !important;
+  }
 
   .tl-year {
 	position: absolute;
@@ -983,7 +974,7 @@ body{
   }
   .tl-year p {
 	font-family: "Pathway Gothic One", Helvetica Neue, Helvetica, Arial, sans-serif;
-	font-size: 1.728rem;
+	font-size: 1.2rem;
 	line-height: 0;
   }
 
@@ -1353,6 +1344,22 @@ card-col{
 
 /*Media Query */
 
+@media (max-width: 992px){
+    .about-us-map p{
+        font-size: 1.3rem;
+        font-weight: 100;
+    }
+    .tl-content h1 {
+        font-size: 1.1rem !important;
+        font-weight: normal;
+      }
+
+      .tl-content p{
+        font-size: 0.85rem !important;
+      }
+}
+
+
 @media (max-width: 1000px){
     .about-us-background-blur{
         height:1400px;

events.html

@@ -83,7 +83,7 @@ <h2>Community Needs Assessment</h2>
                 The Chalfant Run Thompson Run Watershed Association is trying to understand our community needs and wants. We strive to move forward protecting, preserving and restoring our local streams and green spaces. 
                 </p>
                 <br>
-                <a href="https://m.facebook.com/events/164093532134222/">READ MORE</a>
+                <a href="https://forms.gle/5AkVXY6KXyvE4H8G9" target="_blank">READ MORE</a>
             </div>
         </div>
 

involved.html

@@ -8,10 +8,10 @@
 
         <!-- Meta Tags-->
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-		<meta charset="UTF-8">
-  		<meta name="description" content="Chalfant Run">
-  		<meta name="keywords" content="Watershed, Event, Nonprofit">
- 		<meta name="author" content="Jack Sun">     
+		    <meta charset="UTF-8">
+  		  <meta name="description" content="Chalfant Run">
+  		  <meta name="keywords" content="Watershed, Event, Nonprofit">
+ 		    <meta name="author" content="Jack Sun">     
         <!-- new addition Nov 10 2023 SM --> 
         <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
         <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
@@ -56,7 +56,7 @@
       <!-- Video  --> 
       <div class="video-container">
         <video autoplay muted loop>
-          <source src="./img/involved-vid.mov" type="video/mp4">
+          <source src="./img/involved-vid.mov" type="video/mp4" controls>
         </video>
       </div>
 
@@ -67,23 +67,23 @@
             <div class="carousel-inner"> 
               <div class="carousel-item quote-block active" data-bs-interval="3000"> 
                 <blockquote class="blockquote text-center">
-                  <p class="mb-4" >"All the water that will ever be is, right now."</p>
+                  <p class="mb-4 quote-text" >"All the water that will ever be is, right now."</p>
                   <footer class="blockquote-footer">National Geographic, October 1993</footer>
                 </blockquote>
               </div> 
 
               <div class="carousel-item quote-block"
                 data-bs-interval="3000"> 
                 <blockquote class="blockquote text-center">
-                  <p class="mb-4" >"Water, the never-ending cycle, connects us all, carrying pieces of distant places and times into our lives, whispering the deep, essential truths of the planet beneath the surface of our awareness."</p>
+                  <p class="mb-4 quote-text" >"Water, the never-ending cycle, connects us all, carrying pieces of distant places and times into our lives, whispering the deep, essential truths of the planet beneath the surface of our awareness."</p>
                   <footer class="blockquote-footer">Rachel Carson</footer>
                 </blockquote>
               </div> 
 
               <div class="carousel-item quote-block"
               data-bs-interval="3000"> 
               <blockquote class="blockquote text-center">
-                <p class="mb-4" >"Water has a voice. It carries a message that tells those downstream who you are and how you care for the land."</p>
+                <p class="mb-4 quote-text" >"Water has a voice. It carries a message that tells those downstream who you are and how you care for the land."</p>
                 <footer class="blockquote-footer">Bernie McGurl, Lackawnna River Association
                 </footer>
               </blockquote>
@@ -118,7 +118,7 @@ <h1>Ways to Give:</h1>
             <div class="col-md-5 ways-to-give-img">
               <img src="./img/ways-to-give-1.png" alt="chalfant_run_map">
             </div>
-            <div class="col-md-5 ways-to-give-text">
+            <div class="col-md-5 ways-to-give-text hidden">
               <h2>Join Our Board</h2>
               <p>As a board member, you'll play a pivotal role in strategic planning, advocacy, and decision-making that directly influences the health of our waters and the legacy we leave for future generations. 
               </p>
@@ -130,7 +130,7 @@ <h2>Join Our Board</h2>
             <div class="col-md-5 ways-to-give-img">
               <img id="volunteer-img" src="./img/ways-to-give-2.jpg" alt="chalfant_run_map">
             </div>
-            <div class="col-md-5 ways-to-give-text">
+            <div class="col-md-5 ways-to-give-text hidden">
               <h2>Volunteer</h2>
               <p>Whether you're restoring native plant habitats, monitoring water quality, or engaging the public through educational programs, your efforts contribute to a larger movement toward sustainability and preservation. 
               </p>
@@ -142,7 +142,7 @@ <h2>Volunteer</h2>
             <div class="col-md-5 ways-to-give-img">
               <img src="./img/ways-to-give-3.jpg" alt="chalfant_run_map">
             </div>
-            <div class="col-md-5 ways-to-give-text">
+            <div class="col-md-5 ways-to-give-text hidden">
               <h2>Donate</h2>
               <p>With your support, we can expand our reach, enhance our programs, and accelerate our progress toward a future where people and nature thrive together.
               </p>
@@ -163,13 +163,13 @@ <h1>A Look Back at the <span style="color: #b9effe"> Past Events</span></h1>
           <div class="body-container">
             <div class="events">
                 <img id="firefly" src="img/firefly.png" alt="fireflyhike"/>
-                <h2>Firefly Hike</h2>
+                <h2>Twilight Firefly Hike</h2>
                 <p>Whether we know it or not, we all live in a watershed. The raindrops that fall in our lawns, fields, woods and parking lots ultimately flow into a creek or stream. As a result, the actions we take and the decisions we make with how we use, manage, conserve and value water impact the needs of those downstream, including our fish and wildlife. Our aquifers, springs, creeks, and rivers need you more than ever.
                 <br><br>
                 Come join us this Friday to explore what nature has to offer. This is a paved trail hike, led by our expert guide, Don!
                 </p>
                 <br>
-                <a href="https://m.facebook.com/events/164093532134222/">READ MORE</a>
+                <a href="https://www.instagram.com/p/Cum_UYsxtPO/?igsh=emllMTVzN2pveTlz" target="_blank" >READ MORE</a>
             </div>
             <hr>
             <br>
@@ -194,7 +194,7 @@ <h2>Community Needs Assessment</h2>
                 The Chalfant Run Thompson Run Watershed Association is trying to understand our community needs and wants. We strive to move forward protecting, preserving and restoring our local streams and green spaces. 
                 </p>
                 <br>
-                <a href="https://m.facebook.com/events/164093532134222/">READ MORE</a>
+                <a href="https://forms.gle/5AkVXY6KXyvE4H8G9" target="_blank">READ MORE</a>
             </div>
             <hr>
           </div>

streams.html

@@ -53,7 +53,7 @@
 
     <!--body-->
     <div class="body-container">
-        <h1>A Peak into the Past</h1>
+        <h1>Exploring Pittsburgh's Mining Heritage</h1>
         <div class="timeline">
             <div class="outer">
                 <div class="card hidden">