53 lines
3.5 KiB
HTML
53 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>📢 <a href="/links/" >I found these current events and recent articles interesting</a>. 📢</p>
|
|
<p>📆 <a href="/now/" >I regularly write updates on what I'm doing now</a>. 📆</p>
|
|
<p>📙 <a href="/resources/" >You can browse my recommended resources</a>. 📙</p>
|
|
<h2>Elsewhere</h2>
|
|
<p>📚 <a href="https://ethan.yoois.me/" >I created a personal wiki</a>. 📚</p>
|
|
<p>📌 <a rel="me" href="{{ .Site.Params.authorLinkedIn }}" >I have a LinkedIn profile</a>. 📌</p>
|
|
<p>🎬 <a rel="me" href="{{ .Site.Params.authorLetterboxd }}" >I use Letterboxd, "the social network for film lovers."</a>. 🎬</p>
|
|
<p>🙌 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>! 🙌</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="/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>🖥 <a href="/cloudflare/" ><i>Where is this website hosted?</i></a> 🖥</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 }}
|