bunbun/webbed-site
1
0
Fork 0
forked from nat/webbed-site
Code Pull Requests Activity

finally make a stupid repository for this

Browse Source
This commit is contained in:
main
2024-07-26 07:28:48 -07:00
commit a5d0c8b589
149 changed files with 4386 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
html/I-dont-like-IT.html Normal file
View File

@ -0,0 +1,111 @@
<html>
<head>
<title>Not a fan of IT</title>
<style>
$[cat style.css]
</style>
</head>
<body>
<div>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/']
<h1>My school district's IT is mean :(</h1>
My school district has a very silly IT department. I am reasonably annoyed by this and have thus decided to tell whoever looks at my website about it.<br>
I-dont-like-IT.html was last modified on $[stat -c %y ./html/I-dont-like-IT.html | head -c 10].<hr>
<h2>"""Cuban malware""" incident</h2>
<p>
It is really going to sound like I am exaggerating or making things up here. I am not, PPS IT is really like this.
Last year, the school district accused me of installing what they claimed was "Cuban malware" that had been "used in attacks against the FBI and the LA school district" on a school laptop that I fixed for a teacher.
While it was technically against IT policy to repair the laptop, I could do it in 10 minutes (the battery connector had just popped out of the connector for it on the mainboard), whereas IT would have taken like a week through the power of beaurocracy.
I of course, did not install any malware on this computer, that would be mean. The fact that I did not install malware on that computer did not stop IT from persecuting me, nor did the fact that there were not in fact any viruses on the computer I repaired.<br>
This occurrence is primarily funny due to how they went about investigating me for whatever it was they thought I did.
</p><br>
<p>
I will provide an approximate list of events because&mdash;as mentioned on the natalie info page&mdash;I am really bad at writing.
<ul>
<li>Day one: I repaired the broken laptop. A friend of mine was present during this process</li>
<li><p>
Day two: I am pulled out of class by the IT employee local to my school.
She asks to see my laptop.
I schedule a shutdown for 30 seconds from the current time and hand it to her.
She just sort of blankly stares at it (???) for 30 seconds, observes it shut down, and just hands it back to me. (I have no idea why she wanted to see it, lmao. To be clear, she never touched any input device on it.)
I proceed to my next class, uninstall my ssd, and tape it to my thigh (I was somewhat worried they would later try to take my laptop).
I get called out of class by security and escorted to the dean's office.
She is on the phone with someone at the IT department who is vaguely in charge of cybersecurity.
Cybersecurity lady says the Cuban malware line, I am interviewed by her and the dean for some amount of time.
I am told to go back to class
</p>
</li>
<li>
<p>
Day three: I am called down to the office again, with a security escort (I am perhaps the least likely person to require a security escort).
Another interview occures, the IT security lady says lots of things that demonstrate a general misunderstanding of computers.
They also interview the friend that was present when I repaired the computer.
</p>
</li>
<li>
<p>
Day eighteen (after winter break):
I get called down to the deans office again.
The dean apologizes for the hassle and states that no evidence against me was found (shocking).
</p>
</li>
</ul>
Unfortunately, while Oregon is a two party consent state for recording conversations and I would never think to violate the law, this interaction occured before the dean failed to file the paperwork to keep the kid that sent me unwanted sexual messages and followed me home away from me.
While I would never think to record conversations with someone without their consent of course, failing to file paperwork that is arguably required for my safety and then denying the meeting in which one stated they would file paperwork is certainly the sort of thing that would prompt me to begin recording all conversations I had with someone, were I the type of person to break the law of course.<br>
I really wish I had a recording of the IT security lady saying the cuban malware line. alas.
</p>
<hr>
<h2>Leaking the wifi creds</h2>
<p>
To be fair, this one is my fault.
For context, during the summer of 2022, the IT department set up a new secure network.
Previously, there was pps-wifi and pps-wifi-guest.
pps-wifi used boring old wpa2 and every student ever knew the password.
The new network, pps-wireless, used MSCHAPv2 PEAP certificate based authentication.
It should be noted that this took place before any negative interactions I had with IT.
I was aware that the IT department used to offer summer jobs/internships to students, and, given I am reasonably interested in enterprise networks, emailed some guy at the IT department inquiring about the way they were setting up their new network.
Rather rudely, in his response he stated he was disappointed in me (I am not sure why he said this).
This of course prompted the completely reasonable response of deciding I would gain unauthorized access to the new network out of spite.
I will not go in to detail about how this was achieved, but I will state that I genuinely actually seriously (this comes off as sarcastic maybe, I am actually being serious though.) did not commit any crimes in doing so.
I was successful in getting credentials to the network, of course.
</p>
<p>
Now, this year, I was following my standard practice of paying little attention in class and instead working on some random computer thing.
IT had, for whatever reason, blocked the documentation on zsh.
I thought this was stupid and dumb and out of sheer boredom posted the credentials for pps-wireless in a school discord server.
Should I have done this? No, it was fully stupid, but oh well.
Anyways, I got interviewed by the dean and cybersecurity lady from IT.
For whatever reason, the dean said the word "human" 9 times in the interview, 6 of these times were consecutively.
The dean also kept talking down to me, which is probably because I'm autistic or something so naturally I mustn't understand anything ever.
</p>
<p>
Now then, funny part: They decided to suspend me for one day, which like sure, whatever, I'm fine with that, I did break the rules and actions like that do generally have consequences.
They did not however revoke the network certificate I had used and posted. I have no idea why they did not do this and thus given my previous encounters with IT, I must assume incompetence.
If my understanding of their network is correct (which is reasonably likely), they would have very easily been able to revoke the leaked cert and issue a new one. No clue why they didn't.
Anyways, the important part is I received this email:
</p>
<img src='/files/dean-email-why-it-matters.png'/>
<p>
Problems with this email:<ul>
<li>The person the dean describes as the director of IT is not the director of IT.</li>
<li>"the password of PPS"</li>
<li>
<p>
Claiming that she is not trying to fearmonger whilst blatantly fearmongering.<br>
The IT department does not have a reasonable means of determining if someone is trying to find the personal information of transgender staff and students that I can conceive of, the dean is clearly making things up.<br>
The claim does not even make sense, the answer to does a school contain transgender students or staff is just "yes."<br>
She is almost certainly only mentioning anything to do with transgender people because I am transgender. This seems mildly inappropriate to me as she is either trying to guilt me with the fact that my actions could have harmed other transgender people or implying that I wish harm upon other transgender people.
</p>
</li>
</ul>
Ridiculous email, 10/10, made me laugh.<br><br>
</p>
<hr>
<h2>Misc</h2>
<ul>
<li>Freshman year, I gained access to multiple staff member's credentials. Given that I am not a particularly malicious person and only did this out of boredom, I did not do anything bad with them and instead reported the means by which I got them to IT.
I will leave guessing whether or not they fixed the issue I exploited as an exercise for the reader.</li>
</ul>
</div>
</body>
</html>

