ethanyoo.com/layouts/index.html

114 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.name }}</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.author.pronouns }}</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.name }}"
/>
<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.author.LinkedIn }}">
<img class="linkedin" src="/img/icon/linkedin.svg"></img>LinkedIn
</a>
<a class="link-letterboxd" rel="me" href="{{ .Site.Params.author.Letterboxd }}">
<img class="letterboxd" src="/img/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.name }} is licensed under {{ .Site.Copyright }}"
title="{{ .Site.Params.copyrightMessage }}"
/>
</a>
<p>
<b>
<a class="u-email email" rel="me" href="mailto:{{ .Site.Params.author.email }}">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.author.email }}">(Keyoxide)</a>.
</b>
</p>
<a class="link-nextcloud" href="https://nextcloud.com/sharing#eyoo@share.mayfirst.org">
<img
src="/img/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.author.Gitea }}" />
<link rel="me" href="{{ .Site.Params.author.GitLab }}" />
<link rel="me" href="{{ .Site.Params.author.Mastodon }}" />
{{- end }}