crashkeys.dev
forked from
crashkeys.dev/audsite
Just the source code for my personal website.
1{% extends "base" %}
2{% block head %}
3 {% set title = "Audrey | Estela" %}
4 {% set description = "I'm a computer science major (read: massive nerd) and I thought it'd be cool to make my own website!" %}
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 <style>
10 img#smugkechi {
11 display: none;
12 }
13
14 @media only screen and (min-width: 768px) {
15 img#smugkechi {
16 border-radius: 40%;
17 width: 100%;
18 height: 100%;
19 display: block;
20 }
21 }
22
23 img#icon {
24 border-radius: 5%;
25 width: 33%;
26 height: 33%;
27
28 margin-left: 33%;
29 margin-right: 33%;
30 }
31
32 figcaption {
33 margin-top: 3px;
34 font-size: 0.75em;
35 text-align: center;
36 }
37 </style>
38 <title>Audrey</title>
39{% endblock head %}
40{% block body %}
41<body class="main">
42 <aside class="col-left"></aside>
43 <div class="col-center">
44 <header>
45 <img id="icon" src="/assets/img/icon.jpg" title="Jun Kurosu by Pearl"
46 alt="A small Jun Kurosu drawn for me as a gift by my friend Pearl. His eyes are closed and he is smiling brightly." />
47 <figcaption>
48 This image was drawn for me as a gift by <a href="https:///bsky.app/profile/quagsirecuddles.bsky.social">my friend
49 Pearl</a>.<br/>
50 Please send her some love, she's great!
51 </figcaption>
52
53 <h2>Audrey / Estela</h2>
54 <p>
55 Hiya. You can call me Audrey or Estela, though I go by many other names as well.<br />
56 I'm a programmer who is passionate about <a href="https://www.rust-lang.org/">Rustlang</a>, correctness, learning
57 and—as I've recently discovered—build engineering...?
58 I dabble in <a href="https://nixos.org">Nix</a> and have found a lot of success in using it.
59 It's how I deploy to the machine serving this page to you right now!<br />
60 Anyways, beyond computer science, I also really enjoy maths, linguistics and translation.
61 I haven't dedicated as much of my time to these topics as I have with CS, but they're still big interests of mine.
62 Feel free to talk to me about them if it's something we have in common!<br />
63 Oh and, obviously, videogames are a big hobby of mine. Though that's probably unsurprising to hear.
64 </p>
65 <p>
66 In an attempt to keep this site as simple and accessible as possible, I haven't tweaked the CSS
67 too much. I hope you don't mind that?
68 </p>
69 <p>
70 As a bit of trivia, this site has undergone various renovations throughout the years,
71 after having remained unmaintained for long stretches of time.
72 I am now serving it entirely on my own infrastructure! <br />
73 Perhaps eventually I will manage my own blog through it. Look forward for future updates, I suppose!
74 </p>
75 </header>
76
77 <main>
78 <article>
79 <h3>"Carrd" / Personal boundaries to get along</h3>
80 <p>
81 If you're coming from some social media site on the internet, <a href="/carrd">here's</a>
82 a more detailed intro/do not interact/before you follow etc. <br />
83 Realistically, it probably won't serve much of a practical purpose, but still.
84 Consider this just a set of personal boundaries that estabilish what I am about.
85 We're all mature enough to know that, if it's clear we lack anything fundamental in common,
86 we should probably not bother one another and leave it at that.
87 There's some things I simply can't compromise on. Not much more to it than that.
88 </p>
89 </article>
90
91 <article>
92 <h3>Miscellaneous stuff</h3>
93 <p>
94 You can obtain a copy of this website's source code <a href="https://tangled.org/@crashkeys.dev/audsite">here</a>!
95 The repository is hosted on my own <a href="https://tangled.org">tangled</a> knot. <br />
96 Over time, I plan to publicize even more of my personal projects on there. I might also mirror the
97 repositories to <a href="https://codeberg.org">Codeberg</a> eventually.
98 </p>
99 <p>
100 Toodles!
101 </p>
102 </article>
103 </main>
104
105 <hr />
106 <footer>
107 <p>in essence I am a huge nerd. what a shocker</p>
108 </footer>
109 </div>
110</body>
111{% endblock body %}