27
html/albert-hack-1.html Normal file
View File

@ -0,0 +1,27 @@
<html>
<head>
<title>Not a fan of IT</title>
<style>
$[cat style.css]
</style>
</head>
<body>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/']
<div>
<h1>Friend hacked my website lol</h1>
<p>But how?</p>
<hr>
<p>
Prior to me rewriting the backend of my website, there was a bug that would allow a bash command in a comment inside $[echo \$\[\]] and not containing &lt; or &rt; to be executed if you querried the url /html/%2e%2e/files/posts-to-homepage/{post file}.
This was due to any url beginning with '/html/' being unconditionally put through parse_file(), which generates static content from the embedded bash in the html (see <a href='/html/site-info.html'></a>).
In addition to this, the source code of the server could be attained via a similar method, requesting the path of the file, but with /files/ or /html/ in front of it, followed by %2e%2e.
</p>
<p>
Albert was able to exploit this by first getting the source code of the webserver via the second method discussed above, examining it, and deducing the first vulnerability mentioned above.
Upon discovering the RCE available via the comment untrusted command evaluation, they were able to add an ssh key to my server and thus gain a shell.
Amazingly, at the same time that they did this, my other friend's girlfriend (appearing in the comments as gexfan) was halfheartedly trying to mess with my site.
This ended with around 15 messages on discord telling me my site had been hacked, only around two of which were from albert.
</p>
</div>
</body>
</html>

167
html/blanchard.html Normal file
View File

File diff suppressed because one or more lines are too long

19
html/blog/index.html Normal file
View File

@ -0,0 +1,19 @@
<html>
<style>
$[cat style.css]
</style>
<body>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/']
<h1>Blog? Thing</h1>
<p>I don't know if I will use this, but I am bored and thus making a blog system.</p>
<hr>
<h2>Posts</h2>
<table>
<tbody><tr><th><p>Title</p></th><th><p>Editted</p></th><th><p>Posted</p></th><th><p>Size</p></th></tr>
<tr><th colspan="4"><hr></th></tr>
$[for file in $(ls html/blog/posts); do echo "<tr><td><a href=\"/html/blog/posts/$file\">$file</a></td><td>$(stat -c %y "html/blog/posts/$file" | head -c 16)</td><td><p>$(stat -c %y html/blog/posts/$file | head -c 10)</p></td><td align=\"right\">$(numfmt --to=iec --suffix=B $(stat -c %s "html/blog/posts/$file"))</td></tr>"; done | sed 's/\/\//\//g']
<tr><th colspan="4"><hr></th></tr>
</tbody>
</table>
</body>
</html>

