from build import pic, page_hero
from render import partner_logos, person
import content as C

ABOUT = dict(
    path="about/", title="About Us — HERO",
    desc="Our legacy, the HERO Board of Directors and Advisory Board, and the HERO community of partner organizations.",
    body=page_hero("About Us", "About Us", "A HERO for the environment",
                   "Focused on marine and rain forest ecology and environmental justice for our fragile marine environment.",
                   bg="images/bokeh-blue.jpg", bg_key="banner-about", bg_alt="Blue light under water") + f'''
<section class="band" id="legacy"><div class="wrap">
  <div class="split">
    <div class="prose">
      <div class="eyebrow">Our Legacy</div>
      <h2>Frank and Theresa Hannig</h2>
      <p>Frank Hannig was a marine environmental enthusiast and international scuba diver. He served in many capacities in the local community, including as Foreman of the local Grand Jury. His wife, Theresa Hannig, was an educator and taught school in several communities, including Redwood City. They both were selected as Outstanding Citizens for their work for dozens of non-profits.</p>
      <p>Hannig Environmental Research Organization (HERO) pays tribute to their combined talents and interests — focusing on marine and rain forest ecology and environmental justice for our fragile marine environment.</p>
      <p>HERO grew out of the Hannig family's charitable sailing event, the <a href="https://hannigcupglobal.org/" rel="noopener">Hannig Cup</a>, and is recognized by the IRS as a 501(c)(3) non-profit charity (Tax ID 92-1108128).</p>
    </div>
    <div class="ph square">{pic("about-frank-theresa", "images/board/frank-and-theresa-hannig.jpg", "Frank and Theresa Hannig")}</div>
  </div>
</div></section>

<section class="band white" id="board"><div class="wrap">
  <div class="section-head"><div><div class="eyebrow">Leadership</div><h2>HERO Board of Directors</h2><p>Focused on marine and rain forest ecology and environmental justice for our fragile marine environment.</p></div></div>
  <div class="people">{"".join(person(p) for p in C.BOARD)}</div>
  <h2 id="advisory" style="margin-top:3rem">HERO Advisory Board</h2>
  <div class="people">{"".join(person(p) for p in C.ADVISORY)}</div>
</div></section>

<section class="band" id="community"><div class="wrap">
  <div class="center"><div class="eyebrow">HERO Community</div><h2>The non-profit organizations we support and collaborate with</h2></div>
  {partner_logos()}
</div></section>

<section class="band white"><div class="wrap prose">
  <h2 id="transparency">Transparency</h2>
  <p>HERO is recognized by the IRS (Tax ID 92-1108128) as a 501(c)(3) non-profit tax-exempt charity and as a tax-exempt charity by the State of California. Donations are deductible as allowed by law; consult your tax advisor for further information.</p>
  <h2 id="contact">Contact</h2>
  <p>The fastest way to reach us is the <a href="{{R}}contact/"><strong>contact form</strong></a>. Email: <a data-cfg-mailto="org.email" href="mailto:info@heroonline.org">info@heroonline.org</a></p>
  <h2 id="privacy">Privacy</h2>
  <p>We collect only what you give us (an email address if you write to us or donate). We do not sell or share personal information. Donations are processed by our payment provider under its own privacy policy. By making a donation you agree to be identified as a HERO donor.</p>
  <h2 id="terms">Terms of use</h2>
  <p>Educational materials on this site are free for non-commercial classroom use with attribution to HERO. Articles in the HERO Hub are summarized by HERO and link to their original publishers, who own them.</p>
</div></section>
''')

PAGES = [ABOUT]