anna.lgbt/index.html

84 lines
2.9 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/custom.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/anna">gitea</a></li>
<li><a href="https://github.com/lojewalo">github</a></li>
<li><a rel="me" href="https://blahaj.zone/@anna">sharkey</a></li>
<li><a href="https://plugins.anna.lgbt">extra ffxiv plugins</a></li>
<li><a href="javascript:void(0)" id="email">click to see email</a></li>
<li><a href="/donate">click to send money</a></li>
</ul>
</div>
</article>
</main>
<dialog>
<article>
<header>
<strong>Question</strong>
</header>
<p>
Are you going to use my email address to send me an email about a
Dalamud plugin?
</p>
<footer>
<button id='yes-button'>Yes</button>
<button id='no-button'>No</button>
</footer>
</article>
</dialog>
</body>
</html>