40
html/blog/posts/2024-05-03-kingwood-maintenance.html Normal file
View File

@ -0,0 +1,40 @@
<html>
<style>
$[cat style.css]
.image-container {
column-count: 3;
}
.image-container img, .caption {
width: 60%;
}
</style>
<title>Belt sander maintenance</title>
<body>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/']
<h1>I fixed cool equipment my school has</h1>
<p>That is neat, I guess. I should start using the blog feature of my site more.</p>
<hr>
<p>
My school has a big wide belt sander in the wood shop, it is fancy and has electronic controls and whatnot.
There are two contactors that control the movement of the table, one for up, one for down.
The contactor to move the table down has failed twice, once due to general lack of maintenance, and once because the person that replaced it the first time damaged the new contactor during the replacement.
Luckily, for whatever reason the person that replaced the contactor for whatever reason replaced both the up and down contactor, only one of which was bad.
Because of this there was a spare contactor that was good lying around somewhere in the wood shop, thus I was able to replace the damaged replacement contactor.
</p>
<div class="image-container">
<span>
<img src=/files/blog-files/pictures/kingwood-bad-contactor.jpg>
<div class="caption">The damaged "table down" contactor in the kingwood belt sander.</div>
</span>
<span>
<img src=/files/blog-files/pictures/natalie-kingwood.jpg>
<div class="caption">Unexpected photograph of me my friend took while fixing the belt sander.</div>
</span>
<span>
<img src=/files/blog-files/pictures/kingwood-wiring-mess.jpg>
<div class="caption">Contactor spaghetti.</div>
</span>
</div>
</body>
</html>

22
html/blog/posts/new-laptop.html Normal file
View File

@ -0,0 +1,22 @@
<html>
<style>
$[cat style.css]
</style>
<title>My Framework 16 arrived :)</title>
<body>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/']
<h1>I got my Framework 16.</h1>
<p>
Her name is Lavinia, which is a stupid reference probably 2 people who see this website will get.
I love her so.
</p>
<hr>
<p>
My website looks different now. Lavinia has a new colorscheme and thus so does my website.
<img src=/files/fw16-new-colorscheme.png alt='new colorscheme for my framework'>
Now (2024-07-06) it has a different colorscheme:
<img src=/files/fw16-new-new-colorscheme.png alt='new new colorscheme for my framework'>
I'm not going to update the website's colorscheme because I am lazy.
</p>
</body>
</html>

11
html/blog/posts/test-post.html Normal file
View File

@ -0,0 +1,11 @@
<html>
<style>
$[cat style.css]
</style>
<body>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/']
<span style="font-size: 28px; float: left;">Wowee! a blogpost<br></span><br><br>
<hr>
aoeu
</body>
</html>

39
html/cool-sites.html Normal file
View File

