abtmtr-v13/views/pages/about.ejs

71 lines
No EOL
2.9 KiB
Text

<!DOCTYPE html>
<html>
<%- include("../components/page-head.ejs") %>
<body>
<main>
<h1>about</h1>
<p>who runs abtmtr.link?</p>
<h2>MeowcaTheoRange's h-card</h2>
<p>hey, i'm MeowcaTheoRange.<br />i run abtmtr.link, for the most part.</p>
<section class="h-card">
<h3><span class="p-name">Theo Range</span>
(<span class="p-nickname">MeowcaTheoRange</span>)</h3>
<p class="nomargin">(<span class="p-given-name">Theo</span>
<span class="p-family-name">Range</span>)</p>
<p class="nomargin">
<span class="p-pronouns">they/them</span>
</p>
<p><img class="u-photo" src="https://abtmtr.link/favicon.ico" height="72" width="72"></p>
<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>
</section>
<h2>about MeowcaTheoRange</h2>
<section class="entity_box">
<h3>cheesy nicknames</h3>
<p class="nomargin">none <a href="/mininq">(yet)</a></p>
<h3>favourite hobby</h3>
<p class="nomargin">server management</p>
<h3>favourite sport</h3>
<p class="nomargin">server management</p>
<h3>favourite website</h3>
<p class="nomargin">https://abtmtr.link</p>
<h3>favourite artists</h3>
<p class="nomargin">mostly HALLEY LABS, some dariacore</p>
<h3>flavour</h3>
<p class="nomargin">would NOT taste good</p>
</section>
<% 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 />
<span style="opacity: 0.5;"><%= cl.album["#text"] %></span><br />
<%= cl.artist.name %><br />
<a href="<%= cl.url %>" target="_blank">See on Last.fm</a>
</p>
<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") %>
<%- include("../components/post-main.ejs") %>
</body>
</html>