THE CELESTIFICATION OF ABTMTR.LINK
This commit is contained in:
parent
4241c69887
commit
9cd8a604ff
6 changed files with 10 additions and 62 deletions
|
|
@ -1,9 +1,9 @@
|
||||||
<section class="nav" role="navigation" aria-label="Site navigation">
|
<section class="nav" role="navigation" aria-label="Site navigation">
|
||||||
<p>
|
<p>
|
||||||
<a href="/">Home</a>
|
<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="/projects/">Projects</a>
|
||||||
<a href="/links/">Links</a>
|
<a href="/links/">Links</a>
|
||||||
<a href="/whois/">Who are we?</a>
|
<!-- <a href="/whois/">Who are we?</a> -->
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
|
||||||
|
|
@ -88,6 +88,8 @@
|
||||||
</h1>
|
</h1>
|
||||||
<p>Welcome to abtmtr.link.</p>
|
<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>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>
|
||||||
<section id="data_get">
|
<section id="data_get">
|
||||||
<h1>Getting domain indexes...</h1>
|
<h1>Getting domain indexes...</h1>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
|
||||||
|
|
@ -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
|
|
||||||
});
|
|
||||||
|
|
@ -23,7 +23,7 @@
|
||||||
--header-font-weight: 400;
|
--header-font-weight: 400;
|
||||||
--font-family: "Lexend Deca";
|
--font-family: "Lexend Deca";
|
||||||
--border-width: calc(2rem / 16);
|
--border-width: calc(2rem / 16);
|
||||||
--base-color: 0, 0%;
|
--base-color: 325, 50%;
|
||||||
--border-radius: calc(4rem / 16);
|
--border-radius: calc(4rem / 16);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -51,7 +51,7 @@
|
||||||
|
|
||||||
.nav p {
|
.nav p {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||||
gap: 1em;
|
gap: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,14 +1,14 @@
|
||||||
@import url("./myapp.css");
|
@import url("./myapp.css");
|
||||||
|
|
||||||
/* html:not(.base) {
|
html:not(.base) {
|
||||||
background: url("/assets/bg.jpg");
|
background: url("/assets/bg.jpg");
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-attachment: fixed;
|
background-attachment: fixed;
|
||||||
} */
|
}
|
||||||
html:not(.base) body {
|
html:not(.base) body {
|
||||||
backdrop-filter: blur(8px);
|
/* backdrop-filter: blur(8px); */
|
||||||
/* --background-color: hsla(var(--base-color), 80%, 0.9); */
|
--background-color: hsla(var(--base-color), 15%, 0.9);
|
||||||
}
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue