Just the source code for my personal website.
crashkeys.dev
1{% extends "base" %}
2{% block head %}
3 {% set title = "Carrd" %}
4 {% set description = "A brief introduction to who I am and some basic things I ask of you if you wish to talk to me." %}
5 {% set cover_alt = "A small Jun Kurosu drawn for me as a gift by my friend Pearl. His eyes are closed and he is smiling brightly." %}
6
7 {{ super() }}
8
9{% endblock head %}
10
11{% block body %}
12<body>
13 <aside class="col-left"></aside>
14 <div id="carrd-container" class="col-center" style="text-align: center;">
15 <header>
16 <p>
17 <span class="emphasis">
18 Audrey/Estela/Feenie<br />
19 adult – non-binary lesbian – <strong>not white</strong><br />
20 they/she/he/she + any (neopronouns OK)<br />
21 </span>
22 </p>
23 <p>
24 <strong>More info on DMs at the bottom.</strong> Maybe one day I'll compile a database of interests...<br />
25 </p>
26 <p>
27 <span class="emphasis">
28 <strong>You're encouraged to like my pinned post if you've read through this page!</strong>
29 </span>
30 </p>
31 </header>
32 <hr />
33 <main>
34 <ul>
35 <li>
36 <span class="emphasis">
37 TL;DR: If I follow you first, you can assume it's OK to follow back.
38 </span>
39 </li>
40 </ul>
41 <p>
42 <strong>I DO NOT TOLERATE:</strong>
43 <ul>
44 <li>General bigotry.</li>
45 <li>
46 <span class="emphasis">
47 Any sort of <strong>terf</strong> rhetoric. Stay the fuck away.
48 </span>
49 </li>
50 <li>
51 Any person who justifies their own predatory behavior and interests by insisting that
52 fiction indulging in them <strong>cannot</strong> cause material harm to others.
53 These people know who they are and I refuse to refer to them on their own terms.
54 </li>
55 <li>
56 <strong>Harry Potter</strong> fans. I have no time to waste on you if you'd rather
57 fund a transphobe than do the bare minimum for trans people.
58 </li>
59 </ul>
60 </p>
61 <hr />
62 <p>
63 <strong>YOU SHOULDN'T follow me IF:</strong>
64 <ul>
65 <li>You are younger than 18. If we're already friends, obviously this doesn't count.</li>
66 <li>That's about it.</li>
67 </ul>
68 </p>
69 <hr />
70 <footer class="button-bar">
71 <a class="button" href="/">Home</a>
72 <a class="button" href="/dms">DMs</a>
73 </footer>
74 </main>
75 </div>
76 <aside class="col-right"></aside>
77</body>
78{% endblock body %}