chrs
This commit is contained in:
parent
064b8cca78
commit
94b25ab1eb
8 changed files with 57 additions and 4 deletions
BIN
assets/accents/9s_chr.png
Normal file
BIN
assets/accents/9s_chr.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 184 B |
|
|
@ -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 |
|
|
@ -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;
|
||||||
}
|
}
|
||||||
12
index.js
12
index.js
|
|
@ -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())
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,7 @@
|
||||||
▀██¿ ═ ▄▄███▄__ ¡▄███─
|
▀██¿ ═ ▄▄███▄__ ¡▄███─
|
||||||
▀██▄ _▄▀ ╓███░░ *▄▄▄████¡ ▐▌
|
▀██▄ _▄▀ ╓███░░ *▄▄▄████¡ ▐▌
|
||||||
└▀█▄_ ▄▄█▌ ⁿ▄▄████░∩..⌐─▀▀:░∩ █▌▌█
|
└▀█▄_ ▄▄█▌ ⁿ▄▄████░∩..⌐─▀▀:░∩ █▌▌█
|
||||||
▀███▄_ _▄█▀▀└└ _▄███▀░░░█░░░█░▀█æ╧▀ ▐█
|
▀███▄_ _▄█▀▀└ _▄███▀░░░█░░░█░▀█æ╧▀ ▐█
|
||||||
└▀█████▄▄▄██▀▀└ _▄▄▄██▀█.▀█º░░▀▄_▐▌ ▀█∩
|
└▀█████▄▄▄██▀▀└ _▄▄▄██▀█.▀█º░░▀▄_▐▌ ▀█∩
|
||||||
┌█▀ ,²▀▀██▀█████████▀▀▀▀▀▀█▄▌ ª█▄░ '. ▀█▄▄▄═▄
|
┌█▀ ,²▀▀██▀█████████▀▀▀▀▀▀█▄▌ ª█▄░ '. ▀█▄▄▄═▄
|
||||||
▀▀ ▄▄░░▀░░██░░░░░░░░░░░░░▄█░ █: └ █
|
▀▀ ▄▄░░▀░░██░░░░░░░░░░░░░▄█░ █: └ █
|
||||||
|
|
|
||||||
|
|
@ -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 { %>
|
||||||
|
|
|
||||||
29
views/pages/characters.ejs
Normal file
29
views/pages/characters.ejs
Normal 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>
|
||||||
Loading…
Reference in a new issue