katproto.girlonthemoon.xyz
site/assets/images/hcard.png
site/assets/images/hcard.png
This is a binary file and will not be displayed.
+5
site/assets/styles/main.css
+5
site/assets/styles/main.css
···
86
86
a:link, a:link:active, a:visited, a:visited:active {
87
87
color: #5656e1;
88
88
text-decoration-thickness: 1px;
89
+
text-underline-offset: 4px;
89
90
}
90
91
91
92
a:hover {
···
106
107
font-size: 1.3rem;
107
108
vertical-align: middle;
108
109
}
110
+
111
+
.access-hidden {
112
+
display: none;
113
+
}
+28
site/hcard.php
+28
site/hcard.php
···
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
+
13
+
address {
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>
+4
site/index.php
+4
site/index.php
···
29
29
<?php include "nav.php" ?>
30
30
31
31
<div style="text-align:center;"><img src="assets/images/81824br5uyrfrsr.gif" alt="a 3D animated pink and gray cat dancing on two legs'"></div>
32
+
33
+
<div class="access-hidden">
34
+
<?php include "hcard.php" ?>
35
+
</div>
32
36
</main>
33
37
34
38
</body>