Merge pull request #70 from code4policy/add-menber-eleonore

Add menber eleonore

public/index.html

@@ -271,7 +271,8 @@ <h1 class="centered-header">Housing Stability Resource Guide</h1>
 
 
   <div class="container">
-      <h1>WHO ARE YOU</h1>
+      <h1>Which of the following best describes your situation?</h1>
+      <h2>Finding and keeping a home can be stressful. The City of Boston can help.</h2>
     <div class="role-selection">
       <button id="renterBtn" class="role-btn">I am a Renter</button>
       <button id="homeownerBtn" class="role-btn">I am a Homeowner</button>
@@ -313,7 +314,7 @@ <h2 class="section-header">Learn More About Boston's Anti-Displacement Work</h2>
         <button id="toggle-chart" class="vscode" onclick="redirectToPage()">Learn More About the 4Ps</button>
       </div>
       <div class="button-container">
-        <button id="success-stories" class="vscode">How is Boston Improving Access to Housing?</button>
+        <button id="success-stories" class="vscode" onclick="redirectToSuccessPage()">How is Boston Improving Access to Housing?</button>
       </div>
     </div>
     <div class="report-links">

public/our-team/index.html

@@ -12,6 +12,7 @@
        This website was created as a student project for Harvard Kennedy School's class DPI 691: Programming and Data for Policymakers.
       </p>
 
+
   <div class="card">
    <img class="card-img" src="eleonore-image.jpg" alt="Eleonore WEN" style="float: left; margin-right: 10px; max-width: 270px; height: auto;">
   <div class="text-content">
@@ -46,7 +47,7 @@
       Enxian Fu is a dynamic professional with expertise in natural language processing, machine learning, and AI chatbot development. He has a strong background in programming, data analysis, and deploying large language models to solve complex challenges.
     </p>
     <p class="text-blk description">
-      ith a passion for environmental policy and technological innovation, Enxian integrates cutting-edge AI tools into impactful projects, including climate policy classification and data-driven solutions. He enjoys collaborating across disciplines to drive meaningful change.
+      With a passion for environmental policy and technological innovation, Enxian integrates cutting-edge AI tools into impactful projects, including climate policy classification and data-driven solutions. He enjoys collaborating across disciplines to drive meaningful change.
     </p>
 
   </div>
@@ -71,9 +72,11 @@
       She has extensive experience in U.S. policymaking and oversight of Federal government programs. She has previously served as a Professional Staff Member for the House Committee on Homeland Security. 
     </p>
 
+
   </div>
 
 </div>
+
 <p> </p>
 <div class="card">
    <img class="card-img" src="YB-Headshot.png" alt="Yash Bajaj" style="float: left; margin-right: 10px; max-width: 270px; height: auto;">

public/script.js

@@ -162,4 +162,8 @@ homeownerBtn.addEventListener('click', () => {
 function redirectToPage() {
     // Redirects to the target page
     window.location.href = '4p-pages/4-p.html';
-  }
+  }
+
+  function redirectToSuccessPage() {
+    window.location.href = 'storypage/index.html';
+}

public/storypage/index.html

@@ -273,7 +273,7 @@ <h1>Making Boston a City for Everyone</h1>
     </section>
 
     <section id="data" class="data-section">
-        <h2>Program Impact Data</h2>
+      <h2 class="section-header">4P Strategy Impact Data</h2>
         <div class="chart-container">
             <div class="chart">
                 <h3>Housing Retention Rate</h3>
@@ -291,39 +291,39 @@ <h3>Green Space Additions</h3>
     </section>
 
     <section id="policies" class="case-studies">
-        <h2>Explore Their Stories</h2>
+      <h2 class="section-header">Explore Their Stories</h2>
         <div class="carousel-container">
             <button class="carousel-arrow prev">‹</button>
             <div class="carousel">
-                <div class="card" style="background-image: url('https://images.pexels.com/photos/4093051/pexels-photo-4093051.jpeg')">
+                <div class="card" style="background-image: url('Forbes.png')">
                     <div class="card-content">
                         <h3>Forbes Building Protection Plan</h3>
                         <p>Preserved housing stability for 147 families through refinancing and sustainability upgrades</p>
                         <a href="https://www.mass.gov/news/healey-driscoll-and-wu-administrations-announce-plan-to-protect-affordable-housing-at-jamaica-plain-development" class="btn" target="_blank">Read Full Story</a>
                     </div>
                 </div>
-                <div class="card" style="background-image: url('https://images.pexels.com/photos/4093051/pexels-photo-4093051.jpeg')">
+                <div class="card" style="background-image: url('test2.png')">
                     <div class="card-content">
-                        <h3>Preserving Chinatown's Historic Community</h3>
+                        <h3>Rebuild Chinatown Community</h3>
                         <p>Affordable housing initiatives helped Chinese residents and business owners sustain their livelihoods</p>
                         <a href="#" class="btn">Read Full Story</a>
                     </div>
                 </div>
-                <div class="card" style="background-image: url('https://images.pexels.com/photos/4093051/pexels-photo-4093051.jpeg')">
+                <div class="card" style="background-image: url('test3.png')">
                     <div class="card-content">
                         <h3>Supporting Families in Dorchester</h3>
                         <p>Extended lease terms and rental assistance ensured long-term housing security</p>
                         <a href="#" class="btn">Read Full Story</a>
                     </div>
                 </div>
-                <div class="card" style="background-image: url('https://images.pexels.com/photos/4093051/pexels-photo-4093051.jpeg')">
+                <div class="card" style="background-image: url('test4.png')">
                     <div class="card-content">
                         <h3>Forbes Building Protection Plan</h3>
                         <p>Preserved housing stability for 147 families through refinancing and sustainability upgrades</p>
                         <a href="https://www.mass.gov/news/healey-driscoll-and-wu-administrations-announce-plan-to-protect-affordable-housing-at-jamaica-plain-development" class="btn" target="_blank">Read Full Story</a>
                     </div>
                 </div>
-                <div class="card" style="background-image: url('https://images.pexels.com/photos/4093051/pexels-photo-4093051.jpeg')">
+                <div class="card" style="background-image: url('test5.png')">
                     <div class="card-content">
                         <h3>Forbes Building Protection Plan</h3>
                         <p>Preserved housing stability for 147 families through refinancing and sustainability upgrades</p>

public/storypage/styles.css

@@ -20,16 +20,15 @@ h1, h3 {
     color: var(--primary-color);
 }
 
-h2 {
+.section-header {
+    text-align: center;
+    margin-top: 30px;
+    font-size: 40px;
     font-family: 'Montserrat', sans-serif;
+    color: #091f2f;
+    text-transform: uppercase;
     font-weight: 700;
-    color: var(--primary-color);
-    font-size: 2.5rem;
-    text-align: center;
-    margin: 2rem 0;
-    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
 }
-
 nav {
     padding: 1rem 2rem;
     position: sticky;