179 lines
5.3 KiB
HTML
179 lines
5.3 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/main-layout.css" />
|
|
<link rel="stylesheet" href="/css/aesthetic.css" />
|
|
|
|
<link rel="stylesheet" href="/inter/inter.css" />
|
|
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://lavender.software/webring/webring-0.2.0.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 — non-binary anarchist 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" />
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
</head>
|
|
|
|
<body>
|
|
<div class="page-wrapper">
|
|
<article id="about-me">
|
|
<header>
|
|
<aside>
|
|
<h1><abbr title="charlotte athena som">charlotte ✨</abbr></h1>
|
|
|
|
<ul id="traits" class="inline-list">
|
|
<li id="age">22</li>
|
|
<li>trans</li>
|
|
<li>lesbian</li>
|
|
<li>bunnygirl enby</li>
|
|
<li>anarchist</li>
|
|
<li>communist</li>
|
|
</ul>
|
|
</aside>
|
|
|
|
<img
|
|
class="hero-image"
|
|
alt="charlotte's profile picture"
|
|
src="/pfp.jpg"
|
|
/>
|
|
</header>
|
|
|
|
<main>
|
|
<p>
|
|
hey, welcome to <code>char.lt</code>: the domain, is, like, my
|
|
name!!
|
|
</p>
|
|
|
|
<p>
|
|
i'm charlotte! i'm transfem and non-binary and in my early 20s :)
|
|
</p>
|
|
|
|
<p>i do multimedia projects with computers! that means:</p>
|
|
|
|
<ul id="activities">
|
|
<li>electronic music</li>
|
|
<li>software</li>
|
|
<li>procedural animations</li>
|
|
<li>visual effects</li>
|
|
<li>other silly art projects!</li>
|
|
</ul>
|
|
|
|
<p>
|
|
i am the founder + director of a fledgling digital studio,
|
|
<a href="https://lavender.software">lavender software</a>.
|
|
</p>
|
|
|
|
<section>
|
|
<h2>my pronouns are:</h2>
|
|
|
|
<ul id="pronouns" class="inline-list">
|
|
<li>
|
|
<a href="https://pronouns.within.lgbt/bun">bun/buns</a>
|
|
</li>
|
|
<li><a href="https://pronouns.within.lgbt/she">she/her</a></li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>talk to me in:</h2>
|
|
|
|
<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>
|
|
<h2>find me around the web:</h2>
|
|
|
|
<ul id="socials" class="inline-list">
|
|
<li>
|
|
<a rel="me" href="https://trans.enby.town/charlotte"
|
|
>trans.enby.town</a
|
|
>
|
|
(fediverse)
|
|
</li>
|
|
<li>
|
|
<a rel="me" href="https://pet.bun.how/">pet.bun.how</a>
|
|
(bluesky)
|
|
</li>
|
|
<li>
|
|
<a rel="me" href="https://twitter.com/char_bun">twitter</a>
|
|
</li>
|
|
<li>
|
|
<a rel="me" href="https://last.fm/user/half-kh-hacker">
|
|
last.fm
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a rel="me" href="https://soundcloud.com/char-lt">
|
|
soundcloud
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section>
|
|
<h2>find my software:</h2>
|
|
|
|
<ul id="forges" class="inline-list">
|
|
<li>
|
|
<a rel="me" href="https://github.com/char">github</a>
|
|
</li>
|
|
<li>
|
|
<a rel="me" href="https://git.lavender.software/charlotte">
|
|
git.lavender.software
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section>
|
|
<h2>blogs:</h2>
|
|
|
|
<ul id="websites" class="inline-list">
|
|
<li><a href="https://som.codes/">som.codes</a></li>
|
|
<li><a href="https://hackery.site">hackery.site</a></li>
|
|
</ul>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>a site by <a href="https://som.codes">charlotte som</a></footer>
|
|
</article>
|
|
|
|
<article id="webring-container">
|
|
<script
|
|
src="https://lavender.software/webring/webring-0.2.0.js"
|
|
data-site-id="charlotte"
|
|
crossorigin="anonymous"
|
|
integrity="sha512-wWgLGI60d62wrvLSoSeA3zLAUl8QeWjwVshCY7QYaWai6Mrt/4ar1E5ET4SvJ8yFU3Vmb5uVsmA8auRNQQyEXg=="
|
|
></script>
|
|
</article>
|
|
</div>
|
|
</body>
|
|
</html>
|