ethanyoo.com/layouts/index.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.authorLinkedIn }}" >I have a LinkedIn profile</a>. &#128204;</p>
			<p>&#127916; <a rel="me" href="{{ .Site.Params.authorLetterboxd }}" >I use Letterboxd, "the social network for film lovers."</a> &#127916;</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="/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 }}