74 lines
2.6 KiB
HTML
74 lines
2.6 KiB
HTML
<!doctype html>
|
|
<html lang="en" data-theme="dark">
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|
|
|
<!-- metatags.io stuff -->
|
|
<meta name="title" content="I'm Anna"/>
|
|
<meta name="description" content="I make things on the internet. You're using the internet. Did you post this somewhere with rich link previews? That's pretty neat. How are you?"/>
|
|
|
|
<!-- Open Graph / Facebook -->
|
|
<meta property="og:type" content="website"/>
|
|
<meta property="og:url" content="https://anna.lgbt/"/>
|
|
<meta property="og:title" content="I'm Anna"/>
|
|
<meta property="og:description" content="I make things on the internet. You're using the internet. Did you post this somewhere with rich link previews? That's pretty neat. How are you?"/>
|
|
<meta property="og:image" content="https://anna.lgbt/img/og_image.png"/>
|
|
|
|
<!-- Twitter -->
|
|
<meta property="twitter:card" content="summary_large_image"/>
|
|
<meta property="twitter:url" content="https://anna.lgbt/"/>
|
|
<meta property="twitter:title" content="I'm Anna"/>
|
|
<meta property="twitter:description" content="I make things on the internet. You're using the internet. Did you post this somewhere with rich link previews? That's pretty neat. How are you?"/>
|
|
<meta property="twitter:image" content="https://anna.lgbt/img/og_image.png"/>
|
|
|
|
<title>I'm Anna</title>
|
|
<link rel="stylesheet" href="/css/pico.min.css"/>
|
|
<link rel="stylesheet" href="/css/index.css"/>
|
|
<script defer src="/js/index.js"></script>
|
|
</head>
|
|
<body>
|
|
<main class="container">
|
|
<article>
|
|
<header>
|
|
<hgroup>
|
|
<h2>Hi, I'm Anna!</h2>
|
|
<h3>I make stuff on the internet.</h3>
|
|
</hgroup>
|
|
</header>
|
|
|
|
<div class="grid">
|
|
<div>
|
|
<p>
|
|
I like Rust, C#, and Python.
|
|
</p>
|
|
|
|
<ul>
|
|
<li>she/her</li>
|
|
<li>programmer</li>
|
|
<li>gay</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<ul>
|
|
<li><a href="https://git.anna.lgbt/ascclemens">gitea</a></li>
|
|
<li><a href="https://git.sr.ht/~jkcclemens">sourcehut</a></li>
|
|
<li><a href="https://github.com/ascclemens">github</a></li>
|
|
<li><a href="javascript:void(0)" id="email-button">click to see email</a></li>
|
|
</ul>
|
|
</div>
|
|
</article>
|
|
</main>
|
|
|
|
<dialog id="modal">
|
|
<article>
|
|
<a id="email-close" aria-label="close" class="close"></a>
|
|
|
|
<p>
|
|
My email is <span id="email-text"></span>.
|
|
</p>
|
|
</article>
|
|
</dialog>
|
|
</body>
|
|
</html>
|