ethanyoo.com/layouts/index.html

52 lines
3.5 KiB
HTML

{{ 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">My guiding principles draw from disability justice and the ethics of care. These principles are connected to current sociopolitical issues (e.g., mass incarceration) and my dedication to social change.</p>
<img class="u-photo photo" src="/me.jpg?v2" alt="Photo of an East Asian man standing in front of a brick wall while looking away from the camera." title="{{ .Site.Params.author }}" />
<p>As an advocate for digital rights and free culture, I maintain <a href="/resources/" >a page with useful resources</a>. I am currently serving as an AmeriCorps VISTA member, building capacity in data analysis and visualization.</p>
</div>
</header>
{{- end }}
{{ define "main" }}
<main>
<div class="center">
<h2>Where should you go from here?</h2>
<p>&#128226; <a href="/links/" >I found these current events and recent articles interesting</a>. &#128226;</p>
<p>&#128198; <a href="/now/" >I regularly write updates on what I'm doing now</a>. &#128198;</p>
<p>&#128217; <a href="/resources/" >You can browse my recommended resources</a>. &#128217;</p>
<h2>Elsewhere</h2>
<p>&#128218; <a href="https://ethan.yoois.me/" >I created a personal wiki</a>. &#128218;</p>
<p>&#128204; <a rel="me" href="{{ .Site.Params.authorMastodon }}" >I use Mastodon, a federated alternative to Twitter</a>. &#128204;</p>
<p>&#128588; This website is a member of <a href="https://512kb.club/"><b>The 512KB Club</b></a> and <a href="https://nojs.club/"><b>The NoJS Club</b></a>! &#128588;</p>
</div>
</main>
<footer>
<div class="center">
<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="{{ .Site.Params.authorLetterboxd }} " >Letterboxd</a>. <a href="{{ .Site.Params.authorLinkedIn }} " >LinkedIn</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>
<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 }}