<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Robert Kahne for JCPS School Board — District 2</title>
  <meta name="description" content="Robert Kahne is running for Jefferson County Public Schools Board of Education, District 2. Learn about the campaign, the issues, and how to get involved." />

  <!-- Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700;900&family=Inter:wght@400;500;600&display=swap" rel="stylesheet" />

  <!-- Leaflet for map -->
  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
  <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" />
  <link rel="stylesheet" href="style.css" />
  <link rel="icon" href="logos/rk_sb_logo.svg" type="image/svg+xml" />

  <!-- Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-5GW6GFYJHM"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-5GW6GFYJHM');
  </script>
</head>
<body>

  <!-- ===== NAVIGATION ===== -->
  <nav id="navbar">
    <div class="nav-inner">
      <a href="#home" class="nav-logo">Robert Kahne for School Board</a>
      <button class="nav-toggle" aria-label="Toggle menu" onclick="toggleMenu()">&#9776;</button>
      <ul class="nav-links" id="navLinks">
        <li><a href="#about">About</a></li>
        <li><a href="#priorities">Priorities</a></li>
        <li><a href="#district-finder">Am I in the District?</a></li>
        <li><a href="#get-involved">Get Involved</a></li>
        <li><a href="#contact">Contact</a></li>
        <li><a href="#donate" class="btn-nav">Donate</a></li>
      </ul>
    </div>
  </nav>

  <!-- ===== HERO ===== -->
  <section id="home" class="hero">
    <div class="hero-logo-col">
      <img src="logos/rk_sb_logo_png.png" alt="Robert Kahne for JCPS School Board" class="hero-logo-img" />
    </div>
    <div class="hero-text-col">
      <h1>Robert Kahne<br /><span>for School Board</span></h1>
      <p class="hero-tagline">Jefferson County Public Schools Board of Education — District&nbsp;2</p>
      <div class="hero-cta">
        <a href="#get-involved" class="btn-primary">Get Involved</a>
        <a href="#donate" class="btn-secondary">Donate</a>
      </div>
    </div>
    <div class="hero-photo-col">
      <img src="img/family_compress.jpg" alt="Robert Kahne and family" class="hero-family-img" />
    </div>
  </section>

  <!-- ===== ABOUT ===== -->
  <section id="about" class="section section-light">
    <div class="container two-col">
      <div class="about-photo-col">
        <img src="img/headshot_compress.jpg" alt="Robert Kahne" class="about-photo" />
      </div>
      <div class="about-text-col">
        <p class="section-label">About the Candidate</p>
        <!-- TODO: Replace with your name -->
        <h2>Meet Robert Kahne</h2>
        <!-- TODO: Write your bio. Suggested structure:
             Paragraph 1: Who you are — your roots in Louisville/Jefferson County, your family, your connection to JCPS.
             Paragraph 2: Your professional background and relevant experience (education, community work, advocacy, etc.).
             Paragraph 3: Why you're running — what you see, what you believe, what you'll fight for.
        -->
        <p>I'm a native Louisvillian and proud graduate of Hite Elementary, Meyzeek Middle, and duPont Manual High School. For most of my adult life, I have lived in Highlands with my wife and daughter (an incoming JCPS Kindergartener). After JCPS, I earned a BA in Political Science and Economics and a Master's in Public Policy from the University of Kentucky. My JCPS education gave me both a strong academic foundation and the chance to learn alongside my community. I'm running for School Board to ensure every student has that same opportunity.</p>
        <p>I believe in JCPS. As the father of an incoming Kindergartner, I feel a personal call to action. Our students, parents, teachers, and staff deserve a school system focused on community building, faculty and staff support, and fiscal responsibility. That means electing board members who ask hard questions, collaborate with leadership to drive real change, and hold themselves accountable.</p>
        <p>Strong public schools are the heartbeat of a successful city. Good public schools create strong community leaders. I am running for School Board because I believe creating and maintaining JCPS's success is the best way I can help make our community better. I'm ready to take on this work with care, enthusiasm, and a commitment to restoring pride in our district.</p>
        <a href="#priorities" class="btn-outline">See My Priorities &darr;</a>
      </div>
    </div>
  </section>

  <!-- ===== PRIORITIES ===== -->
  <section id="priorities" class="section section-dark">
    <div class="container">
      <p class="section-label light">Platform</p>
      <h2>My Priorities for JCPS</h2>
      <p class="section-intro">
        Every decision I make as a board member will be guided by one question: what is best for the students, staff, and families of Jefferson County?
      </p>
      <div class="priorities-grid">

        <div class="priority-card">
          <div class="priority-card-header" onclick="togglePriorityCard(this)">
            <img src="img/icon-growth.png" class="priority-icon-svg" alt="" aria-hidden="true" />
            <h3>Ensure Student Growth</h3>
            <span class="priority-chevron" aria-hidden="true">&#9660;</span>
          </div>
          <p>The first priority of all school districts should be to educate and support its students. However, assessing our students' development and progress is difficult. We must clearly identify strategies to measure student growth, evaluate our progress over time, and make changes as necessary.</p>
        </div>

        <div class="priority-card">
          <div class="priority-card-header" onclick="togglePriorityCard(this)">
            <img src="img/icon-transparency.png" class="priority-icon-svg" alt="" aria-hidden="true" />
            <h3>Promote Transparency and Responsibility</h3>
            <span class="priority-chevron" aria-hidden="true">&#9660;</span>
          </div>
          <p>JCPS achieved financial stability this year by making millions in cuts. We must find responsible and transparent ways to secure and use the resources JCPS needs to succeed.</p>
        </div>

        <div class="priority-card">
          <div class="priority-card-header" onclick="togglePriorityCard(this)">
            <img src="img/icon-champion.png" class="priority-icon-svg" alt="" aria-hidden="true" />
            <h3>Champion JCPS's Success</h3>
            <span class="priority-chevron" aria-hidden="true">&#9660;</span>
          </div>
          <p>Like every school district, JCPS faces real challenges. However, there is so much that makes our school district special. We need leaders who take pride in our district and acknowledge the people throughout the district who are championing and supporting student growth.</p>
        </div>

        <div class="priority-card">
          <div class="priority-card-header" onclick="togglePriorityCard(this)">
            <img src="img/icon-leadership.png" class="priority-icon-svg" alt="" aria-hidden="true" />
            <h3>Provide Strong Leadership</h3>
            <span class="priority-chevron" aria-hidden="true">&#9660;</span>
          </div>
          <p>Our school district belongs to all of us. The leaders entrusted with making decisions about the district carry a heavy responsibility, and I will take that responsibility seriously. It is my pledge to learn all sides of the many issues that come before the board and collect community input so that I can vote proudly, knowledgeably, and clearly for the benefit of our students, faculty, staff, and district.</p>
        </div>

      </div>
    </div>
  </section>

  <!-- ===== DISTRICT FINDER ===== -->
  <section id="district-finder" class="section section-light">
    <div class="container">
      <p class="section-label">Check Your Address</p>
      <h2>Am I in District 2?</h2>
      <p class="section-intro">
        Jefferson County is divided into five school board districts. Enter your address below to see which district you're in — and whether you can vote for this campaign.
      </p>

      <div class="finder-layout">
        <div class="finder-controls">
          <div class="address-form">
            <label for="address-input">Enter your Jefferson County address:</label>
            <div class="address-input-row">
              <input
                type="text"
                id="address-input"
                placeholder="e.g., 527 W Jefferson St, Louisville, KY"
                autocomplete="street-address"
              />
              <button id="lookup-btn" onclick="lookupAddress()">Check Address</button>
            </div>
            <div id="lookup-result" class="lookup-result" aria-live="polite"></div>
          </div>

          <div class="division-legend">
            <h4>JCPS School Board Districts</h4>
            <ul id="legend-list"></ul>
          </div>
        </div>

        <div id="district-map"></div>
      </div>
    </div>
  </section>

  <!-- ===== ENDORSEMENTS (placeholder) ===== -->
  <section id="endorsements" class="section section-accent hidden">
    <div class="container">
      <p class="section-label light">Endorsements</p>
      <h2>Who's Standing With Us</h2>
      <p class="section-intro light">
        <!-- TODO: Add endorsements as you collect them. Until then, this section can be hidden by adding class "hidden" to the section tag. -->
        [ENDORSEMENT INTRO — optional sentence about who endorses you and what that means.]
      </p>
      <div class="endorsements-grid">
        <!-- TODO: Replace each card with a real endorsement. Format: quote, name, title/affiliation. -->
        <div class="endorsement-card">
          <blockquote>"[Quote from endorser about why they support you.]"</blockquote>
          <cite>— [Name], [Title / Affiliation]</cite>
        </div>
        <div class="endorsement-card">
          <blockquote>"[Quote from endorser about why they support you.]"</blockquote>
          <cite>— [Name], [Title / Affiliation]</cite>
        </div>
        <div class="endorsement-card">
          <blockquote>"[Quote from endorser about why they support you.]"</blockquote>
          <cite>— [Name], [Title / Affiliation]</cite>
        </div>
      </div>
    </div>
  </section>

  <!-- ===== GET INVOLVED ===== -->
  <section id="get-involved" class="section section-light">
    <div class="container">
      <p class="section-label">Join the Campaign</p>
      <h2>Get Involved</h2>
      <p class="section-intro">This campaign is powered by neighbors who care about Jefferson County kids. Here's how you can help.</p>
      <div class="involve-grid">
        <div class="involve-card">
          <h3>Sign Up for Updates</h3>
          <p>Stay informed about events, news, and ways to help.</p>
          <form class="signup-form" onsubmit="handleSignup(event)">
            <input type="text" name="name" placeholder="Your name" required />
            <input type="email" name="email" placeholder="Email address" required />
            <input type="tel" name="phone" placeholder="Phone (optional)" />
            <button type="submit" class="btn-primary">Sign Up</button>
          </form>
        </div>
        <div class="involve-card">
          <h3>Sign Up to Volunteer</h3>
          <p>From knocking doors and phone banking to hosting events in your neighborhood — there are many ways to help elect Robert Kahne. Get in touch and we'll find the right fit for you.</p>
          <a href="#contact" class="btn-outline">Contact Us to Volunteer</a>
        </div>
      </div>
    </div>
  </section>

  <!-- ===== DONATE ===== -->
  <section id="donate" class="section section-dark">
    <div class="container donate-container">
      <p class="section-label light">Support the Campaign</p>
      <h2>Chip In Today</h2>
      <p class="section-intro light">
        Small-dollar donations from neighbors like you fuel our field operation — yard signs, lit drops, canvassing supplies, and more.
        <!-- TODO: Confirm Kentucky campaign finance rules for school board races and add any required disclosure language here. -->
      </p>
      <div class="donate-amounts">
        <button class="donate-btn" onclick="setDonate(25,this)">$25</button>
        <button class="donate-btn" onclick="setDonate(50,this)">$50</button>
        <button class="donate-btn" onclick="setDonate(100,this)">$100</button>
        <button class="donate-btn" onclick="setDonate(250,this)">$250</button>
        <button class="donate-btn" onclick="setDonate(500,this)">$500</button>
      </div>
      <!-- TODO: Replace this placeholder with your actual fundraising link (ActBlue, Anedot, etc.) -->
      <a id="donate-link" href="#" class="btn-primary large" target="_blank" rel="noopener">
        Donate $25 &rarr;
      </a>
      <p class="donate-disclaimer">
        Paid for by Robert Kahne for School Board | Elizabeth Howell, Treasurer
      </p>
    </div>
  </section>

  <!-- ===== CONTACT ===== -->
  <section id="contact" class="section section-light">
    <div class="container contact-container">
      <p class="section-label">Reach Out</p>
      <h2>Contact the Campaign</h2>
      <div class="contact-layout">
        <div class="contact-info">
          <!-- TODO: Fill in your actual campaign contact info -->
          <p><strong>Email:</strong> <a href="mailto:robert@kahneforschoolboard.com">robert@kahneforschoolboard.com</a></p>
          <div class="social-links">
            <a href="https://www.facebook.com/profile.php?id=61590419901947" class="social-btn" aria-label="Facebook" target="_blank" rel="noopener"><i class="fa-brands fa-facebook-f"></i> Facebook</a>
            <a href="https://www.instagram.com/kahneforschoolboard/" class="social-btn" aria-label="Instagram" target="_blank" rel="noopener"><i class="fa-brands fa-instagram"></i> Instagram</a>
          </div>
        </div>
        <form class="contact-form" onsubmit="handleContact(event)">
          <input type="text" name="name" placeholder="Your name" required />
          <input type="email" name="email" placeholder="Email address" required />
          <textarea name="message" rows="5" placeholder="Your message" required></textarea>
          <button type="submit" class="btn-primary">Send Message</button>
        </form>
      </div>
    </div>
  </section>

  <!-- ===== FOOTER ===== -->
  <footer>
    <div class="container footer-inner">
      <div class="footer-brand">
        <img src="logos/rk_sb_logo_png.png" alt="Kahne for JCPS School Board" class="footer-logo-img" />
        <p class="footer-name">Robert Kahne for JCPS School Board District 2</p>
      </div>
      <nav class="footer-nav">
        <a href="#about">About</a>
        <a href="#priorities">Priorities</a>
        <a href="#district-finder">District Finder</a>
        <a href="#get-involved">Get Involved</a>
        <a href="#donate">Donate</a>
        <a href="#contact">Contact</a>
        <a href="https://www.facebook.com/profile.php?id=61590419901947" target="_blank" rel="noopener" aria-label="Facebook"><i class="fa-brands fa-facebook-f"></i> Facebook</a>
        <a href="https://www.instagram.com/kahneforschoolboard/" target="_blank" rel="noopener" aria-label="Instagram"><i class="fa-brands fa-instagram"></i> Instagram</a>
      </nav>
      <p class="footer-disclaimer">
        Paid for by Robert Kahne for School Board | Elizabeth Howell, Treasurer<br />
        &copy; <span id="year"></span> Robert Kahne for JCPS School Board. All rights reserved.
      </p>
    </div>
  </footer>

  <script src="app.js"></script>
</body>
</html>
