{{ define "header" }}
  <header>
    {{ "<!-- For more information on microformats, read the source code comments -->" | safeHTML }}
    <div class="center h-card vcard">
      <!-- 
        For basic h-card validation, visit 'Publishing on the IndieWeb' at 
        https://indiewebify.me/validate-h-card/
        
        For complete results, try parsing this page with the 'PHP Microformats Parser' 
        at https://pin13.net/mf2/
        
        Examples for writing 'backward compatible' h-card markup available at 
        https://microformats.org/wiki/microformats2#authoring
      -->
      <a class="p-name fn u-url url link-000" href="/">
        <h1>{{ .Site.Params.author }}</h1>
      </a>
      <!-- 
        New properties (including gender identity) listed at 
        https://microformats.org/wiki/rfc-6350 
      -->
      <h3>
        Pronouns: 
        <span class="p-gender-identity gender">{{ .Site.Params.authorPronouns }}</span>
      </h3>
      <p class="p-note">
        I am a data enthusiast skilled in data management, qualitative and 
        quantitative data analysis, and low-code automation. My research interests 
        include disability, health equity, poverty, and social policy. I am also 
        an advocate for digital rights and free culture, and I maintain 
        <a href="/resources/">a page with useful resources</a>.
      </p>
      <img 
        class="u-photo photo" 
        src="/me.jpg" 
        alt="Photo of an East Asian man wearing a dark gray suit and a floral tie" 
        title="{{ .Site.Params.author }}" 
      />
      <p>
        My guiding principles draw from disability justice and the ethics of care; 
        these principles are connected to current sociopolitical issues and my 
        commitment to progressive social change.
      </p>
    </div>
  </header>
{{- end }}

{{ define "main" }}
  <main>
    <div class="center">
      <h2>Where should you go from here?</h2>
      <p>
        <a class="btn" href="/links/">&#128226; I found these current events and recent articles interesting.</a>
      </p>
      <p>
        <a class="btn" href="/now/">&#128198; I regularly write updates on what I'm doing now.</a>
      </p>
      <p>
        <a class="btn" href="/resources/">&#x1F4DA; You can browse my recommended resources.</a>
      </p>
      <h2>Elsewhere</h2>
      <a class="link-linkedin" rel="me" href="{{ .Site.Params.authorLinkedIn }}">
        <img class="linkedin" src="icon/linkedin.svg"></img>LinkedIn
      </a>
      <a class="link-letterboxd" rel="me" href="{{ .Site.Params.authorLetterboxd }}">
        <img class="letterboxd" src="icon/letterboxd.svg"></img>Letterboxd
      </a>
    </div>
  </main>

<footer>
  <div class="center">
    <br>
    <a class="link-000" href="https://ForTheBadge.com/">
      <img 
        src="/img/built-with-love.svg" 
        alt="This site was built with love, using Git and Hugo." 
        title="I also used Git and Hugo." 
      />
    </a>
    <a class="link-000" href="{{ .Site.Params.license }}">
      <img 
        src="/img/CC-BY-SA.svg" 
        alt="Original content by {{ .Site.Params.author }} is licensed under {{ .Site.Copyright }}" 
        title="{{ .Site.Params.copyrightMessage }}" 
      />
    </a>
    <p>
      <b>
        <a class="u-email email" rel="me" href="mailto:{{ .Site.Params.authorEmail }}">Contact me</a>. 
        <a href="/privacy/" >Privacy</a>. 
        <a rel="pgpkey" href="/ethan.asc.txt">Public key</a> 
        <a href="https://keyoxide.org/{{ .Site.Params.authorEmail }}">(Keyoxide)</a>.
      </b>
    </p>
    <a class="link-nextcloud" href="https://nextcloud.com/sharing#eyoo@share.mayfirst.org">
      <img 
        src="/icon/nextcloud.svg" 
        class="nextcloud" 
        alt="Share with me via Nextcloud!" 
        title="Federated Cloud ID makes it possible to share across Nextcloud and other Open Cloud Mesh (OCM) compatible servers!" 
      /> 
      Share with me via Nextcloud!
    </a>
    <p>&#128421; <a href="/cloudflare/" ><i>Where is this website hosted?</i></a> &#128421;</p>
  </div>
</footer>

{{ "<!-- For more content -->" | safeHTML }}
<link rel="me" href="{{ .Site.Params.authorGitea }}" />
<link rel="me" href="{{ .Site.Params.authorGitLab }}" />
<link rel="me" href="{{ .Site.Params.authorWriteFreely }}" />
{{- end }}