imehtn · imehtn · Jul 5, 2025 · Jul 1, 2025 · Jul 1, 2025 · Jul 1, 2025
diff --git a/images/picture1.jpeg b/images/picture1.jpeg
diff --git a/images/picture4.jpeg b/images/picture4.jpeg
diff --git a/index.html b/index.html
@@ -6,81 +6,112 @@
   <title>Semillas</title>
   <link rel="stylesheet" href="styles/main.css">
 </head>
+<script>
+  document.addEventListener('contextmenu', function(e) {
+    e.preventDefault();
+  }, false);
+</script>
+
 <body>
   <header>
-    <h1>Welcome To   <span class = "semillas-highlight">Semillas</span></h1>
-    <nav>
-      <a href="index.html" class = "nav-button">Home</a>
-      <a href="mentors.html" class = "nav-button">Mentors</a>
-    </nav>
+    <h1><span class = "semillas-highlight">Semillas</span></h1>
+    <h1>Growing Latino Leaders at The Ohio State University</h1>
   </header>
 
-    <div class="scrolling-banner">
-        <div class="scrolling-content">
-            <span>Heritage Community Learning Support Heritage Community Learning Support</span>
+   <div class="wrapper">
+        <div class="scrolling-banner">
+            <div class="scrolling-content">
+                <span>Mentorship Community Guidance Support Mentorship Community Guidance Support</span>
+            </div>
         </div>
-    </div>
+        <div class = "inner-wrapper">
+          <div class="track">
+              <div class="logo"><img src="images/picture1.jpeg" draggable="false"/></div>
+              <div class="logo"><img src="images/picture2.JPEG" draggable="false"/></div>
+              <div class="logo"><img src="images/picture3.jpeg" draggable="false"/></div>
+              <div class="logo"><img src="images/picture4.jpeg" draggable="false"/></div>
+              <div class="logo"><img src="images/picture5.jpeg" draggable="false"/></div>
+              <div class="logo"><img src="images/picture6.JPEG" draggable="false"/></div>
 
-  <!-- Slideshow -->
-  <section class="slideshow">
-    <div class = "slides-wrapper">
-        <div class="slides">
-            <img src="images/picture2.JPEG" class="active"  alt="Slide 1"/>
-            <img src="images/picture3.jpeg"  alt="Slide 2" />
-            <img src="images/picture4.jpeg"  alt="Slide 3" />
-            <img src="images/picture5.jpeg"  alt="Slide 4" />
-            <img src="images/picture6.JPEG"  alt="Slide 5" />
-        </div> 
+              <!-- Duplicate set for smooth looping -->
+              <div class="logo"><img src="images/picture1.jpeg" draggable="false"/></div>
+              <div class="logo"><img src="images/picture2.JPEG" draggable="false"/></div>
+              <div class="logo"><img src="images/picture3.jpeg" draggable="false"/></div>
+              <div class="logo"><img src="images/picture4.jpeg" draggable="false"/></div>
+              <div class="logo"><img src="images/picture5.jpeg" draggable="false"/></div>
+              <div class="logo"><img src="images/picture6.JPEG" draggable="false"/></div>
+          </div>
+        </div>
     </div>
 
-      <!-- Arrows -->
-    <button class="prev">&#10094;</button>
-    <button class="next">&#10095;</button>
-
-    <!-- Dots -->
-    <div class="dots"></div>
-  </section>
+    <nav>
+      <a href="index.html" class = "nav-button">Home</a>
+      <a href="mentors.html" class = "nav-button">Mentors</a>
+    </nav>
 
   <main>
     <section id="mission">
-      <h2>Our Mission</h2>
-      <p>
-        Semillas mission is to empower Latino undergraduate students 
-        by fostering a strong, supportive community rooted in shared cultural 
-        identity in the Latine/Hispanic community. Through intentional 
-        mentorship, we provide academic guidance, professional development, and
-        a supportive community, cultivating students into leaders who are 
-        confident, connected, and prepared to thrive in all aspects of their 
-        collegiate journey and beyond.      
+      <h2>OUR MISSION</h2>
+      <p class="mission-text">
+        At Semillas, we empower Latino undergraduate students by cultivating a strong, supportive community rooted in shared cultural identity.</p>
+      <p> Through intentional mentorship, we provide 
+        <strong>📘 academic guidance</strong>, 
+        <strong>🌱 professional development</strong>, and 
+        <strong>🌍 cultural affirmation</strong>—nurturing students into leaders who are 
+        <strong>💡 confident</strong>, 
+        <strong>🤝 connected</strong>, and 
+        <strong>🚀 prepared</strong> to thrive throughout college and beyond.
       </p>
     </section>
 
     <section id="why-join">
