char.lt-old/static/index.html

129 lines
3.9 KiB
HTML

<!--
hey! you might be interested in the source code for this site
(both front- + back-end) at https://git.lavender.software/charlotte/char.lt
<3
-->
<!DOCTYPE html>
<html lang="en" prefix="og: https://ogp.me/ns#">
<head>
<meta charset="utf-8" />
<title>charlotte ✨</title>
<link rel="stylesheet" href="/css/layout.css" />
<link rel="stylesheet" href="/css/styles.css" />
<link rel="stylesheet" href="/inter/inter.css" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://char.lt" />
<meta property="og:title" content="charlotte ✨" />
<meta
property="og:description"
content="charlotte athena som — trans lesbian catgirl bunnygirl enby communist software dev"
/>
<meta property="og:image" content="https://char.lt/pfp.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:alt" content="charlotte's profile picture" />
<meta property="og:image:width" content="1844" />
<meta property="og:image:height" content="1801" />
<meta property="og:site_name" content="char.lt" />
</head>
<body>
<div class="page-wrapper">
<header>
<aside>
<h1><abbr title="charlotte athena som">charlotte ✨</abbr></h1>
<ul id="traits" class="inline-list">
<li id="age">21</li>
<li>trans</li>
<li>catgirl bunnygirl enby</li>
<li>lesbian</li>
<li>anarchist</li>
<li>communist</li>
</ul>
</aside>
<img
class="hero-image"
alt="charlotte's profile picture"
src="/pfp.jpg"
/>
</header>
<main>
<p>welcome to <code>char.lt</code>: the domain, is, like, my name!!</p>
<p>
hey, i'm charlotte! i like music and videogames and programming and
being hot and i speak multiple languages
</p>
<p>
i like breaking the rules
<small>(usually the ones that protect power)</small>, so i enjoy
software piracy, videogame cheat development
<small>(death to microtransactions!)</small>, other cursed computer
things, and being obnoxiously queer everywhere i go &lt;3
</p>
<section>
my pronouns are:
<ul id="pronouns" class="inline-list">
<li><a href="https://pronoun.is/she">she/her</a></li>
<li><a href="https://pronoun.is/they">they/them</a></li>
<li><a href="https://pronoun.is/fae">fae/faer</a></li>
<li>
<a href="https://pronoun.is/bun/bun/buns/buns/bunself">
bun/buns
</a>
</li>
</ul>
</section>
<section>
talk to me in:
<ul id="languages" class="inline-list">
<li>english</li>
<li>french</li>
<li>spanish</li>
<li>korean</li>
<li>toki pona</li>
</ul>
</section>
<section>
<ul id="links" class="inline-list">
<li>
<a rel="me" href="https://som.codes">som.codes</a>
</li>
<li>
<a rel="me" href="https://hackery.site">hackery.site</a>
</li>
<li>
<a rel="me" href="https://trans.enby.town/charlotte">
trans.enby.town
</a>
</li>
<li>
<a rel="me" href="https://github.com/videogame-hacker">github</a>
</li>
<li>
<a rel="me" href="https://twitter.com/half_kh_hacker">twitter</a>
</li>
<li>
<a rel="me" href="https://last.fm/user/half-kh-hacker">last.fm</a>
</li>
</ul>
</section>
</main>
<footer>a site by <a href="https://som.codes">charlotte som</a></footer>
</div>
</body>
</html>