Just the source code for my personal website.

site: update page contents.

crashkeys.dev 3121868e e2d9d259

verified
+116 -143
+58 -56
static/style.css
··· 1 1 * { 2 - box-sizing: border-box; 2 + box-sizing: border-box; 3 3 } 4 4 5 - ul.button-bar { 6 - display: flex; 7 - list-style: none; 8 - text-align: center; 9 - justify-content: center; 10 - } 11 - 12 - .button-bar::after { 13 - display: block; 5 + .button-bar { 6 + display: flex; 7 + text-align: center; 8 + justify-content: center; 9 + margin: 1em 0; 14 10 } 15 11 16 12 .button { 17 - background-color: #fc6fdd; 18 - color: #f7f7f7; 19 - text-align: center; 20 - text-decoration: none; 21 - padding: 8px 1.2em; 22 - margin: 0 10px; 13 + background-color: #fc6fdd; 14 + color: #f7f7f7; 15 + text-align: center; 16 + text-decoration: none; 17 + padding: 8px 1.2em; 18 + margin: 0 10px; 23 19 24 - transition: background-color .1s; 20 + transition: background-color .1s; 25 21 } 26 22 27 23 .button:hover { 28 - background-color: #f444ce; 24 + background-color: #f444ce; 29 25 } 30 26 31 27 body { 32 - background-color: #f7f7f7; 28 + background-color: #f7f7f7; 33 29 } 34 30 35 31 body p { 36 - line-height: 1.6; 32 + line-height: 1.6; 37 33 } 38 34 39 35 #carrd-container { 40 - font-size: 90%; 36 + font-size: 90%; 41 37 } 42 38 43 39 #carrd-container p { 44 - line-height: 1.5; 40 + line-height: 1.5; 45 41 } 46 42 47 43 #carrd-container ul { 48 - box-sizing: content-box; 49 - margin-right: 5%; 50 - text-align: left; 51 - line-height: 1.5; 44 + box-sizing: content-box; 45 + margin-right: 5%; 46 + text-align: left; 47 + line-height: 1.5; 52 48 } 53 49 54 50 [class*=col-] { 55 - width: 100%; 56 - padding: 0 15px; 57 - float: left; 51 + width: 100%; 52 + padding: 0 15px; 53 + float: left; 58 54 } 59 55 60 56 .col-center { 61 - width: 100%; 57 + width: 100%; 62 58 } 63 59 64 - .col-left, .col-right { 65 - width: 0; 60 + .col-left, 61 + .col-right { 62 + width: 0; 66 63 } 67 64 68 - .col-center header, .col-center main, .col-center footer, .col-center article { 69 - padding: 10px auto; 65 + .col-center header, 66 + .col-center main, 67 + .col-center footer, 68 + .col-center article { 69 + padding: 10px auto; 70 70 } 71 71 72 72 .emphasis { 73 - background-color: rgba(144,144,144,0.25); 73 + background-color: rgba(144, 144, 144, 0.25); 74 74 } 75 75 76 76 @media only screen and (min-width: 768px) { 77 - .col-left, .col-right { 78 - width: 20%; 79 - } 77 + 78 + .col-left, 79 + .col-right { 80 + width: 20%; 81 + } 80 82 81 - .col-center { 82 - width: 60%; 83 - } 83 + .col-center { 84 + width: 60%; 85 + } 84 86 85 - [class*=col-] { 86 - padding: 5px; 87 - } 87 + [class*=col-] { 88 + padding: 5px; 89 + } 88 90 89 - #carrd-container { 90 - font-size: 100%; 91 - } 91 + #carrd-container { 92 + font-size: 100%; 93 + } 92 94 93 - #carrd-container ul { 94 - text-align: center; 95 - list-style-position: inside; 96 - } 95 + #carrd-container ul { 96 + text-align: center; 97 + list-style-position: inside; 98 + } 97 99 98 - #dms { 99 - margin: 1em; 100 - } 100 + #dms { 101 + margin: 1em; 102 + } 101 103 } 102 104 103 105 footer p { 104 - font-size: small; 105 - } 106 + font-size: small; 107 + }
+24 -44
templates/carrd.html.tera
··· 1 1 {% extends "base" %} 2 2 {% block head %} 3 - {% set title = "Audrey | Estela — Carrd" %} 3 + {% set title = "Carrd" %} 4 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 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 6 ··· 15 15 <header> 16 16 <p> 17 17 <span class="emphasis"> 18 - Audrey/Feenie<br /> 19 - young adult (ask for age) – non-binary lesbian – <strong>not white</strong><br /> 18 + Audrey/Estela/Feenie<br /> 19 + adult – non-binary lesbian – <strong>not white</strong><br /> 20 20 they/she/he/she + any (neopronouns OK)<br /> 21 21 </span> 22 22 </p> 23 23 <p> 24 - More info on DMs at the bottom. Maybe one day I'll compile a database of interests...<br /> 24 + <strong>More info on DMs at the bottom.</strong> Maybe one day I'll compile a database of interests...<br /> 25 25 </p> 26 26 <p> 27 27 <span class="emphasis"> 28 - <strong>Please like my pinned tweet if you read through this!</strong> 28 + <strong>You're encouraged to like my pinned post if you've read through this page!</strong> 29 29 </span> 30 30 </p> 31 31 </header> 32 32 <hr /> 33 33 <main> 34 - <p> 35 - <strong>DO NOT FOLLOW IF:</strong> 36 - <ul> 34 + <ul> 37 35 <li> 38 36 <span class="emphasis"> 39 - You are a <strong>terf</strong> or a <strong>radfem</strong>; 37 + TL;DR: If I follow you first, you can assume it's OK to follow back. 40 38 </span> 41 39 </li> 42 - <li>You are homophobic, transphobic, racist, etc.;</li> 43 - <li>You are a strictly NSFW or 18+ account;</li> 44 - <li>You are younger than 16 or older than 28 <strong>(current mutuals exempt)</strong>;</li> 40 + </ul> 41 + <p> 42 + <strong>I DO NOT TOLERATE:</strong> 43 + <ul> 44 + <li>General bigotry.</li> 45 45 <li> 46 46 <span class="emphasis"> 47 - <em>If I follow you first, you can assume it's OK to follow back.</em> 47 + Any sort of <strong>terf</strong> rhetoric. Stay the fuck away. 48 48 </span> 49 49 </li> 50 - 51 - <br /> 52 - <li> 53 - You <strong>firmly</strong> believe fiction <strong>cannot</strong> reflect 54 - or influence reality in any way and use this as an excuse to justify immoral 55 - or creepy behavior; 56 - </li> 57 - 58 50 <li> 59 - You <strong>don't</strong> support non-binary lesbians, etc; 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. 60 54 </li> 61 55 <li> 62 - You <strong>do</strong> support bi/pan "lesbians", etc; 63 - </li> 64 - <li> 65 - You <strong>don't</strong> support neopronouns or xenogenders; 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. 66 58 </li> 67 59 </ul> 68 60 </p> 69 61 <hr /> 70 62 <p> 71 - <strong>YOU SHOULDN'T follow IF:</strong> 63 + <strong>YOU SHOULDN'T follow me IF:</strong> 72 64 <ul> 73 - <li> 74 - You are an <strong>AoT</strong>/Homestuck fan 75 - (I will <strong>block</strong>/softblock); 76 - </li> 77 - <li> 78 - You <strong>don't</strong> support <strong>any</strong> form of self-diagnosis 79 - (I have self-diagnosed ADHD); 80 - </li> 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> 81 67 </ul> 82 68 </p> 83 69 <hr /> 84 - <footer> 85 - <ul class="button-bar"> 86 - <li> 87 - <a class="button" href="/">Home</a> 88 - </li> 89 - <li> 90 - <a class="button" href="/dms">DMs</a> 91 - </li> 92 - </ul> 70 + <footer class="button-bar"> 71 + <a class="button" href="/">Home</a> 72 + <a class="button" href="/dms">DMs</a> 93 73 </footer> 94 74 </main> 95 75 </div>
+7 -15
templates/dms.html.tera
··· 1 1 {% extends "base" %} 2 2 {% block head %} 3 - {% set title = "Audrey | Estela — About DMs" %} 3 + {% set title = "About DMs" %} 4 4 {% set description = "A simple heads-up for anyone who might want to reach out to me privately online. Please read this in full." %} 5 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 6 ··· 24 24 But there are some things which you should know before doing 25 25 that.<br /> 26 26 While I do enjoy talking to others, I also have a very low 27 - social battery and undiagnosed ADHD. I 28 - <strong>do not</strong> have access to resources which can 29 - help me with this, so I have trouble organizing my days and 30 - I often feel burnt out or in the wrong mood to chat.<br /> 27 + social battery and ADHD. I often have trouble organizing my 28 + days and feel burnt out or in the wrong mood to chat.<br /> 31 29 <br /> 32 30 33 31 <strong>Please</strong> understand that I will most likely 34 32 not be able to reply immediately, and at times I might even 35 - take multiple days if not longer.<br /> 33 + take multiple days, if not longer.<br /> 36 34 It is <strong>not</strong> because I dislike anyone in 37 35 particular, <strong>it's just how I am.</strong><br /> 38 36 <br /> ··· 58 56 friends. 59 57 </p> 60 58 <hr /> 61 - <footer> 62 - <ul class="button-bar"> 63 - <li> 64 - <a class="button" href="/">Home</a> 65 - </li> 66 - <li> 67 - <a class="button" href="/carrd">"Carrd"</a> 68 - </li> 69 - </ul> 59 + <footer class="button-bar"> 60 + <a class="button" href="/">Home</a> 61 + <a class="button" href="/carrd">"Carrd"</a> 70 62 </footer> 71 63 </main> 72 64 </div>
+27 -28
templates/index.html.tera
··· 45 45 <img id="icon" src="/assets/img/icon.jpg" title="Jun Kurosu by Pearl" 46 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 47 <figcaption> 48 - This image was drawn for me as a gift by <a href="https://twitter.com/quagsirecuddles">my friend 48 + This image was drawn for me as a gift by <a href="https:///bsky.app/profile/quagsirecuddles.bsky.social">my friend 49 49 Pearl</a>.<br/> 50 50 Please send her some love, she's great! 51 51 </figcaption> 52 52 53 - <h2>Audrey / Feenie</h2> 53 + <h2>Audrey / Estela</h2> 54 54 <p> 55 - Hello! I'm Audrey, though I also go by Feenie as well as a bunch of other names.<br /> 56 - I'm a computer science student (read: massive nerd) and I thought it'd be cool to make my own 57 - website.<br /> 58 - You can pretty clearly see I'm not a web developer, though! 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. 59 64 </p> 60 65 <p> 61 - I like carrd, but it feels cooler to write my website by hand, so here I am. 62 - I don't care for fancy graphics and I want this page to be as accessible as possible, so 63 - I hope you don't mind the basic CSS too much? 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? 64 68 </p> 65 69 <p> 66 - As a bit of trivia, this site used to be under the nagiskinlist.com domain which I bought as a joke. 67 - Unfortunately, I forgot to renew it... So I decided I'd try <a href="https://fly.io">fly.io</a> this 68 - time (hence the new domain). 69 - If you'd like to support poor Nagi so she can get her kinlist back, please consider throwing some money 70 - my way! 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! 71 74 </p> 72 75 </header> 73 76 74 77 <main> 75 78 <article> 76 - <h3>"Carrd"</h3> 79 + <h3>"Carrd" / Personal boundaries to get along</h3> 77 80 <p> 78 81 If you're coming from some social media site on the internet, <a href="/carrd">here's</a> 79 - a more detailed intro/do not interact/before you follow etc. I'd love to move away from needing it, 80 - but the internet isn't a very kind place and I still feel it's necessary to set clear boundaries. 81 - Sorry! 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. 82 88 </p> 83 89 </article> 84 90 ··· 86 92 <h3>Miscellaneous stuff</h3> 87 93 <p> 88 94 And here is where I would put any personal projects I'd want to showcase... if I had any...<br /> 89 - I did have a few in mind, such as a potential revival of my quote bot. Also through fly. 90 - Though Twitter as a whole isn't doing very hot right now... 95 + As I said earlier, though, stay tuned for more. I'm looking to publicize both my NixOS configuration 96 + as well as the source code for this website, so you'll at least have something to look at... soon! 91 97 </p> 92 98 </article> 93 99 </main> 94 100 95 101 <hr /> 96 102 <footer> 97 - <p>also I'm a <strong>massive</strong> <a href="https://www.rust-lang.org/">Rustlang</a> nerd</p> 103 + <p>in essence I am a huge nerd. what a shocker</p> 98 104 </footer> 99 105 </div> 100 - <!-- 101 - <aside class="col-right"> 102 - <img id="smugkechi" src="./img/smugkechi.png" title="Smug Goro Akechi (Round)" 103 - alt="A rounded picture of Goro Akechi from Persona 5 Royal. He has a smug expression on his face."/> 104 - <figcaption>Smug Goro Akechi.<br/>He offers no special value at the moment.</figcaption> 105 - </aside> 106 - !--> 107 106 </body> 108 107 {% endblock body %}