add hcard

Changed files
+39
site
assets
images
styles
+2
.gitignore
···
.githashenv
+
caddy/data
+
caddy/data/*
site/assets/images/hcard.png

This is a binary file and will not be displayed.

+5
site/assets/styles/main.css
···
a:link, a:link:active, a:visited, a:visited:active {
color: #5656e1;
text-decoration-thickness: 1px;
+
text-underline-offset: 4px;
}
a:hover {
···
font-size: 1.3rem;
vertical-align: middle;
}
+
+
.access-hidden {
+
display: none;
+
}
+28
site/hcard.php
···
+
<style>
+
.mf-card {
+
padding: 1em 1em 1.5em 1em;
+
border: 1px solid #9999ff;
+
}
+
+
.mf-card > .u-photo {
+
width: 100px;
+
float: left;
+
padding-right: 1rem;
+
}
+
+
address {
+
font-style: normal;
+
display: inline;
+
}
+
</style>
+
+
<div class="h-card mf-card">
+
<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">
+
<a class="p-name u-url u-uid" rel="author" href="https://girlonthemoon.xyz/">kat</a> <span aria-hidden="true">|</span>
+
<address>
+
<a class="u-email" href="mailto:witnesslachesis@disroot.org">contact</a>
+
</address>
+
<p class="p-note">
+
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.
+
</p>
+
</div>
+4
site/index.php
···
<?php include "nav.php" ?>
<div style="text-align:center;"><img src="assets/images/81824br5uyrfrsr.gif" alt="a 3D animated pink and gray cat dancing on two legs'"></div>
+
+
<div class="access-hidden">
+
<?php include "hcard.php" ?>
+
</div>
</main>
</body>