113 lines
4.2 KiB
HTML
113 lines
4.2 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">
|
|
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/">📢 I found these current events and recent articles interesting.</a>
|
|
</p>
|
|
<p>
|
|
<a class="btn" href="/now/">📆 I regularly write updates on what I'm doing now.</a>
|
|
</p>
|
|
<p>
|
|
<a class="btn" href="/resources/">📚 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>🖥 <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 }} |