2024-08-30 05:04:14 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<%- include("../components/page-head.ejs") %>
|
|
|
|
|
<body>
|
|
|
|
|
<main>
|
|
|
|
|
<h1>about</h1>
|
2024-08-31 05:57:23 +00:00
|
|
|
<p>who runs abtmtr.link?</p>
|
2024-08-30 05:04:14 +00:00
|
|
|
<h2>MeowcaTheoRange's h-card</h2>
|
2024-08-31 05:57:23 +00:00
|
|
|
<p>hey, i'm MeowcaTheoRange.<br />i run abtmtr.link, for the most part.</p>
|
2024-08-31 20:11:34 +00:00
|
|
|
<section class="h-card">
|
2024-08-30 05:04:14 +00:00
|
|
|
<h3><span class="p-name">Theo Range</span>
|
|
|
|
|
(<span class="p-nickname">MeowcaTheoRange</span>)</h3>
|
|
|
|
|
<p class="nomargin">(<span class="p-honorific-prefix">Mx.</span>
|
|
|
|
|
<span class="p-given-name">Theo</span>
|
|
|
|
|
<span class="p-family-name">Range</span>)</p>
|
|
|
|
|
<p class="nomargin">
|
|
|
|
|
<span class="p-gender-identity">Non-binary</span>,
|
|
|
|
|
<span class="p-pronouns">they/them</span>
|
|
|
|
|
</p>
|
2024-08-31 08:01:59 +00:00
|
|
|
<p><img class="u-photo" src="https://abtmtr.link/favicon.ico" height="72" width="72"></p>
|
2024-08-30 05:04:14 +00:00
|
|
|
<p class="nomargin">
|
|
|
|
|
<a class="u-url" href="https://abtmtr.link/">website</a>,
|
|
|
|
|
<a class="u-email" href="mailto:me@abtmtr.link">email</a>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="nomargin">
|
|
|
|
|
born <time class="dt-bday">2007-08-07</time>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="p-adr nomargin">
|
|
|
|
|
<span class="p-region">Minnesota</span>,
|
|
|
|
|
<span class="p-country-name">USA</span>
|
|
|
|
|
</p>
|
2024-08-31 20:11:34 +00:00
|
|
|
</section>
|
2024-08-31 08:01:59 +00:00
|
|
|
<% if (cl["@attr"] != null && cl["@attr"].nowplaying) { %>
|
|
|
|
|
<h2>MeowcaTheoRange is currently listening to</h2>
|
|
|
|
|
<% } else { %>
|
|
|
|
|
<h2>MeowcaTheoRange last listened to (<%= getRelativeTime(cl.date.uts * 1000) %>)</h2>
|
|
|
|
|
<% } %>
|
|
|
|
|
<p style="float: inline-start; margin-block: 0; margin-inline-end: 2ch;"><img class="u-photo" src="<%= cl.image[2]["#text"] %>" height="72" width="72"></p>
|
|
|
|
|
<p class="clearfix">
|
|
|
|
|
<%= cl.name %><br />
|
2024-08-31 08:11:23 +00:00
|
|
|
<span style="opacity: 0.5;"><%= cl.album["#text"] %></span><br />
|
2024-08-31 08:01:59 +00:00
|
|
|
<%= cl.artist.name %><br />
|
|
|
|
|
<a href="<%= cl.url %>" target="_blank">See on Last.fm</a>
|
|
|
|
|
</p>
|
2024-08-30 05:04:14 +00:00
|
|
|
<h2>MeowcaTheoRange's links</h2>
|
|
|
|
|
<p>where else is MeowcaTheoRange?</p>
|
|
|
|
|
<ul>
|
|
|
|
|
<% links.forEach((link) => { %>
|
|
|
|
|
<li><h3><a href="<%= link.link %>" target="_blank"><%= link.title %> / <%= new URL(link.link).hostname %></a></h3>
|
|
|
|
|
<p class="nomargin"><%= link.subtitle %></p>
|
|
|
|
|
</li>
|
|
|
|
|
<% }) %>
|
|
|
|
|
</ul>
|
|
|
|
|
</main>
|
|
|
|
|
<%- include("../components/footer.ejs") %>
|
2024-08-31 07:08:51 +00:00
|
|
|
<%- include("../components/post-main.ejs") %>
|
2024-08-30 05:04:14 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
