MeowcaTheoRange/abtmtr-v4
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

THE CELESTIFICATION OF ABTMTR.LINK

Browse source
This commit is contained in:
MeowcaTheoRange 2024-02-29 00:07:29 -06:00
parent 4241c69887
commit 9cd8a604ff
6 changed files with 10 additions and 62 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
embeds/nav.html
View file

@ -1,9 +1,9 @@
<section class="nav" role="navigation" aria-label="Site navigation">
<p>
<a href="/">Home</a>
<a href="/qna/">FAQ</a>
<a href="https://blog.abtmtr.link/mtr/quick-q-and-a">FAQ</a>
<a href="/projects/">Projects</a>
<a href="/links/">Links</a>
<a href="/whois/">Who are we?</a>
<!-- <a href="/whois/">Who are we?</a> -->
</p>
</section>

2
views/index.html
View file

@ -88,6 +88,8 @@
</h1>
<p>Welcome to abtmtr.link.</p>
<p>abtmtr.link is a domain for a suite of services, ranging from <b>micro-blogging</b> to <b>web search</b>.</p>
<p>This site was once a little less personal. That should be over for now.</p>
<p>Check out our <a href="/projects/">projects</a>!</p>
</section>
<section id="data_get">
<h1>Getting domain indexes...</h1>

41
views/qna/index.html
View file

@ -1,41 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>abtmtr.link</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="/styles/normal.css" />
<link rel="stylesheet" href="/styles/style.css" />
</head>
<body>
<header>
<h1>FAQ</h1>
<p>What's going on with abtmtr.link?</p>
<$ nav.html $>
<section id="accessibility" hidden></section>
<div id="buttonroll" hidden></div>
</header>
<main>
<section id="data_get"></section>
<section>
<h1>Wasn't abtmtr.link a personal website?</h1>
<p>abtmtr.link is still a personal website, but there's not really a person to attach it to at this moment.</p>
<p>Whatever ends up happening to abtmtr.link will be written here.</p>
</section>
<section>
<h1>I'm confused.</h1>
<p>We are too.</p>
</section>
<section>
<h1>Who's "we"?</h1>
<p><i><a href="/whois/">No answer.</a></i></p>
</section>
<section>
<h1>Genuinely, why is this page so cryptic? Is this an ARG?</h1>
<p>There is no ARG. This is just how we have fun :3</p>
</section>
</main>
<script src="/scripts/accessibility.js"></script>
<!-- <script src="./scripts/get_qna.js"></script> -->
</body>
</html>

13
views/qna/scripts/get_qna.js
View file

@ -1,13 +0,0 @@
const data_get = document.getElementById("data_get");
fetch_ask("https://blog.abtmtr.link/api/collections/mtr/posts/quick-q-and-a")
.then((x) => x.json())
.then((data) => {
data_get.innerHTML = data.data.body
.replace(/^### (.*?$)/gim, '<h3>$1</h3>') // h3 tag
.replace(/^## (.*?$)/gim, '<h2>$1</h2>') // h2 tag
.replace(/^# (.*?$)/gim, '<h1>$1</h1>') // h1 tag
.replace(/\[(.*?)\]\((.*?)\)/gim, '<a href="$2" target="_blank">$1</a>') // link text
.replace(/\*\*(.*?)\*\*/gim, '<b>$1</b>') // bold text
.replace(/\*(.*?)\*/gim, '<i>$1</i>') // italic text
.replace(/\`(.*?)\`/gim, '<code>$1</code>') // code text
});

4
views/styles/myapp.css
View file

@ -23,7 +23,7 @@
--header-font-weight: 400;
--font-family: "Lexend Deca";
--border-width: calc(2rem / 16);
--base-color: 0, 0%;
--base-color: 325, 50%;
--border-radius: calc(4rem / 16);
}
@ -51,7 +51,7 @@
.nav p {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 1em;
}

8
views/styles/style.css
View file

@ -1,14 +1,14 @@
@import url("./myapp.css");
/* html:not(.base) {
html:not(.base) {
background: url("/assets/bg.jpg");
background-position: center;
background-size: cover;
background-attachment: fixed;
} */
}
html:not(.base) body {
backdrop-filter: blur(8px);
/* --background-color: hsla(var(--base-color), 80%, 0.9); */
/* backdrop-filter: blur(8px); */
--background-color: hsla(var(--base-color), 15%, 0.9);
}
:root {