This commit is contained in:
MeowcaTheoRange 2024-08-31 15:11:34 -05:00
parent 064b8cca78
commit 94b25ab1eb
8 changed files with 57 additions and 4 deletions

BIN
assets/accents/9s_chr.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 184 B

View file

@ -44,7 +44,7 @@ ul li {
margin-block: 1.5rem; margin-block: 1.5rem;
} }
div { section {
margin-block: 1.5em; margin-block: 1.5em;
margin-inline-start: 2ch; margin-inline-start: 2ch;
} }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 137 KiB

View file

@ -44,4 +44,16 @@ body {
/* z-index: -1; */ /* z-index: -1; */
opacity: 0.1; opacity: 0.1;
line-height: 1; line-height: 1;
}
.entity_box {
margin: 3rem 1ch;
padding-inline: 1ch;
padding-block: 0.1px;
/* border: 1ch 1rem solid var(--color-accent); */
border-image: url("/assets/accents/9s_chr.png");
border-image-slice: 12 6;
border-image-width: 1rem 1ch;
border-image-repeat: stretch;
border-image-outset: 1.25rem 1ch;
} }

View file

@ -35,6 +35,10 @@ app.locals.siteMap = [
link: "blurbs", link: "blurbs",
description: "what are other sites saying about abtmtr.link?" description: "what are other sites saying about abtmtr.link?"
}, },
{
link: "characters",
description: "about abtmtr.link's mascots and other such characters"
},
{ {
link: "updates", link: "updates",
description: "what's going on with abtmtr.link?" description: "what's going on with abtmtr.link?"
@ -130,6 +134,14 @@ app.get('/about', async (req, res) => {
}); });
}); });
app.get('/characters', async (req, res) => {
const charactersJson = await fetch("https://cdn.abtmtr.link/site_content/v13/characters.json")
.catch(() => res.status(500).send())
.then((res) => res.json());
res.render('characters', { characters: charactersJson });
});
app.get('/updates', async (req, res) => { app.get('/updates', async (req, res) => {
const rssXML = await fetch("https://cdn.abtmtr.link/site_content/rss.xml") const rssXML = await fetch("https://cdn.abtmtr.link/site_content/rss.xml")
.catch(() => res.status(500).send()) .catch(() => res.status(500).send())

View file

@ -24,7 +24,7 @@
▀██¿ ═ ▄▄███▄__ ¡▄███─ ▀██¿ ═ ▄▄███▄__ ¡▄███─
▀██▄ _▄▀ ╓███░░ *▄▄▄████¡ ▐▌ ▀██▄ _▄▀ ╓███░░ *▄▄▄████¡ ▐▌
└▀█▄_ ▄▄█▌ ⁿ▄▄████░∩..⌐─▀▀:░∩ █▌▌█ └▀█▄_ ▄▄█▌ ⁿ▄▄████░∩..⌐─▀▀:░∩ █▌▌█
▀███▄_ _▄█▀▀└ _▄███▀░░░█░░░█░▀█æ╧▀ ▐█ ▀███▄_ _▄█▀▀└ _▄███▀░░░█░░░█░▀█æ╧▀ ▐█
└▀█████▄▄▄██▀▀└ _▄▄▄██▀█.▀█º░░▀▄_▐▌ ▀█∩ └▀█████▄▄▄██▀▀└ _▄▄▄██▀█.▀█º░░▀▄_▐▌ ▀█∩
┌█▀ ,²▀▀██▀█████████▀▀▀▀▀▀█▄▌ ª█▄░ '. ▀█▄▄▄═▄ ┌█▀ ,²▀▀██▀█████████▀▀▀▀▀▀█▄▌ ª█▄░ '. ▀█▄▄▄═▄
▀▀ ▄▄░░▀░░██░░░░░░░░░░░░░▄█░ █: └ █ ▀▀ ▄▄░░▀░░██░░░░░░░░░░░░░▄█░ █: └ █

View file

@ -7,7 +7,7 @@
<p>who runs abtmtr.link?</p> <p>who runs abtmtr.link?</p>
<h2>MeowcaTheoRange's h-card</h2> <h2>MeowcaTheoRange's h-card</h2>
<p>hey, i'm MeowcaTheoRange.<br />i run abtmtr.link, for the most part.</p> <p>hey, i'm MeowcaTheoRange.<br />i run abtmtr.link, for the most part.</p>
<div class="h-card"> <section class="h-card">
<h3><span class="p-name">Theo Range</span> <h3><span class="p-name">Theo Range</span>
(<span class="p-nickname">MeowcaTheoRange</span>)</h3> (<span class="p-nickname">MeowcaTheoRange</span>)</h3>
<p class="nomargin">(<span class="p-honorific-prefix">Mx.</span> <p class="nomargin">(<span class="p-honorific-prefix">Mx.</span>
@ -29,7 +29,7 @@
<span class="p-region">Minnesota</span>, <span class="p-region">Minnesota</span>,
<span class="p-country-name">USA</span> <span class="p-country-name">USA</span>
</p> </p>
</div> </section>
<% if (cl["@attr"] != null && cl["@attr"].nowplaying) { %> <% if (cl["@attr"] != null && cl["@attr"].nowplaying) { %>
<h2>MeowcaTheoRange is currently listening to</h2> <h2>MeowcaTheoRange is currently listening to</h2>
<% } else { %> <% } else { %>

View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<%- include("../components/page-head.ejs") %>
<body>
<main>
<h1>characters</h1>
<p>about abtmtr.link's mascots and other such characters</p>
<h2>entity index</h2>
<% characters.forEach((entity) => { %>
<section class="entity_box">
<p style="float: left; margin-inline: 0 2ch;" class="nomargin">
<img src="<%= entity.img %>" height="72" width="72">
</p>
<h3><%= entity.name.toLowerCase() %> / <%= entity.pronouns.toLowerCase() %></h3>
<p class="nomargin"><%= entity.age %> / <%= entity.species %></p>
<p class="nomargin"><%= entity.sexuality %> / <%= entity.gender %></p>
<p class="clearfix nomargin" style="opacity: 0.5;"><%= entity.blurb %></p>
<br />
<% entity.rows.forEach(([k, v]) => { %>
<h4><%= k %></h4>
<p class="nomargin"><%= v %></p>
<% }) %>
</section>
<% }) %>
</main>
<%- include("../components/footer.ejs") %>
<%- include("../components/post-main.ejs") %>
</body>
</html>