55 lines
1.4 KiB
HTML
55 lines
1.4 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"/>
|
|
<title>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>
|