abtmtr-v4/views/index.html

80 lines
2.5 KiB
HTML
Executable file

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>MeowcaTheoRange</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" />
<style>
@import url("https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100;200;300;400;500;600;700;800;900&display=swap");
:root {
--base-scale: 16px;
--background-color: hsl(195, 100%, 15%);
--color: hsl(195, 100%, 85%);
--accent-color: hsl(195, 100%, 50%);
--accent-color-fg: hsl(195, 100%, 95%);
--font-family: "Lexend Deca";
--document-width: 40em;
}
</style>
</head>
<body>
<header>
<section>
<h1>ABTMTR.LINK</h1>
</section>
<$ nav.html $>
</header>
<main>
<section>
<h2>Welcome! 👋</h2>
<p>I'm MeowcaTheoRange.</p>
<p>
I'm a web developer, Fediverse enthusiast, and compulsory Minnesotan.
</p>
<p>I run this domain and all of the services on it!</p>
</section>
<section>
<h2>What I like doing</h2>
<p>
My favourite hobbies are <b>programming</b>, <b>drawing</b>,
<b>occasionally making small bits of music</b>,
<b>obsessing over fonts</b>, and <b>being pedantic</b>.
</p>
</section>
<section>
<h2>What I'd like you to know about me</h2>
<ul>
<li>Please be patient with me.</li>
<li>
Please be understanding! Ask me for clarification if required.
</li>
<li>
I don't really like small talk - keep if brief if you want to check
up on me, please.
</li>
<li>
I'm not one to pick sides at first, usually. Being an "all or
nothing" kind of person isn't my thing, and if you don't like that,
feel free to tell me why your side is good.
</li>
<li>
I like getting tangled up in drama, but I'm not a spiteful person -
I'm usually only in it for the correlations.
</li>
<li>
You may see me hyperfixate on random stuff, like
<a href="#">certain fonts</a>
or public transit.
</li>
</ul>
</section>
</main>
<section id="accessibility" hidden></section>
<script src="/scripts/windows.js"></script>
<script src="/scripts/accessibility.js"></script>
</body>
</html>