@ -0,0 +1,39 @@
<html>
<head>
<style>
$[cat style.css]
</style>
<title>Neat/odd/cool/relatively unknown/other adjective websites</title>
</head>
<body>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/']
<h1>Websites that I think are interesting or just odd, with varying obscurity and in no particular order</h1>
<hr>
<div>
<ul>
<li><a href='https://eightyeightthirty.one/'>eightyeightthirty.one</a> A graph of website badges.</li>
<li><a href='http://lena.kiev.ua/'>lena.kiev.ua</a> Cool transgender ukranian lady who makes bathtub estrogen.</li>
<li><a href='https://www.webcoves.com/tgring.html'>transgendering</a> This one is interesting to explore.</li>
<li><a href='https://he.net/'>he.net</a> I don't remember how or why I found this, but its home page is sort of cool.</li>
<li><a href='https://ftp.cdc.gov/pub/GOODMAN/'>ftp.cdc.gov/pub/GOODMAN/</a> cdc saul goodman</li>
<li><a href='https://wiki.alquds.edu/?query=Main_Page'> wiki.alquds.edu/?query=Main_Page</a> Weird wikipedia mirror</li>
<li><a href='https://lhohq.info/'>lhohq.info</a> Who knows</li>
<li><a href='http://plaza.ufl.edu/virus86'>plaza.ufl.edu/virus86</a> A random UFL student's files sitting on some university server somewhere, for some reason.</li>
<li><a href='https://www.cs.arizona.edu/icon'>www.cs.arizona.edu/icon</a> A cool programming language.</li>
<li><a href='https://observatory.db.erau.edu/generators/signs/'>observatory.db.erau.edu/generators/signs/</a> Warning sign generator.</li>
<li><a href='https://adams.nrc.gov/wba/'>adams.nrc.gov/wba</a> Nuclear Regulatory Commission Agencywide Documents Access and Management System</li>
<li><a href='https://owd.tcnj.edu/~hofmann/'>owd.tcnj.edu/~hofmann</a> Random professor's homepage</li>
<li><a href='https://citrons.xyz'>citrons.xyz</a> This entity seems odd</li>
<li><a href='https://w3.pppl.gov'>w3.pppl.gov</a> I quite like the w3 subdomain of the princeton plasma physics laboratory.</li>
<li><a href='https://eda.gay'>eday.gay</a> She owns less thinkpads than I do. Brainwormed.</li>
<li><a href='https://www.yourworldoftext.com/apionet'>https://www.yourworldoftext.com/apionet</a> buzzzzzzzzzzzzzzzzzzz</li>
</ul>
</div>
This web page compelled me to put it somewhere:
<a href="https://citrons.xyz/a/memetic-apioform-page.html"><img src="https://citrons.xyz/a/static/apiopage.png"/></a>
<h1>entities I sometimes interact with physically</h1>
winter: <a href='https://bunbun.dev'>bunbun.dev</a><br>
odette: <a href='https://puppygirl.systems'>puppygirl.systems</a> (nothing is there yet)<br>
albert: <a href='https://iso-9995-9.com'>iso-9995-9.com</a> (down? dns issue maybe)<br
</body>
</html>

15
html/discord.html Normal file
View File

@ -0,0 +1,15 @@
<html>
<head>
<title>Natalie information</title>
<style>
$[cat style.css]
</style>
</head>
<body>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/']
<h1>Discord</h1>
As one who is not particularly partial to internet centralization, and seeing as I have had discord accounts get banned for seemingly nothing in the past, I am not particularly fond of using discord.
Unfortunately, humans that I like speaking to use discord in large enough volumes that it is likely to be rather challenging to convince all of the ones I particularly care about to migrate to some other platform.
This is not a very nice state of things.
</body>
</html>

8
html/header.html Normal file
View File

@ -0,0 +1,8 @@
<header class='container'>
<h1>$[(for i in {0..10}; do echo Natalieee.net; done; echo Catalieee.net) | shuf -n1]<h1>
<a href='/'>home</a>
<a href=$PREV_URL$>back</a>
<a href='/html/site-info.html'>site info</a>
<a href='/html/natalie-info.html'>natalie info</a>
<hr>
</header>

136
html/my-laptop.html Normal file
View File

