hosted on my own knot server!
katproto.girlonthemoon.xyz
1<style>
2.mf-card {
3 padding: 1em 1em 1.5em 1em;
4 border: 1px solid #9999ff;
5}
6
7.mf-card > .u-photo {
8 width: 100px;
9 float: left;
10 padding-right: 1rem;
11}
12
13address {
14 font-style: normal;
15 display: inline;
16}
17</style>
18
19<div class="h-card mf-card">
20 <img class="u-photo" src="assets/images/hcard.png" loading="lazy" alt="selfie of me holding up my camcorder and covering half my face with it as i look into the view finder. the image is black and white, dithered, and covered in spotted half tones">
21 <a class="p-name u-url u-uid" rel="author" href="https://girlonthemoon.xyz/">kat</a> <span aria-hidden="true">|</span>
22 <address>
23 <a class="u-email" href="mailto:witnesslachesis@disroot.org">contact</a>
24 </address>
25 <p class="p-note">
26 a girl on the moon. <a href="https://pronouns.within.lgbt/she/her/her/hers/herself"><span class="u-pronoun">she</span>/<span class="u-pronoun">her</span></a> pronouns. based in the <span class="p-country-name">United States</span>. fan of idols, music, comics, computers, and much more.
27 </p>
28</div>