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

update info pages, add footer

Browse Source
This commit is contained in:
gnat 2024-08-19 12:21:37 -07:00
parent 54e0560d5e
commit f45ba9cc3a
4 changed files with 84 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
html/footer.html
View File

@ -1,2 +1,4 @@
<footer> <footer>
page rendered at $[date +%s]<br>
$[include ./files/88x31/natalieee.net.html]
</footer> </footer>

99
html/natalie-info.html
View File

@ -10,69 +10,52 @@
$[include html/header.html] $[include html/header.html]
<main> <main>
<section> <section>
<h1>What is a "natalie?"</h1> <h1>what is a "natalie?"</h1>
<span><a href='/html/natalie-sightings.html'>natalie</a> is an entity that has been observed to be called natalie.</span> <span>I am <a href='/html/natalie-sightings.html'>natalie</a>. obviously.</span>
it is known to be referred to as a "she" or an "it." <p>
it is frequently told it is "cat brained" by humans it associates with. words are not a thing I am good at. this is exacerbaited when the words are about myself.
natalie-info.html was last modified on $[stat -c %y ./html/natalie-info.html | head -c 10]. despite this, I shall attempt a suitable description of myself.
</p>
<br>
ideally, I am to be referred to as an "it" or a "she". the former is preferred to some degree.<br>
timezone I am in: $[date "+%Z (UTC%z)"].<br>
age: $[echo $(( $(date +%s) - $(date -d "2007-04-01" +%s) ))] seconds. that is $[echo "scale=8; ($(date +%s) - $(date -d '2007-04-01' +%s)) / (365.25*24*3600)" | bc] [earth] years.<br>
I am kind of a college student. it is complicated. I will be a college student with less complications by fall of 2025.<br>
I like systems. particularly ones that have reasonably consistent behavior based on a set of rules. this is omnipresent in my interests.
<br>
list of interests: <ul>
<li>technical computer things, so long as they do not involve javascript</li>
<li>infrastrusture, particularly pertaining to trains</li>
<li>languistics, especially conlangs</li>
<li>key making and lock picking</li>
<li>math</li>
</ul>
things that I enjoy: <ul>
<li>friends</li>
<li>going on long walks</li>
<li>utilizing public transportation</li>
<li>train tracks</li>
</ul>
things I find displeasing: <ul>
<li>grease or oil on my skin</li>
<li>non friend people</li>
<li>ultraviolet radiation</li>
<li>busywork</li>
</ul>
</section> </section>
<section> <section>
<h2>Timezone (this is currently broken? I don't know why. The correct time is PDT or the other one)</h2> <h2>somewhat irregular natalie facts</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. <ul>
Timezone I am in: $[date "+%Z (UTC%z)"]<br> <li>I own 12 thinkpads, all of which were manufactured prior to 2014</li>
The local time as of this page being requested was: $[date +%T] <li>the number of people that can effectively use my computer is, to my knowledge, 1</li>
<li>I can replace the screen on my first generation iphone se a1662 in 70 seconds</li>
</ul>
</section> </section>
<section> <section>
<h2>Other online presence</h2> <h2>contact information</h2>
<a href='/html/discord.html'>Discord: _natalieeee_</a> <a href='/html/discord.html'>Discord: _natalieeee_</a>
Email: natalie@natalieee.net email: natalie at natalieee.net
</section> xmpp: nat@natalieee.net
<section>
<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>
</section>
<section>
<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>
</section>
<section>
<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>
</section> </section>
</main> </main>
$[include html/footer.html] $[include html/footer.html]

74
html/site-info.html
View File

@ -11,53 +11,59 @@
site-info.html was last modified on $[stat -c %y ./html/site-info.html | head -c 10].<br> site-info.html was last modified on $[stat -c %y ./html/site-info.html | head -c 10].<br>
</section> </section>
<section> <section>
<span>The theme of my website has changed since the creation of this page. See <a href='/html/blog/posts/new-laptop.html'>blog post</a>.</span> <h2>/(.*\.)?natalieee.net/</h2>
</section> <h3>why?</h3>
<section>
<h2>Root dommain</h2>
<p> <p>
This website is really weird from a technical standpoint. I was displeased with my former status of not having a website
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>
<h3>how?</h3>
<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. requests to /(.*\.)?natalieee.net/ get routed to nginx, which acts as a proxy for my subdomains.
There is not a particular reason for me to do it this way, I was just bored. nginx routes requests requests to /^natalieee.net/ to this webserver, which is named <a href='https://git.natalieee.net/nat/sludge'>sludge</a>.
A sort of neat example of this system is the html for the directory index page (like <a href='/files'>here</a>). requests to /.*\.natalieee.net/ are routed according to the /.*\.natalieee.net/ section.
</p> </p>
</section> </section>
<section> <section>
<h2>dir_index.html</h2> <h2>/^natalieee.net/</h2>
$[cat files/dir_index.html] <p>
the root domain of this website, which you are currently observing, is running sludge.
the colors of both the light and dark mode are based off of the colorscheme of my laptop.
</p>
</section> </section>
<section> <section>
<h2>subdomains</h2> <h2>sludge</h2>
<h3>what is a sludge?</h3>
<p>s[ite][k]ludge is my from-scratch webserver. it has features.</p>
<h3>why?</h3>
<p>I dislike "web development". also, I was bored.</p>
<h3>what does sludge do?</h3>
<ul>
<li>send data</li>
<li>receive data</li>
<li>process data</li>
<li>create new data</li>
<li>move data</li>
<li>coerce data[types]</li>
<li>other verbs prepended to data</li>
</ul>
<h3>how does sludge?</h3>
<p>
sludge receives requests for paths. if these paths are in the routing table, it determines what it should respond with. generally, if the path starts with /html/, it will read an html document from the filesystem.
following this, it will locate any instance of "{key}" and replace these instances with a value determined by a function associated to the route being requested in the routing table.
after substituting these values, it will find any instances of the pattern "$[echo \$\[...]]", where ... is a valid bash expression. for each match, it replaces the original matching text with the output of said text executed in bash.
this functions as a static sight generator. an example of this is the headers on this site, which are included via the following expression: "$[echo \$\[include ./html/header.html]]"
</p>
<p>
sludge also has the ability to apply arbitrary edits to outgoing data prior to said data being sent, but after it has been generated. you may observe this <a href='?uwu=true'>here</a>.
</p>
</section>
<section>
<h2>/.*\.natalieee.net/</h2>
<ul> <ul>
<li>$[make-link https://git.natalieee.net]: Gitea instance. You may use it if you feel so inclined for some reason. I wouldn't.</li> <li>$[make-link https://git.natalieee.net]: Gitea instance. You may use it if you feel so inclined for some reason. I wouldn't.</li>
<li>$[make-link https://dns.natalieee.net]: Pointless CNAME record to my main domain so that entities using my dns (A number greater than 0!) can put dns.natalieee.net down as their nameserver instead of natalieee.net.</li> <li>$[make-link https://dns.natalieee.net]: Pointless CNAME record to my main domain so that entities using my dns (A number greater than 0!) can put dns.natalieee.net down as their nameserver instead of natalieee.net.</li>
</ul> </ul>
</section> </section>
<section>
<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 I took from school. See <a href='/html/server-migration.html'>server-migration.html</a>
</p>
</section>
<section>
<p>
This website <del>is</del> was designed to look reasonably similar to my laptop:
$[img-caption "/files/my-laptop.png" "A screenshot of my laptop with its old colorscheme"]
*My laptop no longer looks like this.
</p>
</section>
</main> </main>
$[include html/footer.html] $[include html/footer.html]
</body> </body>

1
html/thoughts/things-I-should-do
View File

@ -10,6 +10,7 @@
<li>relocate moth</li> <li>relocate moth</li>
<li>per location config</li> <li>per location config</li>
<li>make thought posts be managed by a system other than git, such that each thought does not require a new commit</li> <li>make thought posts be managed by a system other than git, such that each thought does not require a new commit</li>
<li>make it harder to press the key that puts my keyboard in to bootloader mode</li>
</ul> </ul>
<h2>things I have done:</h2> <h2>things I have done:</h2>
<ul> <ul>