@ -0,0 +1,136 @@
<html>
<head>
<title>laptop</title>
<style>
$[cat style.css]
.code-container {
display: flex;
flex-direction: column;
}
.io-container {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-right: 25px;
}
.arrow {
margin: 50px;
align-items: center;
font-size: 50px;
}
pre {
width: 100%;
border: 1px dashed #000;
padding: 10px;
overflow-x: auto;
}
</style>
</head>
<body>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/']
<div>
<h1>DEPRECATED My laptop</h1>
<p>see <a href='/html/blog/posts/new-laptop.html'>blog post</a>
<p>
Currently, I am using a T530 that has been heavily modified.
I used to use a W530, but I fucked it up trying to get tianocore on it and haven't bothered fixing the bios on it yet.
I have preordered a Framework 16 because I am the definition of their target audience.
Since W530s and T530s are basically identical baring the mainboard, there is no external difference between my W530 and T530 because I just yoinked all the parts from the W530.<br>
my-laptop.html was last modified on $[stat -c %y ./html/my-laptop.html | head -c 10].<br>
</p><hr>
<image-column-container>
<image-container style='min-width: 33%'>
<flex-column style='max-width: 100%'>
<captioned-image>
<img src="/files/laptop-keyboard.png" alt="photograph of my laptops keyboard, which is blank because I sanded it.">
<p>photograph of my laptops keyboard, which is blank because I sanded it.</p>
</captioned-image>
<captioned-image>
<img src="/files/laptop-radio.jpg" alt="The software defined radio that goes in my laptop's disc drive.">
<p>The software defined radio that goes in my laptop's disc drive.</p>
</captioned-image>
<captioned-image>
<img src="/files/keybinds_graph.png" alt="Graph of my keybindings (good luck).">
<p>Graph of my keybinds (good luck).</p>
</captioned-image>
<captioned-image>
<img src="/files/laptop-charger-barrel.jpg" alt="charger bodge.">
<p>charger bodge.</p>
</captioned-image>
<flex-column>
</image-container>
<text-column>
<p>I have put an unreasonable amount of time in to messing with my laptop and as such am equally unreasonably proud of it.<br></p>
<h3>Hardware modifications I have made to my laptop:</h3>
<p>
<ul>
<li>Installed an older model's keyboard</li>
<li>Sanded the keyboard such that it is blank.</li>
<li>Upgraded most of its parts.</li>
<li>Put an SDR in its disc drive</li>
<li>Replaced the charging barrel with a worst bodge ever contest finalist because I left my charger at school for a weekend once and wanted to use my laptop.</li>
</ul>
Additionally, I have written a custom xkb file. Unfortunately the geometry file hasn't been updated since I modded in the new keyboard, but here it is anyways: <br>
</p>
<captioned-image style='max-width: 100%'>
<img src='/files/laptop-xkb-geometry.png'/><br>
<p>my xkb geometry file compiled to a pdf</p>
</captioned-image>
<p>
Disregard the fucked up escape key, I was messing with it earlier. My keyboard isn't that notable beyond binding control to caps lock and binding the old control key to mode_switch.
Additionally, when mode_switch is pressed while an alphabetic key is pressed, it types a greek letter instead.
</p>
<p>
I run artix (for the anti systemd meme), though upon getting my framework I intend to switch to gentoo.
I use i3 as my window manager with a somewhat cursed script to programatically generate it's config from a yaml file.
This script is vaguely necessary because <ul>
<li> I wanted a (programatically generated) graph of all my keybinds as leaf nodes with different modes as trunk nodes and individual keys as edges </li>
<li> I wanted to easily nest an arbitrarily large number of modes without it being a hassle </li>
</ul><br>
an example of the function of this script is something like<br><br>
<div class="code-container">
<div class="io-container">
<h3>Input (yaml):</h3>
<pre><code>
keybinds:
a: !Mode
name: a
keybinds:
b: !Mode
name: b
keybinds: ...
</code></pre>
</div>
<div class="io-container">
<h3>Output (i3config):</h3>
<pre><code>
mode a {
bindsym b mode b
}
mode b {
bindsym ... ...
}
bindsym a mode a
</code></pre>
</div>
</div>
From the yaml config, my python script can parse it either in to a (really bad) graph of keybinds (using the graphviz library or something like that) or in to a valid i3 config file.
In my real config, I have a mode 'base' which is the default mode with no keybinds other than mod4+space, followed by a mode 'space' reached by pressing mod4+space.
From 'space' mode, other modes may be accessed, such as 'workspaces or windows' mode, bound under w.
This gets rather absurd (intentionally so) very quickly.
The combination to move to workspace 0 while in 'base' mode is to press mod4+space ('space' mode), w ('workspaces_or_windows' mode), s ('workspaces'), g ('workspaces_goto'), 0 (move to workspace 0).
</p>
<p>
This system results in horrible user experience (but I don't care), great security (close to least intuitive setup possible), and&mdash;most importantly&mdash;an incredibly stupid graph of keybinds.
I find this unreasonably amusing.
</p>
</text-column>
</image-column-container>
</div>
</body>
</html>

68
html/natalie-info.html Normal file
View File

@ -0,0 +1,68 @@
<html>
<head>
<title>Natalie information</title>
<style>
$[cat style.css]
</style>
</head>
<body>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/']
<div>
<h1>What is a "natalie?"</h1>
<a href='/html/natalie-sightings.html'>natalie</a> is an entity that has been observed to be called natalie.<br>
it is known to be referred to as a "she" or an "it."<br>
it is frequently told it is "cat brained" by humans it associates with.<br>
natalie-info.html was last modified on $[stat -c %y ./html/natalie-info.html | head -c 10].<hr>
<h2>Timezone (this is currently broken? I don't know why. The correct time is PDT or the other one)</h2>
its really quite odd, the commands run to generate this section are just date "+%Z (UTC%z)" and date +%T. When I run these in an ssh session, they give expected output, but when the server executes them, it thinks its in UTC. baffling.
Timezone I am in: $[date "+%Z (UTC%z)"]<br>
The local time as of this page being requested was: $[date +%T]<hr>
<h2>Other online presence</h2>
<a href='/html/discord.html'>Discord: _natalieeee_</a><br>
Email: natalie@natalieee.net<hr>
<h2>Other things</h2>
I will probably include information about myself that is vaguely identifiable.
This is a bad idea, but I don't think anyone actually cares about messing with me enough to do anything bad with whatever information is available here.
I am comically bad at writing about myself, so I will disguise my shortcomings by making a list.
<ul>
<li>I would be a senior if I was going to hichschool. I am not going to highschool because I decided it was bad and that I would be going to college instead.</li>
<li>I really like messing with anything technical, be it computers or locks (these interests are at times problematic for my highschool, but oh well).</li>
<li>In addition to standard hackery hobbies, I am interested in machining, urban planning, public transportation (especially rail vehicles (insert joke about autism)), and languistics (this one might be covered by "standard hackery hobbies"). I also seem to enjoy overusing parenthesis.</li>
<li>The number of people I know who can use my computer is 1 (me). I have <italic>really</italic> weird keybindings and use a nonstandard keyboard layout.</li>
<li>I own twelve lenovo thinkpads manufactured between 2010 and 2014.</li>
<li><del>My laptop which I use as my main computer is a modified lenovo thinkpad T530 <a href=/html/my-laptop.html>which is pretty neat.</a> </del><a href=/html/blog/posts/new-laptop.html>refer to this</a></li>
</ul>
<hr>
<h2>Vaguely funny things I have done (Don't read this if you are employed by Portland public schools)</h2>
<ul>
<li>Nearly gotten suspended for allegedly installing (The IT department genuinely said this) """Cuban malware""" on the school network. This was entirely not grounded in reality, IT is just insane. (<a href='/html/I-dont-like-IT.html'>Minor tangent</a>)</li>
<li>Gotten suspended for exactly one day for posting the school district's wifi password on discord (stupid, but I was bored. Also, IT was mean to me, see tangent linked above.)</li>
</ul>
<hr>
<h2>Music I listen to (you should too)</h2>
I am going to use this as a means by which I can impose music recommendations upon whoever reads this page.
According to a hacky script I wrote that tracks what songs I listen to with mpd, here are artists I like:<br>
place playcount artist<br>
1 1935 Black Dresses<br>
2 745 Ada Rook<br>
3 425 Angel Electronics<br>
4 419 rook&nomie<br>
5 360 Reliqa<br>
6 282 Destroy Boys<br>
7 238 Rachel Rose Mitchell<br>
8 221 Cellar Darling<br>
9 218 Florence + The Machine<br>
10 193 Spiritbox<br>
11 141 Inferiority Complex<br>
12 111 Ignea<br>
13 101 Ada Rook/ASH NERVE<br>
14 97 Ada Rook/Sunrise Transparence<br>
15 80 Penelope Scott<br>
16 71 Seas on the Moon/Lena Scissorhands<br>
17 61 Ada Rook/Ash Nerve/Sunrise Transparence/Stephen Spies<br>
18 60 Seas on the Moon<br>
19 52 girl in red<br>
20 50 Cassyette<br>
</div>
</body>
</html>

15
html/natalie-sightings.html Normal file
View File

@ -0,0 +1,15 @@
<html>
<head>
<style>
$[cat style.css]
</style>
<title>Natalie sightings</title>
</head>
<body>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/']
<h1>Natalie Sightings</h1>
<p>They are reasonably rare. <br>These photographs are uneditted, my various cameras are just fucked up. Ignore the annoying aspect ratio.</p>
<hr>
<flex-grid>$[for file in files/natalie-sightings/*; do echo "<flex-grid-item><img src=\"/$file\" width=\"250\"/></flex-grid-item>"; done]</flex-grid>
</body>
</html>

44
html/random-thoughts.html Normal file
View File

@ -0,0 +1,44 @@
<html>
<head>
<title>Natalie information</title>
<style>
$[cat style.css]
details {
border: 2px dashed #ccc;
padding: 10px;
width: 90%;
margin-bottom: 10px;
}
summary {
cursor: pointer;
}
summary::-webkit-details-marker {
display: none;
}
div {
position: relative;
padding-top: 30px;
padding-bottom: 50%;
height: fit-content;
}
div iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/']
<h1>arbitrary thoughts generated by natalie</h1>
I am bad at thinking of things to make blog posts for. this webpage might contain things that I would put in a blog post if I was more proficient at writing filler. It might also contain other things.
<hr>
$[stat -c "%W %n" ./html/thoughts/* | sort -n --reverse | cut -d ' ' -f2- | while read -r file; do echo "<details><summary>$(stat -c'%w' $file | cut -d '.' -f1): $(grep '^<!-- TITLE:' $file | sed 's/^<!-- TITLE: //; s/-->$//')</summary><div><iframe src=.$file></iframe></div></details>"; done]
</body>
</html>

39
html/server-migration.html Normal file
View File

@ -0,0 +1,39 @@
<html>
<head>
<title>server migration</title>
<style>
$[cat style.css]
</style>
</head>
<body>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/']
<h1>This website runs on a big server now.</h1>
<p>It used to run on a dell optiplex 3040 I had laying around, but I got a server from the school basement (you can just take them, apparently).</p>
<hr>
<image-column-container>
<image-container>
<captioned-image>
<img src="/files/natalie-holding-server.png" alt="me holding a server">
<p>The server in question.</p>
</captioned-image>
<image-container>
<text-column>
<h2>Why do I have a server from my schools basement?</h2>
<p>
My school is currently at a temporary campus while our regular campus is being renovated.
I hope this means there will be less lead in the water when they are done, but given how the district is, who knows.
The current campus is notably smaller than the regular campus, thus a large amount of things are in storage.
The man who is in charge of the storage and moving stored items back to the new campus does not like moving items.
For this reason, when I ask him to let me in to the school's basement to just take random cool things, he says yes.
</p>
<h2>It's actually kind of horrible that I have this server.</h2>
<p>
This server used to be part of the district's network infrastructure.
When I got it, it had an unencrypted raid array on the disks that contained district information.
It should not have been stored like this, and I definitely should not have been allowed to take it.
I did of course wipe the drives and didn't even look at what was on them beyond identifying that it was from the district because I am not evil.
</p>
</text-column>
</image-column-container>
</body>
</html>

45
html/site-info.html Normal file
View File

@ -0,0 +1,45 @@
<html>
<style>
$[cat style.css]
</style>
<body>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/']
<h1>Information about this website</h1>
site-info.html was last modified on $[stat -c %y ./html/site-info.html | head -c 10].<br>
<hr>
This page remains (somewhat) in the style of my website prior to getting my new laptop.
The theme of my website has obviously changed since the creation of this page. See <a href='/html/blog/posts/new-laptop.html'>blog post</a>.
<hr>
<p>
This website is really weird from a technical standpoint.
Firstly, I have nginx operating as a proxy service for my subdomains.
I am not going to talk about my subdomains here because they will all probably be utterly self-explanatory, or have their own about section.
Following this, I have a simple python script running a webserver that serves html documents and other files, as you would expect.
The weirdness comes from the cursed custom """parser""" and syntax for the html documents.
Any html documents in the sites files may contain an expression like "$[echo \$\[...]]" where ... is bash code.
Upon being requested by a browser, the web server executes each instance of one of these expressions and replaces the expression with the executed expression's output.
In addition to this, upon being requested, each instance of "{}" in a page is replaced with an arbitrary value provided by the webserver and specified by its index in the list of all "{}"s in the file.
</p>
<p>
In short, I generate static content for the pages (I am unwilling to use javascript because javascript) not through any standard means but through hacky and stupid bash scripts.
There is not a particular reason for me to do it this way, I was just bored.
A sort of neat example of this system is the html for the directory index page (like <a href='/files'>here</a>).
</p>
<hr>
<h2>dir_index.html</h2>
$[cat files/dir_index.html]
<hr>
<p>
<del>
At the moment, this site is running on some dell optiplex 3040 (I think?) I have in my basement.
In the future, I would like to get this running on the server that I took from the basement of my school (with permission of an employee who I am pretty sure did not have the authority to allow me to do this, but I'm not complaining).
</del>
I have moved this site to the server. See <a href='/html/server-migration.html'>server-migration.html</a>
</p><hr>
<p>
This website is designed to look reasonably similar to my laptop:
<img src='/files/my-laptop.png'/>
*My laptop no longer looks like this.
</p>
</body>
</html>

15
html/stats.html Normal file
View File

@ -0,0 +1,15 @@
<html>
<head>
<title>woah, data</title>
<style>$[cat style.css]</style>
</head>
<body>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\\$PREV_URL\\$/".."/']
<h1>Stats! Data! Wow!</h1>
Boring information about me and my computers, delivered right to your web browser (or terminal)!<br>
Why collect information about your users when your users could collect information about you?
<hr>
<h2>Currently available information:</h2>
$[for line in $(cat main.py | grep Route -A1 | grep '/stats/' | sed "s/'//g; s/,//g"); do echo "$(make-link $line)<br>"; done]
<body>
</html>

7
html/thoughts/audio-is-bad Normal file
View File

@ -0,0 +1,7 @@
<!-- TITLE: Audio is bad. So is my computer. -->
<style>$[cat style.css]</style>
While I was making $[make-link /stats/what-song-is-it-listening-to], specifically while I was writing the service that would send song updates to the server from my laptop, I decided to make mpd started by my init system (openrc).
This quickly devolved in to also making pipewire start from my init system. Prior to now, it was start by my compositor, which would run <code>unfuck audio</code>. For some reason, likely due to the fact that I use seatd instead of elogind for session management on this laptop, the default artix init scripts for all pipewire related services and mpd did not work.
I spent like two hours hacking on these, and now have arrived at a system which vaguely works. Both mpd and {pipewire,pipewire-pulse,wireplumber} are started by my init, however, for some reason which is entirely obscure to me, pipewire does not recognize anything other than my bluetooth headphones.
This doesn't actually matter, because I functionally never use the speakers in this laptop, but it is still quite stupid.<br><br>
I hate computers. I should get back to making random information about me available on the internet.

7
html/thoughts/dns Normal file
View File

@ -0,0 +1,7 @@
<!-- TITLE: dns -->
<style>$[cat style.css]</style>
Odette, one of my meat friends (not computer friends) (though she is a computery friend) just <a href='https://puppygirl.systems'>bought a domain</a>. Apparently the registrar she bought it from didn't have an api, which was problematic because she doesn't have a static ip.
Because I am a reasonable person, I decided to start hosting dns for her. Now I know (some) things about dns!
I like learning things.
<br><br>
As stated in the changelog, should any random website tourist wish to use my dns setup for their own website (I do not recomend this, nor do I know why you would want to do this.) you can email me. I might even respond.

6
html/thoughts/fonts??? Normal file
View File

@ -0,0 +1,6 @@
<!-- TITLE: this website is bad and fonts are worse -->
<style>$[cat style.css]</style>
I am unsure as to what is going on?<br>
on $[make-link /html/natalie-sightings.html], the font never loads. I have failed to ascertain why it is that this occurs, as this has only become an issue today and no edits have been made to that page remotely recently. What on earth.<br><br>
I have an unfortunate habit of accruing computer ghosts that break things in horribly unclear ways.

17
html/thoughts/technical-debt Normal file
View File

@ -0,0 +1,17 @@
<!-- TITLE: This website has a lot of technical debt and I should rewrite it -->
<style>$[cat style.css]</style>
This is horrible and bad. The html of just about every webpage is utter garbage because I am me.
Rewriting everything is going to be such a task, a task that I really should do.
<br><br>
Woo!
<br><br>
I should really unbodge the css at some point, too. Also, I need to remember to add a license and probably also a footer at some point.
<br><br>
I have at the very least fixed some of the horrendous practices seen on this website by the implementation of nginx as a proxy service.
Now, when not having a valid ssl cert (for a good reason, this will be fixed when there ceases to be a good reason) breaks my webserver (for some reason), not everything breaks!
hooray.
<br><br>
I need to stop using an iframe for these, this page was designed prior to caving to my friends demand that I make my website "have" "consistent styling" and also "not use the whole page width for text,"
thus it used to be that these posts would take up the entire body width, but now there are just two margins.
<br><br>
I should probably update site-info.html now.

15
html/thoughts/this-is-a-thought Normal file
View File

@ -0,0 +1,15 @@
<!-- TITLE: wow! -->
<style>$[cat style.css]</style>
This post is confusing and might be a marginally abnormal quine. in html*. Have fun.<br>
This is a thing that works now.
The format in which I can write these posts as well as how they work is reasonably interesting.
I am most displeased due to my inability to figure out a reasonable means of having iframes such that their height is that of their respective content.
below you will find the code for this web page. it is interesting, especially if you haven't read <a href=/html/site-info.html> the site info page</a>.
<pre><xmp>$[cat ./html/random-thoughts.html]</xmp></pre>
<br>
you may ask: natalie[ee], why are you using iframes?<br>
the answer to such a question would of course be "by using iframes, I may make a post contain bash commands as detailed on <a href=/html/site-info.html> the site info page</a> while also being arbitrarily invalid html. Plain text would make a valid thought post.
<br>
an example of such, this post:
<pre>$[cat ./html/thoughts/this-is-a-thought | sed 's/&/\&amp;/g; s/</\&lt;/g; s/>/\&gt;/g']</pre>
As can be observed, the title is set via a rather kludgy comment in the post file. This allows for filenames that differ from titles, which I implemented for no particular reason.