switch to htmlgen for content creation
This commit is contained in:
gnat
parent
9e1f368742
commit
90664163a0
@ -31,3 +31,4 @@
|
||||
2024-08-19: rewrite .*-info pages, add footer, update home.html, make all* images links
|
||||
2024-08-20: update my-laptop.html, create my-old-laptop.html
|
||||
2024-08-27: test new home.html compiled from lisp code.
|
||||
2024-09-01: switch to <a href='https://git.natalieee.net/nat/htmlgen>htmlgen'</a> for content
|
||||
|
||||
269
home.html
269
home.html
@ -1,269 +0,0 @@
|
||||
<html lang="en">
|
||||
<head><meta http-equiv="content-type" content="text/html; charset=utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/style.css"/><title>home</title></head><body>
|
||||
<header><nav><ul><li><h1>$[(for i in {0..10}; do echo natalieee.net; done; echo catalieee.net) | shuf -n1]</h1></li><li><a href="/">home</a></li><li><a href="..">back</a></li><li><a href="/html/site-info.html">site info</a></li><li><a href="/html/natalie-info.html">natalie info</a></li></ul></nav></header><main>
|
||||
<section><p>I'm natalie[ee]<br/>$[find files/homepage-statements/* | shuf -n1 | xargs -I % cat %]<br/>I am not sure what I am going to use this site for, it only exists because I was <del>procrastinating my calculus homework</del> bored one day<br/>website homepage visit-counter: $[echo visit >> files/home_visit_counter; wc -l files/home_visit_counter]</p></section><section><h2>particularly notable pages</h2><a href="/html/site-info.html">information about this website</a><a href="/html/natalie-info.html">information about this natalie</a><a href="/html/blog/index.html">there is a blog. I do not frequently use it.</a><a href="/html/random-thoughts.html">arbitrary natalie thoughts. they are interesting, sometimes</a><a href="/html/cool-sites.html">other webloci</a></section><section>
|
||||
<h2>directories</h2><span>
|
||||
<a href=files>files</a>
|
||||
<a href=font>font</a>
|
||||
<a href=html>html</a>
|
||||
<a href=scripts>scripts</a>
|
||||
</span></section><section>
|
||||
<h2>changelog</h2><pre>
|
||||
2024-02-18: Cleaned up header css, added changelog.
|
||||
2024-02-24: Made dir_index.html slightly less cursed server side
|
||||
2024-04-10: Fix albert hacking my website by rewriting the entire backend (lol)
|
||||
2024-04-12: Add "natalie-sightings.html"
|
||||
2024-04-14: Add "cool-sites.html", update home.html to actually be html compliant, updated comment system, add 88x31 collection, minor modification to "natalie-info.html".
|
||||
2024-04-25: Move hosting to server taken from school basement, (somewhat notable)
|
||||
2024-04-26: Updated server-migration.html, site-info.html.
|
||||
2024-05-03: Added link to blog page in home.html, added random statement to home page upon each load
|
||||
2024-05-11: Rewrote the webserver code, again. Fixed a few things in home.html.
|
||||
2024-05-19: update theme to be in compliance with new laptop. depricate laptop page
|
||||
2024-07-06: Now supports http and https. This creates a race condition in theory. Don't care
|
||||
2024-07-09: updated natalie-info.html at the request of cinnabar, who was annoyed at the small number of incorrect things
|
||||
2024-07-18: create & add header to all pages, changes to css so as to scale with vw
|
||||
2024-07-24: Append to list of interesting sights, add page complaining about discord
|
||||
2024-07-24: add thoughts page in /html/, update natalie info page
|
||||
2024-07-24: updated wording in site-info.html, add /stats/ routes, update home.html to make filetree hidden by default because it is big
|
||||
2024-07-25: rewrite css because winter told me to. Now has dark mode based on a media query.
|
||||
2024-07-25: add subdomain proxying with nginx.
|
||||
2024-07-26: add <a href='https://git.natalieee.net'>git.natalieee.net</a>
|
||||
2024-07-26: update site-info.html
|
||||
2024-07-26: I have a dns server now. oops. there go my sleeping plans. email me if you want to use it for some insane reason.
|
||||
2024-07-27: Update style on non blog posts
|
||||
2024-07-27: modernize /html/site-info.html, finally
|
||||
2024-07-27: improve image accessibility, update blog posts to be compliant with new style
|
||||
2024-07-28: add support for planned footer in all relevant html documents, simplify inclusion of other documents in a document using include script
|
||||
2024-08-05: add 88x31s, clean up css
|
||||
2024-08-06: rewrote entire backend, website now supports <a href='/?uwu=true'>uwu mode</a>
|
||||
2024-08-09: tidy server directory, fix back button
|
||||
2024-08-09: fix css issue on homepage
|
||||
2024-08-09: fix thoughts not displaying in correct order
|
||||
2024-08-19: rewrite .*-info pages, add footer, update home.html, make all* images links
|
||||
2024-08-20: update my-laptop.html, create my-old-laptop.html
|
||||
2024-08-27: test new home.html compiled from lisp code.
|
||||
</pre></section><section>
|
||||
<h2>site file tree</h2><p>(as of last build)</p><details>
|
||||
<summary>file tree hidden for brevity</summary><pre>
|
||||
site
|
||||
|-- __pycache__
|
||||
| \-- utils.cpython-312.pyc
|
||||
|-- changelog
|
||||
|-- dir_index.html
|
||||
|-- files
|
||||
| |-- 88x31
|
||||
| | |-- I-hate-squarspace.jpg
|
||||
| | |-- acab.gif
|
||||
| | |-- asexuals.gif
|
||||
| | |-- bad-apple-looping.apng
|
||||
| | |-- best-viewed-with-eyes.gif
|
||||
| | |-- bunbun.dev.html
|
||||
| | |-- catscapemeow.png
|
||||
| | |-- gnu-lesbian.html
|
||||
| | |-- hellzone.html
|
||||
| | |-- love-vim.gif
|
||||
| | |-- luxen.neocities.html
|
||||
| | |-- natalieee.net.html
|
||||
| | |-- no-js.jpg
|
||||
| | |-- powered-by-estrogen.gif
|
||||
| | \-- trans.png
|
||||
| |-- blog-files
|
||||
| | \-- pictures
|
||||
| | |-- kingwood-bad-contactor.jpg
|
||||
| | |-- kingwood-wiring-mess.jpg
|
||||
| | \-- natalie-kingwood.jpg
|
||||
| |-- dean-email-why-it-matters.png
|
||||
| |-- deep-rock.mp4
|
||||
| |-- dir_index.html
|
||||
| |-- fw16-new-colorscheme.png
|
||||
| |-- fw16-new-new-colorscheme.png
|
||||
| |-- home_visit_counter
|
||||
| |-- homepage-statements
|
||||
| | |-- 1
|
||||
| | |-- 10
|
||||
| | |-- 11
|
||||
| | |-- 12
|
||||
| | |-- 2
|
||||
| | |-- 3
|
||||
| | |-- 4
|
||||
| | |-- 5
|
||||
| | |-- 6
|
||||
| | |-- 7
|
||||
| | |-- 8
|
||||
| | \-- 9
|
||||
| |-- html5.png
|
||||
| |-- keybinds_graph.png
|
||||
| |-- laptop-charger-barrel.jpg
|
||||
| |-- laptop-keyboard.png
|
||||
| |-- laptop-radio.jpg
|
||||
| |-- laptop-xkb-geometry.png
|
||||
| |-- my-laptop.png
|
||||
| |-- natalie-holding-server.png
|
||||
| |-- natalie-sightings
|
||||
| | |-- bad-front-camera.jpg
|
||||
| | |-- fixing-kingwood-beltsander.jpg
|
||||
| | |-- narrow-gauge-falling-over.jpg
|
||||
| | |-- newport-for-research-vessel-tour.jpg
|
||||
| | |-- normal-headphones.jpg
|
||||
| | |-- not-on-a-crane.jpg
|
||||
| | |-- on-a-crane.jpg
|
||||
| | |-- static-hair.jpg
|
||||
| | |-- wall-time.png
|
||||
| | \-- wave-measuring-radar-I-think.jpg
|
||||
| |-- niri-dev-keybind-graph.png
|
||||
| |-- posts-to-homepage
|
||||
| | |-- post_2024-01-15_12:44:10-740.txt
|
||||
| | |-- post_2024-01-15_12:44:18-939.txt
|
||||
| | |-- post_2024-01-15_12:44:46-863.txt
|
||||
| | |-- post_2024-01-15_12:47:50-503.txt
|
||||
| | |-- post_2024-01-15_14:01:16-657.txt
|
||||
| | |-- post_2024-01-15_14:01:32-242.txt
|
||||
| | |-- post_2024-01-15_14:01:56-977.txt
|
||||
| | |-- post_2024-01-15_15:28:37-735.txt
|
||||
| | |-- post_2024-02-16_12:39:24-502.txt
|
||||
| | |-- post_2024-02-26_22:35:03-603.txt
|
||||
| | |-- post_2024-04-09_18:16:23-175.txt
|
||||
| | |-- post_2024-04-09_18:19:51-247.txt
|
||||
| | |-- post_2024-04-10_14:34:08-940.txt
|
||||
| | |-- post_2024-04-10_14:36:58-000.txt
|
||||
| | |-- post_2024-04-10_15:40:01-996.txt
|
||||
| | |-- post_2024-04-10_15:51:25-822.txt
|
||||
| | |-- post_2024-04-10_15:51:43-966.txt
|
||||
| | |-- post_2024-04-10_15:53:19-027.txt
|
||||
| | |-- post_2024-04-10_15:53:30-295.txt
|
||||
| | |-- post_2024-04-10_15:54:07-529.txt
|
||||
| | |-- post_2024-04-10_15:55:53-767.txt
|
||||
| | |-- post_2024-04-10_16:00:09-689.txt
|
||||
| | |-- post_2024-04-10_16:08:47-051.txt
|
||||
| | |-- post_2024-04-10_16:11:34-637.txt
|
||||
| | |-- post_2024-04-10_16:39:32-933.txt
|
||||
| | |-- post_2024-04-10_17:31:12-327.txt
|
||||
| | |-- post_2024-04-10_22:17:12-309.txt
|
||||
| | |-- post_2024-04-26_14:43:47-369.txt
|
||||
| | |-- post_2024-04-26_14:44:27-701.txt
|
||||
| | |-- post_2024-04-26_14:44:37-280.txt
|
||||
| | |-- post_2024-04-26_15:27:32-592.txt
|
||||
| | |-- post_2024-05-03_18:23:45-362.txt
|
||||
| | |-- post_2024-05-03_18:26:19-741.txt
|
||||
| | |-- post_2024-05-03_19:39:50-803.txt
|
||||
| | |-- post_2024-05-03_20:14:04-519.txt
|
||||
| | |-- post_2024-05-03_22:07:28-694.txt
|
||||
| | |-- post_2024-05-03_22:13:53-986.txt
|
||||
| | |-- post_2024-05-03_22:28:16-811.txt
|
||||
| | |-- post_2024-05-03_22:48:15-132.txt
|
||||
| | |-- post_2024-05-03_23:02:59-957.txt
|
||||
| | |-- post_2024-05-17_10:09:26-633.txt
|
||||
| | |-- post_2024-06-01_07:30:39-709.txt
|
||||
| | |-- post_2024-06-01_07:30:48-909.txt
|
||||
| | |-- post_2024-06-01_07:30:56-153.txt
|
||||
| | |-- post_2024-07-07_02:43:16-916.txt
|
||||
| | |-- post_2024-07-07_02:44:09-894.txt
|
||||
| | |-- post_2024-07-07_04:38:29-881.txt
|
||||
| | |-- post_2024-07-07_04:38:46-629.txt
|
||||
| | |-- post_2024-07-07_04:47:40-613.txt
|
||||
| | |-- post_2024-07-07_04:48:34-488.txt
|
||||
| | |-- post_2024-07-07_04:48:35-488.txt
|
||||
| | |-- post_2024-07-07_04:48:38-488.txt
|
||||
| | |-- post_2024-07-07_04:54:26-562.txt
|
||||
| | |-- post_2024-07-07_04:54:34-333.txt
|
||||
| | |-- post_2024-07-07_04:55:51-947.txt
|
||||
| | |-- post_2024-07-07_05:00:37-462.txt
|
||||
| | |-- post_2024-07-24_20:51:50-094.txt
|
||||
| | |-- post_2024-07-25_03:25:57-261.txt
|
||||
| | |-- post_2024-07-25_03:43:54-147.txt
|
||||
| | |-- post_2024-07-25_04:10:10-690.txt
|
||||
| | |-- post_2024-07-25_04:14:10-633.txt
|
||||
| | |-- post_2024-07-25_04:14:50-077.txt
|
||||
| | |-- post_2024-07-25_04:15:24-217.txt
|
||||
| | |-- post_2024-07-25_04:15:44-463.txt
|
||||
| | |-- post_2024-08-06_15:39:44-327.txt
|
||||
| | |-- post_2024-08-06_15:40:22-506.txt
|
||||
| | |-- post_2024-08-06_15:41:20-035.txt
|
||||
| | |-- post_2024-08-06_15:41:53-278.txt
|
||||
| | \-- post_2024-08-27_21:40:41-120.txt
|
||||
| |-- stats
|
||||
| | |-- heartbeat
|
||||
| | \-- song
|
||||
| |-- temp
|
||||
| | \-- example_of_prompt_weirdness.mp4
|
||||
| \-- thoughts
|
||||
| |-- talgo-shirt-back.jpg
|
||||
| \-- talgo-shirt-front.jpg
|
||||
|-- font
|
||||
| |-- MapleMono.ttf
|
||||
| |-- MapleMonoItalic.ttf
|
||||
| |-- scientifica.ttf
|
||||
| \-- scientificaItalic.ttf
|
||||
|-- home.html
|
||||
|-- html
|
||||
| |-- I-dont-like-IT-old.html
|
||||
| |-- I-dont-like-IT.html
|
||||
| |-- albert-hack-1-old.html
|
||||
| |-- albert-hack-1.html
|
||||
| |-- blanchard.html
|
||||
| |-- blog
|
||||
| | |-- index.html
|
||||
| | \-- posts
|
||||
| | |-- 2024-05-03-kingwood-maintenance.html
|
||||
| | |-- new-laptop.html
|
||||
| | \-- test-post.html
|
||||
| |-- cool-sites-old.html
|
||||
| |-- cool-sites.html
|
||||
| |-- discord.html
|
||||
| |-- footer.html
|
||||
| |-- header.html
|
||||
| |-- my-laptop.html
|
||||
| |-- my-old-laptop.html
|
||||
| |-- natalie-info-old.html
|
||||
| |-- natalie-info.html
|
||||
| |-- natalie-sightings.html
|
||||
| |-- random-thoughts-old.html
|
||||
| |-- random-thoughts.html
|
||||
| |-- server-migration.html
|
||||
| |-- site-info.html
|
||||
| |-- stats.html
|
||||
| \-- thoughts
|
||||
| |-- audio-is-bad
|
||||
| |-- dns
|
||||
| |-- fonts???
|
||||
| |-- less-technical-debt
|
||||
| |-- re-previous-font-post
|
||||
| |-- talgo-shirt
|
||||
| |-- technical-debt
|
||||
| |-- things-I-should-do
|
||||
| |-- this-is-a-thought
|
||||
| |-- website-concept
|
||||
| \-- wireless-headphones
|
||||
|-- log
|
||||
|-- scripts
|
||||
| |-- img-caption
|
||||
| |-- include
|
||||
| |-- make-link
|
||||
| \-- make-link-2
|
||||
|-- shell.nix
|
||||
|-- sludge -> ../sludge
|
||||
\-- style.css
|
||||
|
||||
19 directories, 179 files
|
||||
</pre>
|
||||
</details></section><section>
|
||||
<h2>88x31 collection</h2><span>
|
||||
<a href='https://hellzone.org'><img src='https://hellzone.org/src/images/88x31.gif'></a>
|
||||
<a href='https://bunbun.dev'><img src='data:image/gif;base64,R0lGODlhWAAfAPAAAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAAjAP8ALAAAAABYAB8AAAKphI+py+0Po5y02ouz3rz7D4biSJbmiabqOgWB5opxOGP1d3t5tXP99pMEM0Pbi3gEFS+u5rEWc86kz2RUqqAasABo8kF9ebvaMPlw5W7LbPTXMY5bxfPz2o7HX936d0POB3gnmCeHNRZBuDdYp/hl6NQn1EgZWMnIl3m200Tmx2AWSnnYhinKhaqVoOrZCekVKajK2rmmxoKbq7vL2+v7CxwsPExcbExSAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAAjAP8ALAAAAABYAB8AAAKmhI+py+0Po5y02ouz3rz7D4biSJbmiabqOgWB5opxOGP1d3t5tXP99pMEM0Pbi3gEFS+u5rEWc86kz2RUqqAasABo8kF9ebvaMPlw5W7LbPTXMY5bxfPz2o7HX936d0POB3gnmCeHNRZBuDdYp/hl6NQn1EgZWMnIl3m200Tmx2AWSnnYhinKpQahtRYJ6dV6ubrqyVJre4ubq7vL2+v7CxwsPJxbAAA7' alt='bunbun.dev'></a>
|
||||
<img src="./files/88x31/trans.png" width=88 height=31/>
|
||||
<img src="./files/88x31/I-hate-squarspace.jpg" width=88 height=31/>
|
||||
<img src="./files/88x31/no-js.jpg" width=88 height=31/>
|
||||
<img src="./files/88x31/asexuals.gif" width=88 height=31/>
|
||||
<img src="./files/88x31/bad-apple-looping.apng" width=88 height=31/>
|
||||
<img src="./files/88x31/love-vim.gif" width=88 height=31/>
|
||||
<img src="./files/88x31/powered-by-estrogen.gif" width=88 height=31/>
|
||||
<a href='https://luxen.neocities.org/'><img src='https://luxen.neocities.org/88x31.gif'></a>
|
||||
<a href='https://natalieee.net'><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAfCAYAAABjyArgAAABb2lDQ1BpY2MAACiRdZG7S8NQFMa/PqRFKx10EHHIUB9DC0VBHKWCXapDW8GqS3KbtEKShpsUKa6Ci0PBQXTxNfgf6Cq4KgiCIog4OvtapMRzm0KLtCecnB/fPd/h5gTwZ3Rm2MEkYJgOz6ZT0mphTQq9IwwfgpSTMrOtpdxiHj3j55H6KB4SYlbvvq4xUFRtBvjCxLPM4g7xPHFmy7EE7xEPs7JcJD4hjnO6IPGt0BWP3wSXPP4SzPPZBcAvZkqlDlY6mJW5QTxFHDP0KmvdR3xJRDVXclRHKcdgI4s0UpCgoIpN6HCQoGrSzrr7kk3fMirkYfS2UAMnRwll8sZJrdJUlapGukqPjprY+/992trMtDc9kgL6Xl33cxwI7QONuuv+nrpu4wwIvADXZttfoT3NfZNeb2uxYyC6A1zetDXlALjaBUaeLZnLTSlA6dc04OMCGCwAQ/dA/7q3q9Y5zp+A/Db9ojvg8AiYoP7oxh+f12feK5ElyAAAAAlwSFlzAAALEgAACxIB0t1+/AAAApdJREFUaEPtWktOAzEMnSJOwYYFp0GITS9RCXXDgpsgJC7RDUKchgUbrlHwjFycjJMXx5OpWmakolL7+fPG4yRuV13X7X9fyzU9AysyeUl/Pr++pzf/jy3eXF8dsu8JXq4mDPSd4aKFaXkHrfYJi/BIbvU5tf56ve7o1YxgMvzx/lYVN7crhEfyKucNQE0quEGcgclTWjOCHqw9enEysU5Kvn3Y/JKyGS2gCJ+7ORKbIhnZ98qtxTNa5J5fXgMbFJBMht7Lx1OT02dsh3Rv7+4PNhE+lwBj6ebFdgnHsaTi88qt5JK+uouQhFAVymS0KteSJeOhnSE8C15LaLBJT4d+jWMJ4/fKrSSbtmlaBQytoOzy4ku8cGtK6XrlJTFIHRPBBNQqwOLUi0e+4hYX63vlyH8sNxMsDXj3o158KlmtNUldr9xCsolgWmQGUoa28Pd/6FLqxQukFc9+4qS0XUocH2M4Bq/cQizr0kBiL0nQFqz4M7lKUzWkFjnWiyvGiqdgkQ2ZvHYIkXivHBH99LjtVXa7XTciGIEXOWZAEgxPcjV9sgaDwy7XOLZ/GSkkmJRrzv01mHIKseax/XOERQTjdBaNFAOjXQR6vErP8qlZRO5WzDELmbsURsOeeFYgT2roLC+3bqlZBEowNwuZwz+KzyofVTA6aaGzvAwAbehTweZmIXP4t5KY0zcdNKZ0XGsLzRJq7bbCnRzBaJbQiqhau1mC0YJX69SLq209Xr81+IBgNGvQzvLxoigXOu0bjZogGYNmCZresb9eUo/KaFYQb+JTFZWaReRIts5C2JYWQ41/TwEwdplFTMFixoZpFtE4lrM33/dgXsz4xxJnn/WMCdIsgvpw/0O15ZqeAUns8ivL6fntfgARjrcUTOE2HQAAAA5lWElmTU0AKgAAAAgAAAAAAAAA0lOTAAAAAElFTkSuQmCC"/></a>
|
||||
<img src="./files/88x31/best-viewed-with-eyes.gif" width=88 height=31/>
|
||||
<img src="./files/88x31/catscapemeow.png" width=88 height=31/>
|
||||
|
||||
<img src="./files/88x31/acab.gif" width=88 height=31/>
|
||||
<a href='/status'><img src="data:image/png;base64, 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"></a>
|
||||
</span></section><section><h2>post arbitrary data to be displayed here</h2>yes, I do sanitize this<a href="/html/albert-hack-1.html"><del>(No you don't --sanitization tester)</del></a>yes I do</section><section class="ignore-section"><form action="#" method="post"><label for="text">post text:</label><input type="text" id="text" name="text" required="NIL"/><label for="name">username:</label><input type="text" id="name" name="name" required="NIL"/><button type="submit">submit</button></form><div>$[ls -r ./files/posts-to-homepage | while read -r file; do echo "<div class=post>$(cat files/posts-to-homepage/${file})</div>"; done]</div></section></main><footer>
|
||||
page rendered at $[date +%s]<br/><a href='https://natalieee.net'><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAfCAYAAABjyArgAAABb2lDQ1BpY2MAACiRdZG7S8NQFMa/PqRFKx10EHHIUB9DC0VBHKWCXapDW8GqS3KbtEKShpsUKa6Ci0PBQXTxNfgf6Cq4KgiCIog4OvtapMRzm0KLtCecnB/fPd/h5gTwZ3Rm2MEkYJgOz6ZT0mphTQq9IwwfgpSTMrOtpdxiHj3j55H6KB4SYlbvvq4xUFRtBvjCxLPM4g7xPHFmy7EE7xEPs7JcJD4hjnO6IPGt0BWP3wSXPP4SzPPZBcAvZkqlDlY6mJW5QTxFHDP0KmvdR3xJRDVXclRHKcdgI4s0UpCgoIpN6HCQoGrSzrr7kk3fMirkYfS2UAMnRwll8sZJrdJUlapGukqPjprY+/992trMtDc9kgL6Xl33cxwI7QONuuv+nrpu4wwIvADXZttfoT3NfZNeb2uxYyC6A1zetDXlALjaBUaeLZnLTSlA6dc04OMCGCwAQ/dA/7q3q9Y5zp+A/Db9ojvg8AiYoP7oxh+f12feK5ElyAAAAAlwSFlzAAALEgAACxIB0t1+/AAAApdJREFUaEPtWktOAzEMnSJOwYYFp0GITS9RCXXDgpsgJC7RDUKchgUbrlHwjFycjJMXx5OpWmakolL7+fPG4yRuV13X7X9fyzU9AysyeUl/Pr++pzf/jy3eXF8dsu8JXq4mDPSd4aKFaXkHrfYJi/BIbvU5tf56ve7o1YxgMvzx/lYVN7crhEfyKucNQE0quEGcgclTWjOCHqw9enEysU5Kvn3Y/JKyGS2gCJ+7ORKbIhnZ98qtxTNa5J5fXgMbFJBMht7Lx1OT02dsh3Rv7+4PNhE+lwBj6ebFdgnHsaTi88qt5JK+uouQhFAVymS0KteSJeOhnSE8C15LaLBJT4d+jWMJ4/fKrSSbtmlaBQytoOzy4ku8cGtK6XrlJTFIHRPBBNQqwOLUi0e+4hYX63vlyH8sNxMsDXj3o158KlmtNUldr9xCsolgWmQGUoa28Pd/6FLqxQukFc9+4qS0XUocH2M4Bq/cQizr0kBiL0nQFqz4M7lKUzWkFjnWiyvGiqdgkQ2ZvHYIkXivHBH99LjtVXa7XTciGIEXOWZAEgxPcjV9sgaDwy7XOLZ/GSkkmJRrzv01mHIKseax/XOERQTjdBaNFAOjXQR6vErP8qlZRO5WzDELmbsURsOeeFYgT2roLC+3bqlZBEowNwuZwz+KzyofVTA6aaGzvAwAbehTweZmIXP4t5KY0zcdNKZ0XGsLzRJq7bbCnRzBaJbQiqhau1mC0YJX69SLq209Xr81+IBgNGvQzvLxoigXOu0bjZogGYNmCZresb9eUo/KaFYQb+JTFZWaReRIts5C2JYWQ41/TwEwdplFTMFixoZpFtE4lrM33/dgXsz4xxJnn/WMCdIsgvpw/0O15ZqeAUns8ivL6fntfgARjrcUTOE2HQAAAA5lWElmTU0AKgAAAAgAAAAAAAAA0lOTAAAAAElFTkSuQmCC"/></a>
|
||||
</footer></body></html>
|
||||
@ -1,119 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Not a fan of IT</title>
|
||||
<style>
|
||||
$[cat style.css]
|
||||
</style>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
</head>
|
||||
<body>
|
||||
$[include html/header.html]
|
||||
<main>
|
||||
<section>
|
||||
<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>
|
||||
</section>
|
||||
<section>
|
||||
<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—as mentioned on the natalie info page—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>
|
||||
</section>
|
||||
<section>
|
||||
<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-caption "/files/dean-email-why-it-matters.png" "Email to my parents from the dean of students where she blatantly lies"]
|
||||
<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>
|
||||
</section>
|
||||
<section>
|
||||
<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>
|
||||
</section>
|
||||
</main>
|
||||
$[include html/footer.html]
|
||||
</body>
|
||||
</html>
|
||||
@ -1,32 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Albert</title>
|
||||
<style>
|
||||
$[cat style.css]
|
||||
</style>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
</head>
|
||||
<body>
|
||||
$[include html/header.html]
|
||||
<main>
|
||||
<section>
|
||||
<h1>Friend hacked my website lol</h1>
|
||||
<p>But how?</p>
|
||||
</section>
|
||||
<section>
|
||||
<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 < 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>
|
||||
</section>
|
||||
</main>
|
||||
$[include html/footer.html]
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
@ -1,29 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Subunit of the blogosphere</title>
|
||||
<style>
|
||||
$[cat style.css]
|
||||
</style>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
</head>
|
||||
<body>
|
||||
$[include html/header.html]
|
||||
<main>
|
||||
<section>
|
||||
<h1>My subunit of the blogosphere</h1>
|
||||
<p>I don't know if I will use this, but I am bored and thus making a blog system.</p>
|
||||
</section>
|
||||
<section>
|
||||
<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 --time=creation); 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>
|
||||
</section>
|
||||
</main>
|
||||
$[include html/footer.html]
|
||||
</body>
|
||||
</html>
|
||||
@ -1,47 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
$[cat style.css]
|
||||
.image-container {
|
||||
column-count: 3;
|
||||
}
|
||||
|
||||
.image-container img, .caption {
|
||||
width: 60%;
|
||||
}
|
||||
</style>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Belt sander maintenance</title>
|
||||
</head>
|
||||
<body>
|
||||
$[include html/header.html]
|
||||
<main>
|
||||
<section>
|
||||
<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>
|
||||
</section>
|
||||
<section>
|
||||
<flex-grid>
|
||||
<flex-grid-item>
|
||||
$[img-caption "/files/blog-files/pictures/kingwood-bad-contactor.jpg" "The damaged \"table down\" contactor in the kingwood belt sander."]
|
||||
</flex-grid-item>
|
||||
<flex-grid-item>
|
||||
$[img-caption "/files/blog-files/pictures/natalie-kingwood.jpg" "Unexpected photograph of me my friend took while fixing the belt sander."]
|
||||
</flex-grid-item>
|
||||
<flex-grid-item>
|
||||
$[img-caption "/files/blog-files/pictures/kingwood-wiring-mess.jpg" "Contactor spaghetti."]
|
||||
</flex-grid-item>
|
||||
</flex-grid>
|
||||
</section>
|
||||
</main>
|
||||
$[include html/footer.html]
|
||||
</body>
|
||||
</html>
|
||||
@ -1,32 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
$[cat style.css]
|
||||
</style>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>My Framework 16 arrived :)</title>
|
||||
</head>
|
||||
<body>
|
||||
$[include html/header.html]
|
||||
<main>
|
||||
<section>
|
||||
<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>
|
||||
</section>
|
||||
<section>
|
||||
<p>
|
||||
My website looks different now. Lavinia has a new colorscheme and thus so does my website.
|
||||
$[img-caption "/files/fw16-new-colorscheme.png" "new colorscheme for my framework"]
|
||||
Now (2024-07-06) it has a different colorscheme:
|
||||
$[img-caption "/files/fw16-new-new-colorscheme.png" "new new colorscheme for my framework"]
|
||||
I'm not going to update the website's colorscheme because I am lazy.<br>
|
||||
as of 2024-07-27, I have made a media query that will use a dark colorscheme matching my laptop should you have a dark browser theme set.
|
||||
</p>
|
||||
</section>
|
||||
</main>
|
||||
$[include html/footer.html]
|
||||
</body>
|
||||
</html>
|
||||
@ -1,19 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>aoeu</title>
|
||||
<style>
|
||||
$[cat style.css]
|
||||
</style>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
</head>
|
||||
<body>
|
||||
$[include html/header.html]
|
||||
<main>
|
||||
<section>
|
||||
<h1>Wowee! a blogpost</h1>
|
||||
aoeu
|
||||
</section>
|
||||
</main>
|
||||
$[include html/footer.html]
|
||||
</body>
|
||||
</html>
|
||||
@ -1,45 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
$[cat style.css]
|
||||
</style>
|
||||
<title>Neat/odd/cool/relatively unknown/other adjective websites</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
</head>
|
||||
<body>
|
||||
$[include html/header.html]
|
||||
<main>
|
||||
<section>
|
||||
<h1>Websites that I think are interesting or just odd, with varying obscurity and in no particular order</h1>
|
||||
<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>
|
||||
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>
|
||||
</section>
|
||||
<section>
|
||||
<h1>entities I sometimes interact with physically</h1>
|
||||
<span>winter: <a href='https://bunbun.dev'>bunbun.dev</a><a href='https://bunbun.dev'><img style='float: right' src='../files/88x31/bunbun.dev.gif'></a></span>
|
||||
<span>odette: <a href='http://puppygirl.systems'>puppygirl.systems</a> Semi functional now</span>
|
||||
<span>albert: <a href='https://iso-9995-9.com'>iso-9995-9.com</a> (down? dns issue maybe)</span>
|
||||
<span>sam: <a href='https://hellzone.org'>hellzone.org</a><a href='https://hellzone.org'><img style='float: right' src='https://hellzone.org/src/images/88x31.gif'></a></span>
|
||||
</section>
|
||||
</main>
|
||||
$[include html/footer.html]
|
||||
</body>
|
||||
</html>
|
||||
@ -1,21 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Discord</title>
|
||||
<style>
|
||||
$[cat style.css]
|
||||
</style>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
</head>
|
||||
<body>
|
||||
$[include html/header.html]
|
||||
<main>
|
||||
<section>
|
||||
<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.
|
||||
</section>
|
||||
</main>
|
||||
$[include html/footer.html]
|
||||
</body>
|
||||
</html>
|
||||
@ -1,4 +0,0 @@
|
||||
<footer>
|
||||
page rendered at $[date +%s]<br>
|
||||
$[include ./files/88x31/natalieee.net.html]
|
||||
</footer>
|
||||
@ -1,11 +0,0 @@
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><h1>$[(for i in {0..10}; do echo Natalieee.net; done; echo Catalieee.net) | shuf -n1]</h1></li>
|
||||
<li><a href='/'>home</a></li>
|
||||
<li><a href='..'>back</a>
|
||||
<li><a href='/html/site-info.html'>site info</a></li>
|
||||
<li><a href='/html/natalie-info.html'>natalie info</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
@ -1,100 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>laptop</title>
|
||||
<style>
|
||||
$[cat style.css]
|
||||
</style>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
</head>
|
||||
<body>
|
||||
$[include html/header.html]
|
||||
<main>
|
||||
<section>
|
||||
<h1>my laptop is rather haunted</h1>
|
||||
I am bad at using technology.<br>
|
||||
this is not due to lack of technical ability, but instead due to the accumulation of unreasonable quirks over time in every computer I exert any degree of control over.
|
||||
</section>
|
||||
<section>
|
||||
<h2>booting and the operating system</h2>
|
||||
<p>
|
||||
I do not use a bootloader.
|
||||
instead, I have a custom kernel build based off the arch kernel with filesystem and compression drivers such that I can boot straight from my kernel.
|
||||
I also do not have an initramfs.
|
||||
</p>
|
||||
<p>
|
||||
technically, I don't use arch linux.
|
||||
I use [a custom build of] the arch kernel and arch package repos, but actually run artix.
|
||||
a function of this is that instead of systemd, I use openrc.
|
||||
</p>
|
||||
</section>
|
||||
<section>
|
||||
<h2>seat management and hardware issue mitigation</h2>
|
||||
<p>
|
||||
I once thought it would be entertaining to remove elogind from my system.
|
||||
of course, I still needed it installed as a library, but disabling it was trivial.
|
||||
it was replaced with seatd for seat management and acpid to suspend my computer when I close the lid.
|
||||
this worked for a time, however after a couple months of this setup, elogind inexplicably began to be started by my init system.
|
||||
I do not know how or why, I did not change anything, nor is there anything matching 'elogind' in /etc/init.d/.
|
||||
this was bad because it would interfere with acpid.
|
||||
</p>
|
||||
<h3>the solution</h3>
|
||||
<pre>
|
||||
~ λ cat /etc/acpi/lid.sh
|
||||
#!/bin/sh
|
||||
cat /proc/acpi/button/lid/LID0/state | grep open && (modprobe i2c_hid_acpi) || (
|
||||
killall elogind-daemon
|
||||
rmmod i2c_hid_acpi
|
||||
(test -e /home/catalie/.should-power-off) && s2ram
|
||||
) </pre>
|
||||
<p>
|
||||
I overcame this issue simply by attempting to kill elogind every time I close the lid of my computer.
|
||||
</p>
|
||||
<p>
|
||||
you may wonder, why is it running rmmod i2c_hid_acpi every time it close its laptop's lid.
|
||||
you see, the framework 16 has an issue in which the trackpad and keyboard are not properly barred from waking the computer from suspend while the lid is closed.
|
||||
in addition to this, the screen can flex just enough to press a key or bump the trackpad.
|
||||
this causes the laptop to wake in my bag and attempt to boil the contents of my backpack.
|
||||
the keyboard waking the computer from suspend can be ammended by running
|
||||
<pre>sudo acpitool -w | grep enabled | awk '{print $1}' | sed 's/\.//' | xargs -I{} sudo acpitool -W {}</pre>
|
||||
however, the trackpad is not in the list of acpi wakeup devices for whatever reason.
|
||||
thus, upon the lid being closed, I simply unload the kernel module the trackpad requires and load it again upon opening the lid.
|
||||
</p>
|
||||
</section>
|
||||
<section>
|
||||
<h2>environment</h2>
|
||||
<p>
|
||||
I use wayland, specifically hyprland.
|
||||
this is unfortunate because it is bad software (this will be elaborated upon), but I like the special workspace system.
|
||||
my status bar and notification system are written in gjs with ags. I resent this because it involves javascript, but oh well.
|
||||
when libastal gets documentation, I will probably rewrite my ui in that.
|
||||
my terminal emulator is my own build of st.
|
||||
I have yet to find a good terminal that supports all the things I want for wayland, so xwayland it is.
|
||||
</p>
|
||||
</section>
|
||||
<section>
|
||||
<h2>keyboard</h2>
|
||||
<p>
|
||||
unlike my previous laptop, I had the option to buy this laptop such that it came with a blank keyboard.
|
||||
in accordance with this, I have not sanded my keyboard.
|
||||
the framework 16 keyboard runs qmk, this is very nice.
|
||||
the keyboard firmware is now hardcoded to be dvorak instead of using a custom console and xkb map.
|
||||
on one hand this is nice because it means I do not need to edit xkb files to remap caps lock to control, but on the other hand if I plug an external keyboard in to my laptop, it will be qwerty and I will have to load my xkb map or type in qwerty. I can probably type in qwerty.
|
||||
I need to remember to finish my keyboard config at some point. also, I should make the button that breaks the keyboard until I remove it and put it back in harder to press.
|
||||
</p>
|
||||
</section>
|
||||
<section>
|
||||
<h2>irregular bugs</h2>
|
||||
<ul>
|
||||
<li>killing firefox kills my compositor what I would estimate to be 20% of the time</li>
|
||||
<li>killing firefox causes my headphones to disconnect what I would estimate to be 40% of the time</li>
|
||||
<li>no audio devices other than my headphones are recognized after boot until I run <pre>unfuck audio</pre></li>
|
||||
<li>when displaying https://wiki.gnuradio.org/index.php/Embedded_Python_Block in any web browser, or a screenshot of this webpage fullscreen on my laptop in any wayland compositor, my screen starts flickering. it only occures with this page. unplugging my computer causes the flickering to reduce in frequency. this will not occur if my mouse pointer is not in the top 2/5ths of the screen.</li>
|
||||
<li>closing my computer causes network manager to become inoperable. it does not crash, it just stops working.</li>
|
||||
<li>closing my computer causes firefox to be unable to retrieve data regardless of if network manager is working</li>
|
||||
<li>sometimes, pipewire ceases to function. this typically happens after several days of uptime</li>
|
||||
</ul>
|
||||
</section>
|
||||
</main>
|
||||
$[include html/footer.html]
|
||||
</body>
|
||||
</html>
|
||||
@ -1,105 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>laptop</title>
|
||||
<style>
|
||||
$[cat style.css]
|
||||
</style>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
</head>
|
||||
<body>
|
||||
$[include html/header.html]
|
||||
<main>
|
||||
<section>
|
||||
<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>
|
||||
</section>
|
||||
<section>
|
||||
<image-column-container>
|
||||
<image-container>
|
||||
<flex-column style='margin-right: 10px;'>
|
||||
$[img-caption "/files/laptop-keyboard.png" "photograph of my laptops keyboard, which is blank because I sanded it."]
|
||||
$[img-caption "/files/laptop-radio.jpg" "The software defined radio that goes in my laptop's disc drive."]
|
||||
$[img-caption "/files/keybinds_graph.png" "Graph of my keybindings, they are hard to see"]
|
||||
$[img-caption "/files/laptop-charger-barrel.jpg" "charger barrel size adapter sticking out the back of my laptop"]
|
||||
</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>
|
||||
$[img-caption "/files/laptop-xkb-geometry.png" "my xkb geometry file compiled to a pdf"]
|
||||
<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—most importantly—an incredibly stupid graph of keybinds.
|
||||
I find this unreasonably amusing.
|
||||
</p>
|
||||
<p>to my endless amusement, I may be partially to blame for the niri compositor having keybinding modes</p>
|
||||
$[img-caption /files/niri-dev-keybind-graph.png 'YaLTeR, the niri dev, seeing my keybind graph and deciding to implement keybinding modes']
|
||||
</text-column>
|
||||
</image-column-container>
|
||||
</section>
|
||||
</main>
|
||||
$[include html/footer.html]
|
||||
</body>
|
||||
</html>
|
||||
@ -1,63 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Natalie information</title>
|
||||
<style>
|
||||
$[cat style.css]
|
||||
</style>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
</head>
|
||||
<body>
|
||||
$[include html/header.html]
|
||||
<main>
|
||||
<section>
|
||||
<h1>what is a "natalie?"</h1>
|
||||
<span>I am <a href='/html/natalie-sightings.html'>natalie</a>. obviously.</span>
|
||||
<p>
|
||||
words are not a thing I am good at. this is exacerbaited when the words are about myself.
|
||||
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>
|
||||
<h2>somewhat irregular natalie facts</h2>
|
||||
<ul>
|
||||
<li>I own 12 thinkpads, all of which were manufactured prior to 2014</li>
|
||||
<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>
|
||||
<h2>contact information</h2>
|
||||
<a href='/html/discord.html'>Discord: _natalieeee_</a>
|
||||
email: natalie at natalieee.net<br>
|
||||
xmpp: nat@natalieee.net
|
||||
</section>
|
||||
</main>
|
||||
$[include html/footer.html]
|
||||
</body>
|
||||
</html>
|
||||
@ -1,22 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
$[cat style.css]
|
||||
</style>
|
||||
<title>Natalie sightings</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
</head>
|
||||
<body>
|
||||
$[include html/header.html]
|
||||
<main>
|
||||
<section>
|
||||
<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>
|
||||
</section>
|
||||
<section>
|
||||
<flex-grid>$[for file in files/natalie-sightings/*; do echo "<flex-grid-item>$(img-caption "/$file")</flex-grid-item>"; done]</flex-grid>
|
||||
</section>
|
||||
</main>
|
||||
$[include html/footer.html]
|
||||
</body>
|
||||
</html>
|
||||
@ -1,20 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Natalie "thoughts"</title>
|
||||
<style>
|
||||
$[cat style.css]
|
||||
</style>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
</head>
|
||||
<body>
|
||||
$[include html/header.html]
|
||||
<main>
|
||||
<section>
|
||||
<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.
|
||||
</section>
|
||||
$[for file in ./html/thoughts/*; do echo $(grep DATE $file | awk '{print $3 $4}') $file; done | sort -k1,1 -r | cut -d' ' -f2 | while read -r file; do echo "<section><details id='$(basename $file)'><summary>$(grep '^<!-- DATE:' $file | sed 's/^<!-- DATE: //; s/-->$//'): $(grep '^<!-- TITLE:' $file | sed 's/^<!-- TITLE: //; s/-->$//')</summary><div>$(include $file)</details></section>"; done]
|
||||
</main>
|
||||
$[include html/footer.html]
|
||||
</body>
|
||||
</html>
|
||||
@ -1,45 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>server migration</title>
|
||||
<style>
|
||||
$[cat style.css]
|
||||
</style>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
</head>
|
||||
<body>
|
||||
$[include html/header.html]
|
||||
<main>
|
||||
<section>
|
||||
<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>
|
||||
</section>
|
||||
<section>
|
||||
<image-column-container>
|
||||
<image-container>
|
||||
<flex-column>
|
||||
$[img-caption "/files/natalie-holding-server.png" "me holding the server I got from the school basement"]
|
||||
</flex-column>
|
||||
</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>
|
||||
</section>
|
||||
</main>
|
||||
$[include html/footer.html]
|
||||
</body>
|
||||
</html>
|
||||
@ -1,70 +0,0 @@
|
||||
<html>
|
||||
<style>
|
||||
$[cat style.css]
|
||||
</style>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<body>
|
||||
$[include html/header.html]
|
||||
<main>
|
||||
<section>
|
||||
<h1>Information about this website</h1>
|
||||
site-info.html was last modified on $[stat -c %y ./html/site-info.html | head -c 10].<br>
|
||||
</section>
|
||||
<section>
|
||||
<h2>/(.*\.)?natalieee.net/</h2>
|
||||
<h3>why?</h3>
|
||||
<p>
|
||||
I was displeased with my former status of not having a website
|
||||
</p>
|
||||
<h3>how?</h3>
|
||||
<p>
|
||||
requests to /(.*\.)?natalieee.net/ get routed to nginx, which acts as a proxy for my subdomains.
|
||||
nginx routes requests requests to /^natalieee.net/ to this webserver, which is named <a href='https://git.natalieee.net/nat/sludge'>sludge</a>.
|
||||
requests to /.*\.natalieee.net/ are routed according to the /.*\.natalieee.net/ section.
|
||||
</p>
|
||||
</section>
|
||||
<section>
|
||||
<h2>/^natalieee.net/</h2>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
</ul>
|
||||
</section>
|
||||
</main>
|
||||
$[include html/footer.html]
|
||||
</body>
|
||||
</html>
|
||||
@ -1,22 +0,0 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>woah, data</title>
|
||||
<style>$[cat style.css]</style>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
</head>
|
||||
<body>
|
||||
$[include html/header.html]
|
||||
<main>
|
||||
<section>
|
||||
<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?
|
||||
</section>
|
||||
<section>
|
||||
<h2>Currently available information:</h2>
|
||||
$[for line in $(cat sludge/src/lib/router.py | grep Route -A1 | grep '/stats/' | sed "s/'//g; s/,//g" | cut -d= -f3); do echo "$(make-link $line)"; done]
|
||||
</section>
|
||||
</main>
|
||||
$[include html/footer.html]
|
||||
<body>
|
||||
</html>
|
||||
@ -1,15 +1,20 @@
|
||||
<!-- TITLE: wow! -->
|
||||
<!-- DATE: 2024-07-23 20:26:07 -->
|
||||
this post has been edited to remove behavior that would cause breakage at compile time in compliance with changes to site archetucture discussed in "2024-08-21 00:25:12: this site serves pages slowly and with asymetric lag times" and the following post. <br>
|
||||
you may think: "but posts don't get compiled". you are correct, however they get included in documents at the compile time of those documents. <br>
|
||||
this caused behavior where every time the /html/random-thoughts.html page was rendered, it would render approximately 8 times the content. not ideal. <br>
|
||||
instead of fixing the issue with the lisp to html converter (dubiously possible) I have simply escaped the commands in this post. use your imagination if you are really that curious as to how it originally looked.
|
||||
<br><br><br>
|
||||
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>
|
||||
<pre><xmp>$[echo "\$\[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/&/\&/g; s/</\</g; s/>/\>/g']</pre>
|
||||
<pre>$[echo "\$\[cat ./html/thoughts/this-is-a-thought | sed 's/&/\&/g; s/</\</g; s/>/\>/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.
|
||||
|
||||
@ -1,3 +1,8 @@
|
||||
#!/bin/sh
|
||||
|
||||
python3 -u -c "import sludge.src.lib.content; print(sludge.src.lib.content.parse_file('$1'))"
|
||||
output="$(python3 -u -c "import sludge.src.lib.content; print(sludge.src.lib.content.parse_file('$1'))")"
|
||||
if [ -z "${2}" ]; then
|
||||
echo "${output}" | sed "${2}"
|
||||
else
|
||||
echo "${output}"
|
||||
fi
|
||||
|
||||
Loading…
Reference in New Issue
Block a user