-      <h2>Why Join?</h2>
+      <h2>WHY JOIN?</h2>
+      <p>
+        Semillas empowers Latino undergraduate students by planting the seeds of 
+        <strong>academic success</strong>, <strong>professional growth</strong>, and 
+        <strong>cultural pride</strong>.
+      </p>
       <p>
-        Semillas empowers Latino undergraduate students by planting the seeds 
-        of academic success, professional growth, and cultural pride. Rooted 
-        in shared identity and community, we offer intentional mentorship 
-        that helps students grow into confident, connected leaders—ready to 
-        thrive at every stage of their college journey and beyond.
+        Rooted in <em>shared identity</em> and <em>community</em>, we offer 
+        intentional mentorship that helps students grow into 
+        <strong>confident</strong>, <strong>connected leaders</strong>—ready to thrive 
+        in every chapter of their college journey and beyond.
+      </p>
       </p>
     </section>
 
+    <h2 class = "meetcoordinators">Meet The Coordinator</h2>
+
     <section class="coordinator">
         <div class="coordinator-content lauren">
             <img src="images/lauren.png" alt="Lauren" class="coordinator-photo">
             <div class="coordinator-text">
-            <h2>Lauren</h2>
-            <p>Lauren is passionate about community-building and educational outreach...</p>
+              <h2>Lauren Gonzalez</h2>
+              <p><strong>🎓 Education:</strong> Bachelor of Arts in Public Management, Leadership, and Policy  
+              <br>Minors in Civic Engagement and Latinx Studies</p>
+
+              <p><strong>🌟 Involvement:</strong>  
+              Proud alumna of the Morrill Scholarship Program, Alpha Psi Lambda National Inc., Multicultural Greek Council,  
+              Sphinx Senior Honorary, and the Latine Student Success Center</p>
+
+              <p><strong>🌈 Legacy:</strong> Founder of <em>Teal Week</em>—an initiative rooted in community and healing</p>
+
+              <p><strong>📍 Hometown:</strong> San Antonio, Texas</p>
             </div>
         </div>
         </section>
 
+    <h2 class = "meetcoordinators">Meet The Coordinator</h2>
+
     <section class="coordinator">
         <div class="coordinator-content katelyn">
             <div class="coordinator-text">
-            <h2>Katelyn</h2>
-            <p>Katelyn brings a strong background in mentorship and cultural preservation...</p>
+            <h2>Katelyn Vazquez</h2>
+              <p><strong>🎓 Education:</strong> Bachelor of Science in Social Work  
+              <p><strong>🌟 Involvement:</strong>  
+              Proud alumna of the Morrill Scholarship Program, The PrEvailing Pi Epsilon Chapter of Sigma Lambda Gamma National Sorority, Inc., Greek Programming Board,   
+              National Association of Social Workers, SWIM Ohio Network, and the Latine Student Success Center</p>
+              <p><strong>📍 Hometown:</strong> Akron, Ohio</p>
             </div>
             <img src="images/katelyn.png" alt="Katelyn" class="coordinator-photo">
         </div>
@@ -89,7 +120,24 @@ <h2>Katelyn</h2>
   </main>
 
   <footer>
-    <p>&copy; 2025 Semillas Program</p>
+    <p class = "footer">&copy; 2025 Semillas Program</p>
   </footer>
 </body>
 </html>
+
+
+<script>
+  const observer = new IntersectionObserver((entries) => {
+    entries.forEach(entry => {
+      if (entry.isIntersecting) {
+        entry.target.classList.add('visible');
+      } else {
+        entry.target.classList.remove('visible'); // 👈 allows re-triggering
+      }
+    });
+  }, {
+    threshold: 0.1
+  });
+
+  document.querySelectorAll('.coordinator').forEach(el => observer.observe(el));
+</script>
diff --git a/mentors.html b/mentors.html
@@ -8,7 +8,8 @@
 </head>
 <body>
   <header>
-    <h1>Welcome To <span class = "semillas-highlight">Semillas</span></h1>
+    <h1><span class = "semillas-highlight">Semillas</span></h1>
+    <h1>Growing Latino Leaders at The Ohio State University</h1>
     <nav>
       <a href="index.html" class = "nav-button">Home</a>
       <a href="mentors.html" class = "nav-button">Mentors</a>