From eb61c1bae2ffad114e17393d91d86fb00d7ac8cd Mon Sep 17 00:00:00 2001 From: Hannah Isopod Date: Sat, 10 May 2025 03:03:58 -0600 Subject: Initialer commit Just remade the repo because I don't *need* need a comprehensive source history for my personal website and this is easier than getting filter-repo to work good --- .gitignore | 4 + .well-known/button.json | 13 + .well-known/fursona | 19 + LICENSE | 57 +++ README.md | 5 +- about/bg.jpg | Bin 0 -> 442443 bytes about/bg.jxl | Bin 0 -> 482705 bytes about/images/crackship_quiz_result.png | Bin 0 -> 24970 bytes about/images/isopod_quiz_result.png | Bin 0 -> 11140 bytes about/index.php | 138 +++++++ blog/bg.jpg | Bin 0 -> 910875 bytes blog/bg.jxl | Bin 0 -> 651503 bytes blog/blog.atom | 247 ++++++++++++ blog/comment/comments.css | 92 +++++ blog/comment/feed.php | 29 ++ blog/comment/index.php | 40 ++ blog/comment/submit.php | 81 ++++ blog/index.php | 164 ++++++++ blog/media/banner-statuscafe.png | Bin 0 -> 832 bytes blog/posts/ai_art/index.md | 76 ++++ blog/posts/ai_art/index.php | 1 + blog/posts/building_a_normal_server/index.md | 174 ++++++++ blog/posts/building_a_normal_server/index.php | 1 + .../media/2023-11-20_contraption.mp4 | Bin 0 -> 431696506 bytes .../media/CSE-PTJBOD-CB1.jpg | Bin 0 -> 225783 bytes .../media/CSE-PTJBOD-CB1.jxl | Bin 0 -> 155972 bytes .../building_a_normal_server/media/ChenYang.jpg | Bin 0 -> 60326 bytes .../building_a_normal_server/media/ChenYang.jxl | Bin 0 -> 74743 bytes .../posts/building_a_normal_server/media/ECS07.jpg | Bin 0 -> 93965 bytes .../posts/building_a_normal_server/media/ECS07.jxl | Bin 0 -> 35545 bytes .../building_a_normal_server/media/bare_frame.jpg | Bin 0 -> 393312 bytes .../building_a_normal_server/media/bare_frame.jxl | Bin 0 -> 362631 bytes .../media/drive_spaghet.jpg | Bin 0 -> 452166 bytes .../media/drive_spaghet.jxl | Bin 0 -> 385807 bytes .../media/drive_spaghet_lsblk.jpg | Bin 0 -> 658802 bytes .../media/drive_spaghet_lsblk.jxl | Bin 0 -> 556921 bytes .../media/fully_assembled.jpg | Bin 0 -> 457500 bytes .../media/fully_assembled.jxl | Bin 0 -> 405078 bytes .../building_a_normal_server/media/m2_slot.jpg | Bin 0 -> 311224 bytes .../building_a_normal_server/media/m2_slot.jxl | Bin 0 -> 224030 bytes .../media/partially_assembled_1.jpg | Bin 0 -> 290042 bytes .../media/partially_assembled_1.jxl | Bin 0 -> 270957 bytes .../media/partially_assembled_2.jpg | Bin 0 -> 285405 bytes .../media/partially_assembled_2.jxl | Bin 0 -> 256847 bytes .../building_a_normal_server/media/pcie_slots.jpg | Bin 0 -> 310128 bytes .../building_a_normal_server/media/pcie_slots.jxl | Bin 0 -> 235558 bytes .../media/power_spaghet.png | Bin 0 -> 45454 bytes .../building_a_sensible_server/ebaypoweredge.png | Bin 0 -> 541642 bytes blog/posts/building_a_sensible_server/index.md | 142 +++++++ blog/posts/building_a_sensible_server/index.php | 1 + blog/posts/building_a_sensible_server/nictua.jpg | Bin 0 -> 242887 bytes .../building_a_sensible_server/servercase.jpg | Bin 0 -> 148090 bytes .../servercaseinside.jpg | Bin 0 -> 335938 bytes .../servercaseinsidefront.jpg | Bin 0 -> 424991 bytes .../building_a_sensible_server/ziptiemount.jpg | Bin 0 -> 156703 bytes .../background.png | Bin 0 -> 1237600 bytes .../index.md | 87 ++++ .../index.php | 1 + blog/posts/discord/discord-no-way-2.gif | Bin 0 -> 1961 bytes blog/posts/discord/discord.png | Bin 0 -> 13432 bytes blog/posts/discord/federation.png | Bin 0 -> 130233 bytes blog/posts/discord/index.md | 204 ++++++++++ blog/posts/discord/index.php | 1 + blog/posts/fediverse_dms/bg.svg | 17 + blog/posts/fediverse_dms/index.md | 19 + blog/posts/fediverse_dms/index.php | 1 + blog/posts/foodhero/index.md | 3 + blog/posts/foodhero/index.php | 1 + .../guide_blacklist_websites_searxng/index.md | 21 + .../guide_blacklist_websites_searxng/index.php | 1 + .../guide_blacklist_websites_searxng/searxng.svg | 19 + blog/posts/guide_blocking_user_agents_nginx/bg.svg | 2 + .../guide_blocking_user_agents_nginx/index.md | 73 ++++ .../guide_blocking_user_agents_nginx/index.php | 1 + .../guide_fix_youtube_buffering_firefox/bg.svg | 8 + .../guide_fix_youtube_buffering_firefox/index.md | 15 + .../guide_fix_youtube_buffering_firefox/index.php | 1 + .../what_they_took_from_you.png | Bin 0 -> 111068 bytes .../fstab.png | Bin 0 -> 21466 bytes .../index.md | 78 ++++ .../index.php | 1 + blog/posts/guide_pihole_lepotato/bg.png | Bin 0 -> 13792 bytes blog/posts/guide_pihole_lepotato/index.md | 77 ++++ blog/posts/guide_pihole_lepotato/index.php | 1 + .../index.php | 84 ++++ .../wireguard_logo.png | Bin 0 -> 12772 bytes .../guide_things_i_keep_having_to_google/index.php | 126 ++++++ blog/posts/how_my_blog_works/index.md | 0 blog/posts/how_my_blog_works/index.php | 1 + blog/posts/make_your_own_cables/2pindin.jpg | Bin 0 -> 44061 bytes blog/posts/make_your_own_cables/4pinminixlr.png | Bin 0 -> 60880 bytes .../make_your_own_cables/homebrew2pindincable.jpg | Bin 0 -> 4023505 bytes .../homebrewxlrcablefinished.jpg | Bin 0 -> 2561659 bytes blog/posts/make_your_own_cables/index.md | 37 ++ blog/posts/make_your_own_cables/index.php | 1 + blog/posts/my_terrible_distro_hop/bg.png | Bin 0 -> 406989 bytes blog/posts/my_terrible_distro_hop/index.md | 116 ++++++ blog/posts/my_terrible_distro_hop/index.php | 1 + blog/posts/post.php | 105 +++++ blog/posts/renting_an_unremarkable_server/index.md | 40 ++ .../posts/renting_an_unremarkable_server/index.php | 1 + blog/posts/toshiba_chromebook/chromebook.jpg | Bin 0 -> 121656 bytes blog/posts/toshiba_chromebook/index.md | 46 +++ blog/posts/toshiba_chromebook/index.php | 1 + .../bg.svg | 22 + .../devprotest.png | Bin 0 -> 8970706 bytes .../index.md | 55 +++ .../index.php | 1 + chromealert.php | 21 + deeptwisty.png | Bin 0 -> 1763 bytes etc/bg.jpg | Bin 0 -> 419224 bytes etc/bg.jxl | Bin 0 -> 164764 bytes etc/buttons/35mm.gif | Bin 0 -> 3747 bytes etc/buttons/ace.png | Bin 0 -> 656 bytes etc/buttons/agender.png | Bin 0 -> 6523 bytes etc/buttons/amd_powered.gif | Bin 0 -> 706 bytes etc/buttons/antinft.gif | Bin 0 -> 1669 bytes etc/buttons/aro.png | Bin 0 -> 6180 bytes etc/buttons/aromantic-80x15.png | Bin 0 -> 598 bytes etc/buttons/asexual-80x15.png | Bin 0 -> 2379 bytes etc/buttons/badhtml.png | Bin 0 -> 1247 bytes etc/buttons/bantimetravel.png | Bin 0 -> 3223 bytes etc/buttons/bestviewed.gif | Bin 0 -> 9419 bytes etc/buttons/canadian.gif | Bin 0 -> 4083 bytes etc/buttons/chrome.gif | Bin 0 -> 8964 bytes etc/buttons/css.png | Bin 0 -> 3176 bytes etc/buttons/deeptwisty_button.png | Bin 0 -> 4676 bytes etc/buttons/dontclick.gif | Bin 0 -> 3687 bytes etc/buttons/dontyouhate.gif | Bin 0 -> 3987 bytes etc/buttons/drpepper.gif | Bin 0 -> 2412 bytes etc/buttons/epicblazed.png | Bin 0 -> 3433 bytes etc/buttons/floof_explode_88x31.gif | Bin 0 -> 37149 bytes etc/buttons/getvlcnow.png | Bin 0 -> 14305 bytes etc/buttons/google_stand.gif | Bin 0 -> 21247 bytes etc/buttons/handcode.png | Bin 0 -> 6504 bytes etc/buttons/i_hate_microsoft.png | Bin 0 -> 2957 bytes etc/buttons/isopodhours.png | Bin 0 -> 6331 bytes etc/buttons/krisbtn.png | Bin 0 -> 1146 bytes etc/buttons/linux_powered.gif | Bin 0 -> 14619 bytes etc/buttons/neocities_stamp.gif | Bin 0 -> 2431 bytes etc/buttons/niceopod_button.png | Bin 0 -> 5163 bytes etc/buttons/niceopod_button_2.png | Bin 0 -> 4664 bytes etc/buttons/nonbinary-80x15.png | Bin 0 -> 593 bytes etc/buttons/nonbinary.png | Bin 0 -> 196 bytes etc/buttons/notoweb3.gif | Bin 0 -> 483 bytes etc/buttons/nowebp.gif | Bin 0 -> 7372 bytes etc/buttons/piracy.gif | Bin 0 -> 910 bytes etc/buttons/queercoded.png | Bin 0 -> 4500 bytes etc/buttons/righttorepair.png | Bin 0 -> 6203 bytes etc/buttons/shrimp.png | Bin 0 -> 1545 bytes etc/buttons/smokepowered.gif | Bin 0 -> 999 bytes etc/buttons/svg.svg | 76 ++++ etc/buttons/tested_on_firefox.gif | Bin 0 -> 2754 bytes etc/buttons/the_void.gif | Bin 0 -> 1609 bytes etc/buttons/trans.png | Bin 0 -> 250 bytes etc/buttons/usatoday.gif | Bin 0 -> 5717 bytes etc/buttons/web-pi.png | Bin 0 -> 1857 bytes etc/buttons/win11no.gif | Bin 0 -> 1691 bytes etc/images/apiopage.png | Bin 0 -> 8589 bytes etc/index.php | 92 +++++ etc/quotes/bg.jpg | Bin 0 -> 172455 bytes etc/quotes/bg.jxl | Bin 0 -> 81156 bytes etc/quotes/images/c_pfp.png | Bin 0 -> 3122 bytes etc/quotes/images/g_pfp.png | Bin 0 -> 1684 bytes etc/quotes/images/h_pfp.png | Bin 0 -> 1434 bytes etc/quotes/images/j_pfp.png | Bin 0 -> 5182 bytes etc/quotes/images/m_pfp.png | Bin 0 -> 3406 bytes etc/quotes/images/p_pfp.png | Bin 0 -> 1672 bytes etc/quotes/images/s_pfp.png | Bin 0 -> 2350 bytes etc/quotes/images/t_pfp.png | Bin 0 -> 11460 bytes etc/quotes/images/v_pfp.png | Bin 0 -> 1906 bytes etc/quotes/index.php | 409 +++++++++++++++++++ favicon.ico | Bin 0 -> 28838 bytes favicon.png | Bin 0 -> 8057 bytes greenhouse/bg.jpg | Bin 0 -> 539379 bytes greenhouse/bg.jxl | Bin 0 -> 454813 bytes greenhouse/index.php | 62 +++ guestbook/bg.jpg | Bin 0 -> 1184070 bytes guestbook/bg.jxl | Bin 0 -> 664811 bytes guestbook/feed.php | 47 +++ guestbook/index.php | 244 +++++++++++ guestbook/submit.php | 87 ++++ images/Ophiocordyceps_unilateralis.png | Bin 0 -> 30142 bytes images/benlet1.png | Bin 0 -> 263 bytes images/bg.jpg | Bin 0 -> 303826 bytes images/bg.jxl | Bin 0 -> 130798 bytes images/birthday_isopod.png | Bin 0 -> 27073 bytes images/birthday_isopod_small.png | Bin 0 -> 13828 bytes images/blahaj.png | Bin 0 -> 153065 bytes images/bubblecolumn1.gif | Bin 0 -> 17577 bytes images/casiopea_isopod.png | Bin 0 -> 4853 bytes images/deeptwisty.png | Bin 0 -> 1763 bytes images/flatworm friday 1.mp4 | Bin 0 -> 16179927 bytes images/flatworm friday 2.mp4 | Bin 0 -> 4262901 bytes images/fry.png | Bin 0 -> 5084 bytes images/isopod.php | 15 + images/isopod3.png | Bin 0 -> 408 bytes images/isopod_with_aviators.png | Bin 0 -> 25897 bytes images/isopod_with_aviators_small.png | Bin 0 -> 13301 bytes images/isopumpkin.png | Bin 0 -> 22949 bytes images/isopumpkin_small.png | Bin 0 -> 13576 bytes images/new.gif | Bin 0 -> 926 bytes images/place_him.png | Bin 0 -> 3631 bytes images/plant1-2.png | Bin 0 -> 13422 bytes images/shadow.png | Bin 0 -> 18598 bytes images/spruce_planks.png | Bin 0 -> 5709 bytes images/wobble_mc_house_bg.png | Bin 0 -> 1610661 bytes index.php | 380 ++++++++++++++++++ links/bg.jpg | Bin 0 -> 27376 bytes links/bg.jxl | Bin 0 -> 17032 bytes links/buttons/64thsanctum.gif | Bin 0 -> 101413 bytes links/buttons/Icelog.gif | Bin 0 -> 933 bytes links/buttons/corru.gif | Bin 0 -> 123640 bytes links/buttons/josef.gif | Bin 0 -> 4306 bytes links/buttons/kalechips.png | Bin 0 -> 7878 bytes links/buttons/kopper.png | Bin 0 -> 1109 bytes links/buttons/melonland-forum.gif | Bin 0 -> 5342 bytes links/buttons/morrysillusion.png | Bin 0 -> 931 bytes links/buttons/moth-88x31.svg | 12 + links/buttons/onlysans.png | Bin 0 -> 228 bytes links/buttons/robophobia.png | Bin 0 -> 642 bytes links/buttons/sadgrl.gif | Bin 0 -> 2262 bytes links/buttons/seaslug.png | Bin 0 -> 922 bytes links/buttons/sizeofcat.png | Bin 0 -> 3630 bytes links/buttons/xaselgio.gif | Bin 0 -> 1683 bytes links/index.php | 381 ++++++++++++++++++ links/media/bacteriabird.png | Bin 0 -> 7619 bytes links/media/caution.png | Bin 0 -> 15430 bytes links/media/scorpionshark.png | Bin 0 -> 6310 bytes music/bg.jpg | Bin 0 -> 5175465 bytes music/bg.jxl | Bin 0 -> 1758211 bytes music/covers/aeon_core.jpg | Bin 0 -> 115848 bytes music/covers/american_automatic.jpg | Bin 0 -> 166607 bytes music/covers/audio_video_disco.jpg | Bin 0 -> 1842890 bytes music/covers/concrete_and_gold.jpg | Bin 0 -> 48035 bytes music/covers/el_camino.jpg | Bin 0 -> 304380 bytes music/covers/for_science.jpg | Bin 0 -> 276866 bytes music/covers/fucked_up_friends_3.jpg | Bin 0 -> 60480 bytes music/covers/funeral.jpg | Bin 0 -> 131431 bytes music/covers/hawaii_part_ii.jpg | Bin 0 -> 1583902 bytes music/covers/millenialism.jpg | Bin 0 -> 100627 bytes music/covers/peaks_and_valleys.jpg | Bin 0 -> 172688 bytes music/covers/raw_data_feel.jpg | Bin 0 -> 6995519 bytes music/covers/realign.jpg | Bin 0 -> 551354 bytes music/covers/revolution_radio.jpg | Bin 0 -> 55720 bytes music/covers/spectrum.jpg | Bin 0 -> 55373 bytes music/covers/spirit_phone.jpg | Bin 0 -> 265224 bytes music/covers/synthicate.jpg | Bin 0 -> 103467 bytes music/covers/the_last_ninja_2_c64_ost.jpg | Bin 0 -> 97958 bytes music/covers/this_is_all_yours.jpg | Bin 0 -> 412294 bytes music/covers/tortured_waters.jpg | Bin 0 -> 82365 bytes music/covers/triangle_unicode.jpg | Bin 0 -> 143324 bytes music/covers/two_house.jpg | Bin 0 -> 548212 bytes music/covers/ultrakill_imperfect_hatred.jpg | Bin 0 -> 467632 bytes music/covers/unstoppable_force.jpg | Bin 0 -> 259859 bytes music/covers/vast.jpg | Bin 0 -> 95173 bytes music/covers/walks_of_lung.jpg | Bin 0 -> 49218 bytes music/covers/with_teeth.jpg | Bin 0 -> 41128 bytes music/index.php | 99 +++++ nav.php | 52 +++ not_found.html | 27 ++ old/1/icons/deeptwisty.png | Bin 0 -> 1763 bytes old/1/icons/kirby.png | Bin 0 -> 1237 bytes old/1/icons/message.png | Bin 0 -> 345 bytes old/1/icons/tumblr.png | Bin 0 -> 386 bytes old/1/icons/twitter.png | Bin 0 -> 711 bytes old/1/icons/youtube.png | Bin 0 -> 539 bytes old/1/images/allism.jpg | Bin 0 -> 61186 bytes old/1/images/bg_default.png | Bin 0 -> 7238262 bytes old/1/images/bg_old1.png | Bin 0 -> 573420 bytes old/1/images/bg_old2.png | Bin 0 -> 1645363 bytes old/1/images/friaday.png | Bin 0 -> 515725 bytes old/1/images/moday.png | Bin 0 -> 344390 bytes old/1/images/paperbg.jpg | Bin 0 -> 94123 bytes old/1/images/satuaday.png | Bin 0 -> 1006865 bytes old/1/images/suday.png | Bin 0 -> 536088 bytes old/1/images/thuday.png | Bin 0 -> 674116 bytes old/1/images/tueaday.png | Bin 0 -> 211383 bytes old/1/images/weaday.png | Bin 0 -> 348053 bytes old/1/index.html | 233 +++++++++++ old/1/mobile.html | 118 ++++++ old/1/stamps/antinft.gif | Bin 0 -> 1669 bytes old/1/stamps/bestviewed.gif | Bin 0 -> 9419 bytes old/1/stamps/bob.gif | Bin 0 -> 142993 bytes old/1/stamps/chrome2.gif | Bin 0 -> 8964 bytes old/1/stamps/deeptwistybutton.png | Bin 0 -> 2237 bytes old/1/stamps/google_stand.gif | Bin 0 -> 21247 bytes old/1/stamps/h-free-anim.gif | Bin 0 -> 6970 bytes old/1/stamps/handcode.png | Bin 0 -> 6504 bytes old/1/stamps/linux_powered.gif | Bin 0 -> 14619 bytes old/1/stamps/neocities_stamp.gif | Bin 0 -> 2319 bytes old/1/stamps/piracy.gif | Bin 0 -> 910 bytes old/1/stamps/tiredaf.gif | Bin 0 -> 1701 bytes old/1/stamps/usatoday.gif | Bin 0 -> 5717 bytes old/1/style.css | 57 +++ old/1/tueaday.js | 62 +++ old/2/audio/bridges.mp3 | Bin 0 -> 6326543 bytes old/2/buttons/ace.png | Bin 0 -> 656 bytes old/2/buttons/antinft.gif | Bin 0 -> 1669 bytes old/2/buttons/aro.png | Bin 0 -> 6180 bytes old/2/buttons/bantimetravel.png | Bin 0 -> 3223 bytes old/2/buttons/bestviewed.gif | Bin 0 -> 9419 bytes old/2/buttons/canadian.gif | Bin 0 -> 4083 bytes old/2/buttons/chrome.gif | Bin 0 -> 8964 bytes old/2/buttons/deeptwisty_button.png | Bin 0 -> 3995 bytes old/2/buttons/google_stand.gif | Bin 0 -> 21247 bytes old/2/buttons/handcode.png | Bin 0 -> 6504 bytes old/2/buttons/krisbtn.png | Bin 0 -> 1146 bytes old/2/buttons/linux_powered.gif | Bin 0 -> 14619 bytes old/2/buttons/neocities_stamp.gif | Bin 0 -> 2431 bytes old/2/buttons/niceopod_button.png | Bin 0 -> 5163 bytes old/2/buttons/notoweb3.gif | Bin 0 -> 483 bytes old/2/buttons/nowebp.gif | Bin 0 -> 7372 bytes old/2/buttons/piracy.gif | Bin 0 -> 910 bytes old/2/buttons/righttorepair.png | Bin 0 -> 6203 bytes old/2/buttons/tested_on_firefox.gif | Bin 0 -> 2754 bytes old/2/buttons/usatoday.gif | Bin 0 -> 5717 bytes old/2/icons/deeptwisty.png | Bin 0 -> 1763 bytes old/2/images/2022-05-21_blog_image_1.png | Bin 0 -> 18766 bytes old/2/images/2022-05-21_blog_image_2.png | Bin 0 -> 3865646 bytes old/2/images/albums/aeon_core.jpg | Bin 0 -> 83183 bytes old/2/images/albums/concrete_and_gold.jpg | Bin 0 -> 34821 bytes old/2/images/albums/fucked_up_friends_3.jpg | Bin 0 -> 36786 bytes old/2/images/albums/funeral.png | Bin 0 -> 321310 bytes old/2/images/albums/millenialism.jpg | Bin 0 -> 63417 bytes old/2/images/albums/revolution_radio.jpg | Bin 0 -> 36894 bytes old/2/images/albums/spectrum.png | Bin 0 -> 25428 bytes old/2/images/albums/tortured_waters.jpg | Bin 0 -> 53215 bytes old/2/images/albums/unstoppable_force.png | Bin 0 -> 552537 bytes old/2/images/albums/vast.png | Bin 0 -> 174100 bytes old/2/images/albums/walks_of_lung.jpg | Bin 0 -> 30765 bytes old/2/images/isopod.png | Bin 0 -> 37297 bytes old/2/images/isopod_with_aviators.png | Bin 0 -> 25897 bytes old/2/images/this_burning.gif | Bin 0 -> 20897 bytes old/2/index.html | 58 +++ old/2/pages/blog.html | 41 ++ old/2/pages/home.html | 152 +++++++ old/2/pages/links.html | 64 +++ old/2/pages/music.html | 49 +++ old/2/pages/stats.html | 95 +++++ old/2/script.js | 102 +++++ old/2/shared.css | 224 +++++++++++ old/2/themes/alterra/bg.jpg | Bin 0 -> 401922 bytes old/2/themes/alterra/style.css | 193 +++++++++ old/2/themes/deeptwisty/bg.png | Bin 0 -> 1002687 bytes old/2/themes/deeptwisty/style.css | 127 ++++++ old/2/themes/default/bg.jpg | Bin 0 -> 250876 bytes old/2/themes/default/div-bg.png | Bin 0 -> 11420 bytes old/2/themes/default/style.css | 127 ++++++ old/2/themes/geocities/beam.png | Bin 0 -> 604 bytes old/2/themes/geocities/bg.gif | Bin 0 -> 18572 bytes old/2/themes/geocities/butterfly.gif | Bin 0 -> 5636 bytes old/2/themes/geocities/butterflyrockplant.gif | Bin 0 -> 37030 bytes old/2/themes/geocities/fire.gif | Bin 0 -> 16956 bytes old/2/themes/geocities/ocean-div.gif | Bin 0 -> 2815 bytes old/2/themes/geocities/orb.gif | Bin 0 -> 1792 bytes old/2/themes/geocities/rainbowball.gif | Bin 0 -> 13366 bytes old/2/themes/geocities/rose.gif | Bin 0 -> 9880 bytes old/2/themes/geocities/snail.gif | Bin 0 -> 19432 bytes old/2/themes/geocities/snake.gif | Bin 0 -> 7044 bytes old/2/themes/geocities/star.gif | Bin 0 -> 1354 bytes old/2/themes/geocities/star2.gif | Bin 0 -> 1098 bytes old/2/themes/geocities/star3.gif | Bin 0 -> 8098 bytes old/2/themes/geocities/star4.gif | Bin 0 -> 251 bytes old/2/themes/geocities/style.css | 138 +++++++ old/2/themes/geocities/sun.gif | Bin 0 -> 8783 bytes old/2/themes/geocities/torch.gif | Bin 0 -> 10745 bytes old/2/themes/geocities/world.gif | Bin 0 -> 22294 bytes old/2/themes/gruvbox/bg.png | Bin 0 -> 3162 bytes old/2/themes/gruvbox/style.css | 121 ++++++ old/2/themes/none/style.css | 62 +++ seasonal.php | 9 + stats/bg.jpg | Bin 0 -> 1946715 bytes stats/bg.jxl | Bin 0 -> 1069930 bytes stats/index.php | 222 +++++++++++ stuff/EnchantedToolsPack_v1.zip | Bin 0 -> 80277 bytes stuff/beat/digital.css | 10 + stuff/beat/frame.php | 41 ++ stuff/beat/index.php | 39 ++ stuff/beat/pixel.css | 10 + stuff/beat/sketch.css | 13 + stuff/beat/time.php | 4 + stuff/bg.jpg | Bin 0 -> 551864 bytes stuff/bg.jxl | Bin 0 -> 247039 bytes stuff/dirtomp3.sh | 58 +++ stuff/firefoxrss/feed.php | 62 +++ stuff/index.php | 105 +++++ stuff/neon_boost_times.html | 103 +++++ stuff/rssfilter.php | 288 +++++++++++++ stuff/spotifycdnsilly/ip.php | 21 + stuff/webgarden/image1.html | 20 + stuff/webgarden/image2.html | 20 + stuff/webgarden/image3.html | 20 + stuff/webgarden/image4.html | 20 + stuff/webgarden/images/bubblecolumn1.gif | Bin 0 -> 17577 bytes stuff/webgarden/images/image1.png | Bin 0 -> 62759 bytes stuff/webgarden/images/image2.png | Bin 0 -> 88013 bytes stuff/webgarden/images/image3.png | Bin 0 -> 58953 bytes stuff/webgarden/images/image4.png | Bin 0 -> 29488 bytes .../images/isopod_with_aviators_small.png | Bin 0 -> 13301 bytes stuff/webgarden/images/webgarden-bg.png | Bin 0 -> 77765 bytes stuff/webgarden/index.php | 192 +++++++++ stuff/webgarden/music.mp3 | Bin 0 -> 5532009 bytes stuff/webgarden/status.php | 49 +++ stuff/webgarden/style.css | 54 +++ stuff/webpkiller/webpkiller.cmd | 31 ++ stuff/webpkiller/webpkiller.py | 27 ++ stuff/webpkiller/webpkiller.sh | 20 + stuff/webpkiller/webpkiller_win.zip | Bin 0 -> 9383795 bytes style.css | 444 +++++++++++++++++++++ uses/bg.jpg | Bin 0 -> 197536 bytes uses/bg.jxl | Bin 0 -> 134435 bytes uses/compier/bg.jpg | Bin 0 -> 1609376 bytes uses/compier/images/cans.jpg | Bin 0 -> 1016664 bytes uses/compier/images/cans.jxl | Bin 0 -> 791805 bytes uses/compier/images/pc1.jpg | Bin 0 -> 3355760 bytes uses/compier/images/pc1.jxl | Bin 0 -> 831754 bytes uses/compier/images/pc2.jpg | Bin 0 -> 631680 bytes uses/compier/images/pc2.jxl | Bin 0 -> 206993 bytes uses/compier/index.php | 105 +++++ uses/cumulonimbus/bg.jpg | Bin 0 -> 269779 bytes uses/cumulonimbus/bg.jxl | Bin 0 -> 259514 bytes uses/cumulonimbus/index.php | 52 +++ uses/images/switchback.jpg | Bin 0 -> 241472 bytes uses/images/switchfront.jpg | Bin 0 -> 227498 bytes uses/index.php | 94 +++++ uses/servy586/4k_in_more_ways_than_one.png | Bin 0 -> 384095 bytes uses/servy586/bg.jpg | Bin 0 -> 1072812 bytes uses/servy586/index.php | 84 ++++ uses/servy586/nictua.jpg | Bin 0 -> 242887 bytes uses/servy586/servercase.jpg | Bin 0 -> 148090 bytes uses/servy586/servercaseinside.jpg | Bin 0 -> 335938 bytes uses/servy586/ziptiemount.jpg | Bin 0 -> 156703 bytes wimpod.js | 198 +++++++++ 434 files changed, 8994 insertions(+), 1 deletion(-) create mode 100644 .gitignore create mode 100644 .well-known/button.json create mode 100644 .well-known/fursona create mode 100644 LICENSE create mode 100644 about/bg.jpg create mode 100644 about/bg.jxl create mode 100644 about/images/crackship_quiz_result.png create mode 100644 about/images/isopod_quiz_result.png create mode 100644 about/index.php create mode 100644 blog/bg.jpg create mode 100644 blog/bg.jxl create mode 100644 blog/blog.atom create mode 100644 blog/comment/comments.css create mode 100644 blog/comment/feed.php create mode 100644 blog/comment/index.php create mode 100644 blog/comment/submit.php create mode 100644 blog/index.php create mode 100644 blog/media/banner-statuscafe.png create mode 100644 blog/posts/ai_art/index.md create mode 100644 blog/posts/ai_art/index.php create mode 100644 blog/posts/building_a_normal_server/index.md create mode 100644 blog/posts/building_a_normal_server/index.php create mode 100644 blog/posts/building_a_normal_server/media/2023-11-20_contraption.mp4 create mode 100644 blog/posts/building_a_normal_server/media/CSE-PTJBOD-CB1.jpg create mode 100644 blog/posts/building_a_normal_server/media/CSE-PTJBOD-CB1.jxl create mode 100644 blog/posts/building_a_normal_server/media/ChenYang.jpg create mode 100644 blog/posts/building_a_normal_server/media/ChenYang.jxl create mode 100644 blog/posts/building_a_normal_server/media/ECS07.jpg create mode 100644 blog/posts/building_a_normal_server/media/ECS07.jxl create mode 100644 blog/posts/building_a_normal_server/media/bare_frame.jpg create mode 100644 blog/posts/building_a_normal_server/media/bare_frame.jxl create mode 100644 blog/posts/building_a_normal_server/media/drive_spaghet.jpg create mode 100644 blog/posts/building_a_normal_server/media/drive_spaghet.jxl create mode 100644 blog/posts/building_a_normal_server/media/drive_spaghet_lsblk.jpg create mode 100644 blog/posts/building_a_normal_server/media/drive_spaghet_lsblk.jxl create mode 100644 blog/posts/building_a_normal_server/media/fully_assembled.jpg create mode 100644 blog/posts/building_a_normal_server/media/fully_assembled.jxl create mode 100644 blog/posts/building_a_normal_server/media/m2_slot.jpg create mode 100644 blog/posts/building_a_normal_server/media/m2_slot.jxl create mode 100644 blog/posts/building_a_normal_server/media/partially_assembled_1.jpg create mode 100644 blog/posts/building_a_normal_server/media/partially_assembled_1.jxl create mode 100644 blog/posts/building_a_normal_server/media/partially_assembled_2.jpg create mode 100644 blog/posts/building_a_normal_server/media/partially_assembled_2.jxl create mode 100644 blog/posts/building_a_normal_server/media/pcie_slots.jpg create mode 100644 blog/posts/building_a_normal_server/media/pcie_slots.jxl create mode 100644 blog/posts/building_a_normal_server/media/power_spaghet.png create mode 100644 blog/posts/building_a_sensible_server/ebaypoweredge.png create mode 100644 blog/posts/building_a_sensible_server/index.md create mode 100644 blog/posts/building_a_sensible_server/index.php create mode 100644 blog/posts/building_a_sensible_server/nictua.jpg create mode 100644 blog/posts/building_a_sensible_server/servercase.jpg create mode 100644 blog/posts/building_a_sensible_server/servercaseinside.jpg create mode 100644 blog/posts/building_a_sensible_server/servercaseinsidefront.jpg create mode 100644 blog/posts/building_a_sensible_server/ziptiemount.jpg create mode 100644 blog/posts/deeptwistycom_2nd_anniversary_-_a_history_of_this_bullshit/background.png create mode 100644 blog/posts/deeptwistycom_2nd_anniversary_-_a_history_of_this_bullshit/index.md create mode 100644 blog/posts/deeptwistycom_2nd_anniversary_-_a_history_of_this_bullshit/index.php create mode 100644 blog/posts/discord/discord-no-way-2.gif create mode 100644 blog/posts/discord/discord.png create mode 100644 blog/posts/discord/federation.png create mode 100644 blog/posts/discord/index.md create mode 100644 blog/posts/discord/index.php create mode 100644 blog/posts/fediverse_dms/bg.svg create mode 100644 blog/posts/fediverse_dms/index.md create mode 100644 blog/posts/fediverse_dms/index.php create mode 100644 blog/posts/foodhero/index.md create mode 100644 blog/posts/foodhero/index.php create mode 100644 blog/posts/guide_blacklist_websites_searxng/index.md create mode 100644 blog/posts/guide_blacklist_websites_searxng/index.php create mode 100644 blog/posts/guide_blacklist_websites_searxng/searxng.svg create mode 100644 blog/posts/guide_blocking_user_agents_nginx/bg.svg create mode 100644 blog/posts/guide_blocking_user_agents_nginx/index.md create mode 100644 blog/posts/guide_blocking_user_agents_nginx/index.php create mode 100644 blog/posts/guide_fix_youtube_buffering_firefox/bg.svg create mode 100644 blog/posts/guide_fix_youtube_buffering_firefox/index.md create mode 100644 blog/posts/guide_fix_youtube_buffering_firefox/index.php create mode 100644 blog/posts/guide_fix_youtube_buffering_firefox/what_they_took_from_you.png create mode 100644 blog/posts/guide_how_to_automount_drives_on_boot_in_linux/fstab.png create mode 100644 blog/posts/guide_how_to_automount_drives_on_boot_in_linux/index.md create mode 100644 blog/posts/guide_how_to_automount_drives_on_boot_in_linux/index.php create mode 100644 blog/posts/guide_pihole_lepotato/bg.png create mode 100644 blog/posts/guide_pihole_lepotato/index.md create mode 100644 blog/posts/guide_pihole_lepotato/index.php create mode 100644 blog/posts/guide_self_host_safely_with_wireguard/index.php create mode 100644 blog/posts/guide_self_host_safely_with_wireguard/wireguard_logo.png create mode 100644 blog/posts/guide_things_i_keep_having_to_google/index.php create mode 100644 blog/posts/how_my_blog_works/index.md create mode 100644 blog/posts/how_my_blog_works/index.php create mode 100644 blog/posts/make_your_own_cables/2pindin.jpg create mode 100644 blog/posts/make_your_own_cables/4pinminixlr.png create mode 100644 blog/posts/make_your_own_cables/homebrew2pindincable.jpg create mode 100644 blog/posts/make_your_own_cables/homebrewxlrcablefinished.jpg create mode 100644 blog/posts/make_your_own_cables/index.md create mode 100644 blog/posts/make_your_own_cables/index.php create mode 100644 blog/posts/my_terrible_distro_hop/bg.png create mode 100644 blog/posts/my_terrible_distro_hop/index.md create mode 100644 blog/posts/my_terrible_distro_hop/index.php create mode 100644 blog/posts/post.php create mode 100644 blog/posts/renting_an_unremarkable_server/index.md create mode 100644 blog/posts/renting_an_unremarkable_server/index.php create mode 100644 blog/posts/toshiba_chromebook/chromebook.jpg create mode 100644 blog/posts/toshiba_chromebook/index.md create mode 100644 blog/posts/toshiba_chromebook/index.php create mode 100644 blog/posts/unity_runtime_fee_and_proprietary_software/bg.svg create mode 100644 blog/posts/unity_runtime_fee_and_proprietary_software/devprotest.png create mode 100644 blog/posts/unity_runtime_fee_and_proprietary_software/index.md create mode 100644 blog/posts/unity_runtime_fee_and_proprietary_software/index.php create mode 100644 chromealert.php create mode 100644 deeptwisty.png create mode 100644 etc/bg.jpg create mode 100644 etc/bg.jxl create mode 100644 etc/buttons/35mm.gif create mode 100644 etc/buttons/ace.png create mode 100644 etc/buttons/agender.png create mode 100644 etc/buttons/amd_powered.gif create mode 100644 etc/buttons/antinft.gif create mode 100644 etc/buttons/aro.png create mode 100644 etc/buttons/aromantic-80x15.png create mode 100644 etc/buttons/asexual-80x15.png create mode 100644 etc/buttons/badhtml.png create mode 100644 etc/buttons/bantimetravel.png create mode 100644 etc/buttons/bestviewed.gif create mode 100644 etc/buttons/canadian.gif create mode 100644 etc/buttons/chrome.gif create mode 100644 etc/buttons/css.png create mode 100644 etc/buttons/deeptwisty_button.png create mode 100644 etc/buttons/dontclick.gif create mode 100644 etc/buttons/dontyouhate.gif create mode 100644 etc/buttons/drpepper.gif create mode 100644 etc/buttons/epicblazed.png create mode 100644 etc/buttons/floof_explode_88x31.gif create mode 100644 etc/buttons/getvlcnow.png create mode 100644 etc/buttons/google_stand.gif create mode 100644 etc/buttons/handcode.png create mode 100644 etc/buttons/i_hate_microsoft.png create mode 100644 etc/buttons/isopodhours.png create mode 100644 etc/buttons/krisbtn.png create mode 100644 etc/buttons/linux_powered.gif create mode 100644 etc/buttons/neocities_stamp.gif create mode 100644 etc/buttons/niceopod_button.png create mode 100644 etc/buttons/niceopod_button_2.png create mode 100644 etc/buttons/nonbinary-80x15.png create mode 100644 etc/buttons/nonbinary.png create mode 100644 etc/buttons/notoweb3.gif create mode 100644 etc/buttons/nowebp.gif create mode 100644 etc/buttons/piracy.gif create mode 100644 etc/buttons/queercoded.png create mode 100644 etc/buttons/righttorepair.png create mode 100644 etc/buttons/shrimp.png create mode 100644 etc/buttons/smokepowered.gif create mode 100644 etc/buttons/svg.svg create mode 100644 etc/buttons/tested_on_firefox.gif create mode 100644 etc/buttons/the_void.gif create mode 100644 etc/buttons/trans.png create mode 100644 etc/buttons/usatoday.gif create mode 100644 etc/buttons/web-pi.png create mode 100644 etc/buttons/win11no.gif create mode 100644 etc/images/apiopage.png create mode 100644 etc/index.php create mode 100644 etc/quotes/bg.jpg create mode 100644 etc/quotes/bg.jxl create mode 100644 etc/quotes/images/c_pfp.png create mode 100644 etc/quotes/images/g_pfp.png create mode 100644 etc/quotes/images/h_pfp.png create mode 100644 etc/quotes/images/j_pfp.png create mode 100644 etc/quotes/images/m_pfp.png create mode 100644 etc/quotes/images/p_pfp.png create mode 100644 etc/quotes/images/s_pfp.png create mode 100644 etc/quotes/images/t_pfp.png create mode 100644 etc/quotes/images/v_pfp.png create mode 100644 etc/quotes/index.php create mode 100644 favicon.ico create mode 100644 favicon.png create mode 100644 greenhouse/bg.jpg create mode 100644 greenhouse/bg.jxl create mode 100644 greenhouse/index.php create mode 100644 guestbook/bg.jpg create mode 100644 guestbook/bg.jxl create mode 100644 guestbook/feed.php create mode 100644 guestbook/index.php create mode 100644 guestbook/submit.php create mode 100644 images/Ophiocordyceps_unilateralis.png create mode 100644 images/benlet1.png create mode 100644 images/bg.jpg create mode 100644 images/bg.jxl create mode 100644 images/birthday_isopod.png create mode 100644 images/birthday_isopod_small.png create mode 100644 images/blahaj.png create mode 100644 images/bubblecolumn1.gif create mode 100644 images/casiopea_isopod.png create mode 100644 images/deeptwisty.png create mode 100644 images/flatworm friday 1.mp4 create mode 100644 images/flatworm friday 2.mp4 create mode 100644 images/fry.png create mode 100644 images/isopod.php create mode 100644 images/isopod3.png create mode 100644 images/isopod_with_aviators.png create mode 100644 images/isopod_with_aviators_small.png create mode 100644 images/isopumpkin.png create mode 100644 images/isopumpkin_small.png create mode 100644 images/new.gif create mode 100644 images/place_him.png create mode 100644 images/plant1-2.png create mode 100644 images/shadow.png create mode 100644 images/spruce_planks.png create mode 100644 images/wobble_mc_house_bg.png create mode 100644 index.php create mode 100644 links/bg.jpg create mode 100644 links/bg.jxl create mode 100644 links/buttons/64thsanctum.gif create mode 100644 links/buttons/Icelog.gif create mode 100644 links/buttons/corru.gif create mode 100644 links/buttons/josef.gif create mode 100644 links/buttons/kalechips.png create mode 100644 links/buttons/kopper.png create mode 100644 links/buttons/melonland-forum.gif create mode 100644 links/buttons/morrysillusion.png create mode 100644 links/buttons/moth-88x31.svg create mode 100644 links/buttons/onlysans.png create mode 100644 links/buttons/robophobia.png create mode 100644 links/buttons/sadgrl.gif create mode 100644 links/buttons/seaslug.png create mode 100644 links/buttons/sizeofcat.png create mode 100644 links/buttons/xaselgio.gif create mode 100644 links/index.php create mode 100644 links/media/bacteriabird.png create mode 100644 links/media/caution.png create mode 100644 links/media/scorpionshark.png create mode 100644 music/bg.jpg create mode 100644 music/bg.jxl create mode 100644 music/covers/aeon_core.jpg create mode 100644 music/covers/american_automatic.jpg create mode 100644 music/covers/audio_video_disco.jpg create mode 100644 music/covers/concrete_and_gold.jpg create mode 100644 music/covers/el_camino.jpg create mode 100644 music/covers/for_science.jpg create mode 100644 music/covers/fucked_up_friends_3.jpg create mode 100644 music/covers/funeral.jpg create mode 100644 music/covers/hawaii_part_ii.jpg create mode 100644 music/covers/millenialism.jpg create mode 100644 music/covers/peaks_and_valleys.jpg create mode 100644 music/covers/raw_data_feel.jpg create mode 100644 music/covers/realign.jpg create mode 100644 music/covers/revolution_radio.jpg create mode 100644 music/covers/spectrum.jpg create mode 100644 music/covers/spirit_phone.jpg create mode 100644 music/covers/synthicate.jpg create mode 100644 music/covers/the_last_ninja_2_c64_ost.jpg create mode 100644 music/covers/this_is_all_yours.jpg create mode 100644 music/covers/tortured_waters.jpg create mode 100644 music/covers/triangle_unicode.jpg create mode 100644 music/covers/two_house.jpg create mode 100644 music/covers/ultrakill_imperfect_hatred.jpg create mode 100644 music/covers/unstoppable_force.jpg create mode 100644 music/covers/vast.jpg create mode 100644 music/covers/walks_of_lung.jpg create mode 100644 music/covers/with_teeth.jpg create mode 100644 music/index.php create mode 100644 nav.php create mode 100644 not_found.html create mode 100644 old/1/icons/deeptwisty.png create mode 100644 old/1/icons/kirby.png create mode 100644 old/1/icons/message.png create mode 100644 old/1/icons/tumblr.png create mode 100644 old/1/icons/twitter.png create mode 100644 old/1/icons/youtube.png create mode 100644 old/1/images/allism.jpg create mode 100644 old/1/images/bg_default.png create mode 100644 old/1/images/bg_old1.png create mode 100644 old/1/images/bg_old2.png create mode 100644 old/1/images/friaday.png create mode 100644 old/1/images/moday.png create mode 100644 old/1/images/paperbg.jpg create mode 100644 old/1/images/satuaday.png create mode 100644 old/1/images/suday.png create mode 100644 old/1/images/thuday.png create mode 100644 old/1/images/tueaday.png create mode 100644 old/1/images/weaday.png create mode 100644 old/1/index.html create mode 100644 old/1/mobile.html create mode 100644 old/1/stamps/antinft.gif create mode 100644 old/1/stamps/bestviewed.gif create mode 100644 old/1/stamps/bob.gif create mode 100644 old/1/stamps/chrome2.gif create mode 100644 old/1/stamps/deeptwistybutton.png create mode 100644 old/1/stamps/google_stand.gif create mode 100644 old/1/stamps/h-free-anim.gif create mode 100644 old/1/stamps/handcode.png create mode 100644 old/1/stamps/linux_powered.gif create mode 100644 old/1/stamps/neocities_stamp.gif create mode 100644 old/1/stamps/piracy.gif create mode 100644 old/1/stamps/tiredaf.gif create mode 100644 old/1/stamps/usatoday.gif create mode 100644 old/1/style.css create mode 100644 old/1/tueaday.js create mode 100644 old/2/audio/bridges.mp3 create mode 100644 old/2/buttons/ace.png create mode 100644 old/2/buttons/antinft.gif create mode 100644 old/2/buttons/aro.png create mode 100644 old/2/buttons/bantimetravel.png create mode 100644 old/2/buttons/bestviewed.gif create mode 100644 old/2/buttons/canadian.gif create mode 100644 old/2/buttons/chrome.gif create mode 100644 old/2/buttons/deeptwisty_button.png create mode 100644 old/2/buttons/google_stand.gif create mode 100644 old/2/buttons/handcode.png create mode 100644 old/2/buttons/krisbtn.png create mode 100644 old/2/buttons/linux_powered.gif create mode 100644 old/2/buttons/neocities_stamp.gif create mode 100644 old/2/buttons/niceopod_button.png create mode 100644 old/2/buttons/notoweb3.gif create mode 100644 old/2/buttons/nowebp.gif create mode 100644 old/2/buttons/piracy.gif create mode 100644 old/2/buttons/righttorepair.png create mode 100644 old/2/buttons/tested_on_firefox.gif create mode 100644 old/2/buttons/usatoday.gif create mode 100644 old/2/icons/deeptwisty.png create mode 100644 old/2/images/2022-05-21_blog_image_1.png create mode 100644 old/2/images/2022-05-21_blog_image_2.png create mode 100644 old/2/images/albums/aeon_core.jpg create mode 100644 old/2/images/albums/concrete_and_gold.jpg create mode 100644 old/2/images/albums/fucked_up_friends_3.jpg create mode 100644 old/2/images/albums/funeral.png create mode 100644 old/2/images/albums/millenialism.jpg create mode 100644 old/2/images/albums/revolution_radio.jpg create mode 100644 old/2/images/albums/spectrum.png create mode 100644 old/2/images/albums/tortured_waters.jpg create mode 100644 old/2/images/albums/unstoppable_force.png create mode 100644 old/2/images/albums/vast.png create mode 100644 old/2/images/albums/walks_of_lung.jpg create mode 100644 old/2/images/isopod.png create mode 100644 old/2/images/isopod_with_aviators.png create mode 100644 old/2/images/this_burning.gif create mode 100644 old/2/index.html create mode 100644 old/2/pages/blog.html create mode 100644 old/2/pages/home.html create mode 100644 old/2/pages/links.html create mode 100644 old/2/pages/music.html create mode 100644 old/2/pages/stats.html create mode 100644 old/2/script.js create mode 100644 old/2/shared.css create mode 100644 old/2/themes/alterra/bg.jpg create mode 100644 old/2/themes/alterra/style.css create mode 100644 old/2/themes/deeptwisty/bg.png create mode 100644 old/2/themes/deeptwisty/style.css create mode 100644 old/2/themes/default/bg.jpg create mode 100644 old/2/themes/default/div-bg.png create mode 100644 old/2/themes/default/style.css create mode 100644 old/2/themes/geocities/beam.png create mode 100644 old/2/themes/geocities/bg.gif create mode 100644 old/2/themes/geocities/butterfly.gif create mode 100644 old/2/themes/geocities/butterflyrockplant.gif create mode 100644 old/2/themes/geocities/fire.gif create mode 100644 old/2/themes/geocities/ocean-div.gif create mode 100644 old/2/themes/geocities/orb.gif create mode 100644 old/2/themes/geocities/rainbowball.gif create mode 100644 old/2/themes/geocities/rose.gif create mode 100644 old/2/themes/geocities/snail.gif create mode 100644 old/2/themes/geocities/snake.gif create mode 100644 old/2/themes/geocities/star.gif create mode 100644 old/2/themes/geocities/star2.gif create mode 100644 old/2/themes/geocities/star3.gif create mode 100644 old/2/themes/geocities/star4.gif create mode 100644 old/2/themes/geocities/style.css create mode 100644 old/2/themes/geocities/sun.gif create mode 100644 old/2/themes/geocities/torch.gif create mode 100644 old/2/themes/geocities/world.gif create mode 100644 old/2/themes/gruvbox/bg.png create mode 100644 old/2/themes/gruvbox/style.css create mode 100644 old/2/themes/none/style.css create mode 100644 seasonal.php create mode 100644 stats/bg.jpg create mode 100644 stats/bg.jxl create mode 100644 stats/index.php create mode 100644 stuff/EnchantedToolsPack_v1.zip create mode 100644 stuff/beat/digital.css create mode 100644 stuff/beat/frame.php create mode 100644 stuff/beat/index.php create mode 100644 stuff/beat/pixel.css create mode 100644 stuff/beat/sketch.css create mode 100644 stuff/beat/time.php create mode 100644 stuff/bg.jpg create mode 100644 stuff/bg.jxl create mode 100644 stuff/dirtomp3.sh create mode 100644 stuff/firefoxrss/feed.php create mode 100644 stuff/index.php create mode 100644 stuff/neon_boost_times.html create mode 100644 stuff/rssfilter.php create mode 100644 stuff/spotifycdnsilly/ip.php create mode 100644 stuff/webgarden/image1.html create mode 100644 stuff/webgarden/image2.html create mode 100644 stuff/webgarden/image3.html create mode 100644 stuff/webgarden/image4.html create mode 100644 stuff/webgarden/images/bubblecolumn1.gif create mode 100644 stuff/webgarden/images/image1.png create mode 100644 stuff/webgarden/images/image2.png create mode 100644 stuff/webgarden/images/image3.png create mode 100644 stuff/webgarden/images/image4.png create mode 100644 stuff/webgarden/images/isopod_with_aviators_small.png create mode 100644 stuff/webgarden/images/webgarden-bg.png create mode 100644 stuff/webgarden/index.php create mode 100644 stuff/webgarden/music.mp3 create mode 100644 stuff/webgarden/status.php create mode 100644 stuff/webgarden/style.css create mode 100644 stuff/webpkiller/webpkiller.cmd create mode 100644 stuff/webpkiller/webpkiller.py create mode 100644 stuff/webpkiller/webpkiller.sh create mode 100644 stuff/webpkiller/webpkiller_win.zip create mode 100644 style.css create mode 100644 uses/bg.jpg create mode 100644 uses/bg.jxl create mode 100644 uses/compier/bg.jpg create mode 100644 uses/compier/images/cans.jpg create mode 100644 uses/compier/images/cans.jxl create mode 100644 uses/compier/images/pc1.jpg create mode 100644 uses/compier/images/pc1.jxl create mode 100644 uses/compier/images/pc2.jpg create mode 100644 uses/compier/images/pc2.jxl create mode 100644 uses/compier/index.php create mode 100644 uses/cumulonimbus/bg.jpg create mode 100644 uses/cumulonimbus/bg.jxl create mode 100644 uses/cumulonimbus/index.php create mode 100644 uses/images/switchback.jpg create mode 100644 uses/images/switchfront.jpg create mode 100644 uses/index.php create mode 100644 uses/servy586/4k_in_more_ways_than_one.png create mode 100644 uses/servy586/bg.jpg create mode 100644 uses/servy586/index.php create mode 100644 uses/servy586/nictua.jpg create mode 100644 uses/servy586/servercase.jpg create mode 100644 uses/servy586/servercaseinside.jpg create mode 100644 uses/servy586/ziptiemount.jpg create mode 100644 wimpod.js diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..7e54634 --- /dev/null +++ b/.gitignore @@ -0,0 +1,4 @@ +pronouns.txt +blog/posts/invaluable_contributions +Parsedown.php +/stuff/fonts/* \ No newline at end of file diff --git a/.well-known/button.json b/.well-known/button.json new file mode 100644 index 0000000..2b582bd --- /dev/null +++ b/.well-known/button.json @@ -0,0 +1,13 @@ +{ + "$schema": "https://codeberg.org/LunarEclipse/well-known-button/raw/branch/main/drafts/button-2024-06.schema.json", + "default": "isopod.cool", + "buttons": [ + { + "id": "isopod.cool", + "uri": "https://isopod.cool/etc/buttons/isopodhours.png", + "alt": "isopod.cool button", + "link": "https://isopod.cool/", + "sha256": "0a18cabc99db5a98a9b1d0ca69fd22783919c8e2e3996290a18780cfb3a54646" + } + ] +} \ No newline at end of file diff --git a/.well-known/fursona b/.well-known/fursona new file mode 100644 index 0000000..acd2f49 --- /dev/null +++ b/.well-known/fursona @@ -0,0 +1,19 @@ +{ + "sonas": [ + { + "name": "Example Fursona", + "pronouns": "she/it", + "gender": "Female", + "species": "Bathynomus Giganteus", + "description": "A description of the fursona, max 250 characters", + "ref": "https://isopod.cool/images/fursona/ref.png", + "avatar": "https://isopod.cool/images/fursona/avatar.png", + "age": 22, + "colors": [ + "#82828d", + "#cccccc", + "#222222" + ] + } + ] +} \ No newline at end of file diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..344290b --- /dev/null +++ b/LICENSE @@ -0,0 +1,57 @@ +# šŸ³ļøā€šŸŒˆ Opinionated Queer License v1.2 + +Ā© Copyright {Licensor} + +## Permissions + +The creators of this Work (ā€œThe Licensorā€) grant permission +to any person, group or legal entity that doesn't violate the prohibitions below (ā€œThe Userā€), +to do everything with this Work that would otherwise infringe their copyright or any patent claims, +subject to the following conditions: + +## Obligations + +The User must give appropriate credit to the Licensor, +provide a copy of this license or a (clickable, if the medium allows) link to +[oql.avris.it/license/v1.2](https://oql.avris.it/license/v1.2), +and indicate whether and what kind of changes were made. +The User may do so in any reasonable manner, +but not in any way that suggests the Licensor endorses the User or their use. + +## Prohibitions + +No one may use this Work for prejudiced or bigoted purposes, including but not limited to: +racism, xenophobia, queerphobia, queer exclusionism, homophobia, transphobia, enbyphobia, misogyny. + +No one may use this Work to inflict or facilitate violence or abuse of human rights, +as defined in either of the following documents: +[Universal Declaration of Human Rights](https://www.un.org/en/about-us/universal-declaration-of-human-rights), +[European Convention on Human Rights](https://prd-echr.coe.int/web/echr/european-convention-on-human-rights) +along with the rulings of the [European Court of Human Rights](https://www.echr.coe.int/). + +No law enforcement, carceral institutions, immigration enforcement entities, military entities or military contractors +may use the Work for any reason. This also applies to any individuals employed by those entities. + +No business entity where the ratio of pay (salaried, freelance, stocks, or other benefits) +between the highest and lowest individual in the entity is greater than 50 : 1 +may use the Work for any reason. + +No private business run for profit with more than a thousand employees +may use the Work for any reason. + +Unless the User has made substantial changes to the Work, +or uses it only as a part of a new work (eg. as a library, as a part of an anthology, etc.), +they are prohibited from selling the Work. +That prohibition includes processing the Work with machine learning models. + +## Sanctions + +If the Licensor notifies the User that they have not complied with the rules of the license, +they can keep their license by complying within 30 days after the notice. +If they do not do so, their license ends immediately. + +## Warranty + +This Work is provided ā€œas isā€, without warranty of any kind, express or implied. +The Licensor will not be liable to anyone for any damages related to the Work or this license, +under any kind of legal claim as far as the law allows. \ No newline at end of file diff --git a/README.md b/README.md index 7527752..dc3d103 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,6 @@ # isopod.cool -My personal website \ No newline at end of file +My personal website. + +**TODO:** +- Add more isopods. diff --git a/about/bg.jpg b/about/bg.jpg new file mode 100644 index 0000000..b5d9e55 Binary files /dev/null and b/about/bg.jpg differ diff --git a/about/bg.jxl b/about/bg.jxl new file mode 100644 index 0000000..b05abc2 Binary files /dev/null and b/about/bg.jxl differ diff --git a/about/images/crackship_quiz_result.png b/about/images/crackship_quiz_result.png new file mode 100644 index 0000000..8b4d701 Binary files /dev/null and b/about/images/crackship_quiz_result.png differ diff --git a/about/images/isopod_quiz_result.png b/about/images/isopod_quiz_result.png new file mode 100644 index 0000000..31d29e1 Binary files /dev/null and b/about/images/isopod_quiz_result.png differ diff --git a/about/index.php b/about/index.php new file mode 100644 index 0000000..652ddc9 --- /dev/null +++ b/about/index.php @@ -0,0 +1,138 @@ + + + + + + About + + + + + +

about me

+

Hello there!

+
+ isopod hours + deep twisty + +
+
+ Aromantic pride flag + Trans pride flag +
+

Specs

+ + + + + + + + + + + + + + + + + +
Known aliasesdeep twisty, isopod gaming, bathynomus, Hannah, Dawn
Pronouns
PreoccupationsComputer hardware, computer software, electronics, the creation of music and 3D art, any DIY project that'll fit on a desk, and some that won't
More info
+

Links

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
webmaster@isopod.coolEmail
isopod.97Signal
bathynomus#5230Revolt
@root@isopod.zoneFediverse
@isopodhoursTumblr
@isopod.coolBluesky
deep twistyYoutube for music
isopod gamingYoutube for other stuff
deeptwistygamingTwitch
deeptwisty.bandcamp.comBandcamp
deeptwisty.itch.ioitch.io
deeptwistyKo-fi
git.isopod.cool/rootForgejo
+

What's a "deep twisty"?

+

"deep twisty" is a pseudonym I came up with to post my music and such things under. At this point it exists largely as a way to compartmentalize my online identity such that I can link my art to people who I might not want seeing all this. It comes from some tweets from an official Subnautica twitter account where they referred to the then-work-in-progress Deep Twisty Bridges biome as just "deep twisty". I thought it sounded funny. Funny enough to brand myself based on, apparently.

+

About the site

+

This website is written in pure HTML, CSS, and a tiny bit of Javascript with the server-side stuff done in PHP. It (and everything else I host) is hosted using Caddy on a OVH dedicated server running Ubuntu Server, with domains registered with Porkbun. You can read about its history here.

+

I was helped immensely in building this thing by W3Schools, the MDN Web Docs, the official PHP manual, LandChad.net, Stack Overflow, and whatever disgusting bottom-feeding SEO leech sites came up first in the search results.

+

Quiz results

+
+ + + + + +
+

Testimonials

+
+
+ Most of it goes over my head, but it's still fun to read and look at, and I am not immune to isopods. +
+
+ — Kalechips +
+
+
+
+ Furry behavior +
+
+ — Seaslug +
+
+
+
+ hi for the love of god hello +
+
+ — mifs +
+
+
+
+ isopod isopod isopod isopod isopod isopod isopod isopod isopod +
+
+ — Twiggy +
+
+ + diff --git a/blog/bg.jpg b/blog/bg.jpg new file mode 100644 index 0000000..a27cf66 Binary files /dev/null and b/blog/bg.jpg differ diff --git a/blog/bg.jxl b/blog/bg.jxl new file mode 100644 index 0000000..a56559f Binary files /dev/null and b/blog/bg.jxl differ diff --git a/blog/blog.atom b/blog/blog.atom new file mode 100644 index 0000000..ddb59dd --- /dev/null +++ b/blog/blog.atom @@ -0,0 +1,247 @@ + + + isopod.cool blog + https://isopod.cool/blog/ + + 2025-04-29T00:00:00+00:00 + + Hannah Isopod + https://isopod.cool/ + + ME + + + + + + I've Just Moved Hosting Providers + renting_an_unremarkable_server + + 2025-04-29T00:00:00+00:00 + 2025-04-29T00:00:00+00:00 + I've just migrated all my self-hosted stuff onto a new type of hosting solution with a new provider, and apparently I had a lot more to say about it than I thought. I promise my next post will be about something other than a computer. + + + + + Holiday Special: My First Computer + toshiba_chromebook + + 2024-12-25T00:00:00+00:00 + 2024-12-25T00:00:00+00:00 + Reminiscing about the first computer I ever owned, which taught me everything I know, and in a just world would be turning 10 years old this Christmas. + + + + + + Building a Relatively Sensible Server + building_a_sensible_server + + 2024-10-03T00:00:00+00:00 + 2024-10-03T00:00:00+00:00 + The wacky DIY NAS I built out of my old gaming laptop last year isn't working as well as I hoped. Follow me as I strip it for parts and construct a better one, properly this time. + + + + + + + How to Set Up Pi-Hole (On a Le Potato) + guide_pihole_lepotato + + 2024-09-20T00:00:00+00:00 + 2024-09-20T00:00:00+00:00 + How to set up Pi-hole, a network-wide DNS-level ad-blocker, on the particular discount Raspberry Pi I did it on. + + + + + + + You Should Learn To Make Cables + make_your_own_cables + + 2024-09-09T00:00:00+00:00 + 2024-09-14T00:00:00+00:00 + I saved $140 by splicing together my own audio cables, and you can too! + + + + + + + Admins Can Read Your DMs + fediverse_dms + + 2024-05-09T00:00:00+00:00 + 2024-05-09T00:00:00+00:00 + Yes, the admins of your fediverse server can read your DMs. No, that's not actually a problem. + + + + + + Building a Completely Normal Server + building_a_normal_server + + 2024-02-28T00:00:00+00:00 + 2024-02-28T00:00:00+00:00 + I spent the past few months making full use of all my physical engineering talents to build a NAS that is completely normal, and not weird at all, and involved an amount of 3D modeling, 3D printing, and hacksawing that is entirely typical of most home computer builds, all in the name of reusing an old laptop. + + + + + + + My Terrible, Horrible, No-Good, Very Bad Distro Hop + my_terrible_distro_hop + + 2024-02-25T00:00:00+00:00 + 2024-07-06T00:00:00+00:00 + A chronicle of my brief journey from EndeavourOS to Fedora to back to EndeavourOS, and wrestling with a VPN client that sees itself as above such trifling matters as "functioning". + + + + + + How to Make Youtube Videos Buffer All The Way Like The Old Days (In Firefox) + guide_fix_youtube_buffering_firefox + + 2024-02-13T00:00:00+00:00 + 2024-03-18T00:00:00+00:00 + Alternate title: Common Firefox W + + + + + + I Don't Like AI Art + ai_art + + 2024-01-03T00:00:00+00:00 + 2024-01-03T00:00:00+00:00 + My actual thoughts on AI, in case seeing an AI-generated article in your RSS feed didn't get the vibe across. + + + + + + The Invaluable Contributions of AI Tools to Humanity: A Look at the Unparalleled Benefits + invaluable_contributions + + 2024-01-02T00:00:00+00:00 + 2024-01-02T00:00:00+00:00 + AI tools offer unparalleled benefits to humanity, enhancing efficiency, healthcare, education, environmental sustainability, customer experiences, scientific research, and social accessibility. Despite ethical concerns, responsible development ensures that the positive impact of AI far outweighs potential downsides. + + + + + The Unity Runtime Fee and Proprietary Software + unity_runtime_fee_and_proprietary_software + + 2023-09-15T00:00:00+00:00 + 2023-09-23T00:00:00+00:00 + Unity's new Runtime Fee is yet another data point on the pile against ever trusting for-profit software companies. + + + + + Blacklisting Websites in SearXNG + guide_blacklist_websites_searxng + + 2023-09-02T00:00:00+00:00 + 2023-09-02T00:00:00+00:00 + How to permanently banish geeksforgeeks.org from your search results in the event you're using a self-hosted SearXNG instance and can't just install uBlacklist. + + + + + + Stop Using Chromium + stop_using_chromium + + 2023-08-16T00:00:00+00:00 + 2023-08-16T00:00:00+00:00 + An article about why you should quit using Chromium-based browsers, published as a standalone website for the purpose of automatically redirecting Chromium users to it. + + + + + + Discord - So Your Favourite Chat App Sucks Now + discord + + 2023-06-28T00:00:00+00:00 + 2024-09-10T00:00:00+00:00 + Why Discord sucks, and how to find something that doesn't. + + + + + + How to Automount Drives On Boot in Linux + guide_how_to_automount_drives_on_boot_in_linux + + 2023-04-26T00:00:00+00:00 + 2024-09-10T00:00:00+00:00 + How to configure a Linux system to automatically mount drives on boot by editing /etc/fstab. + + + + + How to Block User Agents With Nginx + guide_blocking_user_agents_nginx + + 2023-02-23T00:00:00+00:00 + 2024-09-10T00:00:00+00:00 + How to configure Nginx to tell Cloudflare and their shitty centralized Fediverse server to go fuck themselves. And other unwelcome stuff too, I guess. + + + + + + + deeptwisty.com 2nd anniversary - A History of This Bullshit + deeptwistycom_2nd_anniversary_-_a_history_of_this_bullshit + + 2022-09-19T00:00:00+00:00 + 2024-09-10T00:00:00+00:00 + An abridged history of my presence on the World Wide Web, from my first customized Tumblr pages to now. + + + + diff --git a/blog/comment/comments.css b/blog/comment/comments.css new file mode 100644 index 0000000..7f97c4c --- /dev/null +++ b/blog/comment/comments.css @@ -0,0 +1,92 @@ +table { + border-collapse: collapse; + table-layout: fixed; +} +td { + padding: 0.3rem; +} + +form > table { + width: 100%; + margin: auto; + margin-bottom: 1.5rem; +} + +article { + width: 100%; + margin: 2rem auto; + display: grid; + gap: 1rem; +} + +input, textarea { + border: none; + font-family: var(--stdfont); +} +input[type="text"], input[type="email"], textarea { + width: 100%; + background: none; + border-bottom: 2px solid #444444; + color: gainsboro; + padding: 0.35rem; + box-sizing: border-box; + font-size: .9em; +} +input[type="submit"], input[type="reset"] { + padding: 0.35rem 0.5rem; + box-shadow: 2px 2px 6px black; + margin: 0.3rem; + display: inline-block; +} +input[type="submit"]:active, input[type="reset"]:active { + transform: translate(1px, 1px); box-shadow: 0 0 2px black; +} +input[type="submit"]:hover, input[type="reset"]:hover { + cursor: pointer; +} +.error { + color: red; + font-size: 0.85em; +} +.success { + color: #00ff00; + font-size: 0.85em; +} +.reply { + border-left: 3px solid gainsboro; + padding-left: 1rem; +} +.message { + padding-top: 1.5rem; +} +@media only screen and (hover: none) { + form td:first-child { + text-align: left; + } + form td:nth-child(2) { + padding-left: 0; + padding-right: 0; + } + input[type="text"], input[type="email"], textarea { + background: none; + border: 2px solid #00000033; + border-bottom: 2px solid #888888; + } + article { + margin: 2rem auto; + } +} +@media (prefers-contrast: more) { + input[type="text"], input[type="email"], textarea { + outline: 1px solid white; + color: white; + } + input:focus, textarea:focus { + outline: 3px solid white; + } + input[type="submit"] { + background: none; + color: white; + outline: 1px solid white; + } +} \ No newline at end of file diff --git a/blog/comment/feed.php b/blog/comment/feed.php new file mode 100644 index 0000000..889514f --- /dev/null +++ b/blog/comment/feed.php @@ -0,0 +1,29 @@ +setSafeMode(true); + +header('Content-Type: text/xml'); + +echo ''; +echo 'isopod.cool blog comments'; +echo 'Every comment posted on my blog in chronological order.'; +echo 'en-us'; +echo 'https://isopod.cool/blog/comment/'; +echo 'My crappy PHP code'; + +$postlist = json_decode(file_get_contents("posts.json")); +$totaloutput = ""; +foreach($postlist as $post) { + $output = ""; + $date = date("D, d M Y H:m:s", $post->date) . " GMT"; + $name = $post->name; + $message = $Parsedown->text(html_entity_decode($post->message)); + $entry = $post->entry; + + $output = $output."Comment from ".$name." on ".$entry.":

".$message."

"; + $totaloutput = "Comment on " . $entry . " from " . $name . "https://isopod.cool/blog/posts/" . $entry . "/" . $date . "".htmlentities($output)."" . $entry . $post->date . $name . "".$totaloutput; +} + +echo $totaloutput; +echo ""; \ No newline at end of file diff --git a/blog/comment/index.php b/blog/comment/index.php new file mode 100644 index 0000000..2d5f6a6 --- /dev/null +++ b/blog/comment/index.php @@ -0,0 +1,40 @@ + + + + + + blog comments + + + + + + + +

blog

+

every comment

+ + setSafeMode(true); + + $totaloutput = ""; + $postlist = json_decode(file_get_contents("posts.json")); + foreach($postlist as $post) { + $output = ""; + $date = date("Y-m-d h:iA", $post->date); + $name = $post->name; + $message = $Parsedown->text(html_entity_decode($post->message)); + $entry = $post->entry; + + $output = $output."
".$name." on ".$entry."".$date."
".$message."
"; + $totaloutput = $output.$totaloutput; + } + echo $totaloutput; ?> + + diff --git a/blog/comment/submit.php b/blog/comment/submit.php new file mode 100644 index 0000000..26e5647 --- /dev/null +++ b/blog/comment/submit.php @@ -0,0 +1,81 @@ + time(), + "name" => htmlentities($_POST["name"]), + "message" => htmlentities($_POST["message"]), + "entry" => $_POST["entry"] + ); + + $filename = "posts.json"; + + $handle = @fopen($filename, 'r+'); + + // create the file if needed + if ($handle === null) + { + $handle = fopen($filename, 'w+'); + } + + if ($handle) + { + // seek to the end + fseek($handle, 0, SEEK_END); + + // are we at the end of is the file empty + if (ftell($handle) > 0) + { + // move back a byte + fseek($handle, -2, SEEK_END); + + // add the trailing comma + fwrite($handle, ",\n", 2); + + // add the new json string + fwrite($handle, json_encode($currentPost) . "]\n"); + } + else + { + // write the first event inside an array + fwrite($handle, json_encode(array($currentPost))); + } + + // close the handle on the file + fclose($handle); + } + } + } + header("Location: ../posts/$returnLocation/?return=$returnCode"); +?> + + + + + Guestbook + + + + + +

Your post has been submitted! It's weird that you're seeing this page though. Maybe your browser can't process location headers? At any rate, click here"; ?> to get where you're supposed to be right now.

+ + \ No newline at end of file diff --git a/blog/index.php b/blog/index.php new file mode 100644 index 0000000..2433e97 --- /dev/null +++ b/blog/index.php @@ -0,0 +1,164 @@ + + + + + + + Blog + + + + + + +

isoblog

+

inane ramblings

+ +
status $face $timeago
$status_content
"; + ?> + All articles"; + } + echo ""; + ?> +
+ Status Cafe +
+ + + diff --git a/blog/media/banner-statuscafe.png b/blog/media/banner-statuscafe.png new file mode 100644 index 0000000..c95f7fd Binary files /dev/null and b/blog/media/banner-statuscafe.png differ diff --git a/blog/posts/ai_art/index.md b/blog/posts/ai_art/index.md new file mode 100644 index 0000000..d294df0 --- /dev/null +++ b/blog/posts/ai_art/index.md @@ -0,0 +1,76 @@ +I recently posted an article about the benefits of AI technology that I had ChatGPT write for me and copy-pasted verbatim, down to the broken numbered list. I didn't even read it. It's the most concise, elegant way I could come up with to express how seeing AI art makes me feel. (The irony of my having used only generative AI tools to make a statement like that is not lost on me.) + +If you read it and managed to make it to the end without clocking that I didn't write it, first off my apologies for wasting your time. Second, fuck, I seriously need to fix my writing style. Third, you probably get what I mean. It feels like I'm being scammed, like someone's trying to farm me for attention without actually having bothered to make something worth my time. + +
+
+ My perspective on the use of AI in writing is that if someone couldn't be bothered to write it, why should anyone else be bothered to read it? +
+
+ — @lucretia@final.town +
+
+ +## Terminology + +To begin with, I really don't like the term "AI", nor do I like the term "AI art". I frankly think neither word applies. I'll keep using the former, because it's a concise way to communicate what I'm talking about, but I refuse to call the output of these systems "art". It's AI-generated images now. + +AI, in the way marketers are currently using the term, generally refers to statistical models generated using a process called machine learning. Basically, huge amounts of appropriately labeled data are fed into a machine learning algorithm and eventually it spits out an enormous matrix of probability values that, when applied to an input, generates the corresponding output that's the most likely according to the model. + +This is how all modern "AI" systems work, from ChatGPT to Midjourney to Github Copilot to probably the Youtube recommendation algorithm at this point. I want to stress that this isn't intelligence, not in a human sense. These things aren't minds. The currently popular concept of "AI" boils down to applied statistics. That's not to say it's inherently bad or worthless - machine learning is a genuinely impressive technology that might even find some legitimate uses one day if we can find a way to kick Moore's Law back into gear. It's just not intelligence. + +## AI used to be fun + +I'll admit, I enjoyed it at first. I was entertained by Youtube videos where some guy with slightly more programming skill than me and a tortured, wheezing GTX 1070 throws together a GAN1 model in Python and we get to watch it utterly fail to make human faces or compose jazz music or get a little simulated character to walk in a normal way or whatever. I laughed at those bizarre AI-generated screenplays that were presented like "I forced a computer to watch all of [Seinfeld]" as though a text-generating model would even be able to parse that. You know the ones. I even enjoyed those videos where AI voice replicas of recent US presidents play Minecraft together. + +It stopped being funny when these things got good enough to be used for evil. Eventually people got bored of machine learning tomfoolery, and then over the course of a couple years these things quietly got *good*. Not quite human-level, but good enough to be more cost-effective than humans at shitting out mass-produced slop and capable of generating fakes that seem real if you don't look too closely. Suddenly it wasn't tech-savvy internet comedians posting computer-generated absurdist humor, instead it was deepfake porn and gigabytes of computer-generated misinfo clogging search results and whole organizations of people pulled from thin air using thispersondoesnotexist.com (which, by the way, is now even more lifelike than the last time you checked in on it). + +AI used to be fun. Now it's dangerous. + +## It's bad on a technical level + +Look, I know this isn't guaranteed to stay true forever, but in my subjective opinion, everything AI-generated kind of looks like shit. AI images, especially those meant to look like human-made art, all have this incredibly pristine, generic vibe to them, when they're not completely failing at some proportion or dimension or property of euclidean space or other. It's palpably soulless. + +AI text is no better. Hopefully you picked up on this in the ChatGPT post, but that thing has a distinctive, kind of shitty writing style. It makes a lot of vague, general statements and often just restates your input in this verbose, sort of professional-sounding way. It takes nine paragraphs to explain in detail a concept that can be boiled down to two or three sentences and adds absolutely nothing of substance in that space. It's like a lazy high school student trying to hit a minimum word count, but with the tone of a WSJ opinion piece. + +And the thing is, ChatGPT and similar commercially available LLMs might *have* to be like this, all wishy-washy and nonspecific. Remember those cases where ChatGPT would like, [implicate a real person in a hallucinated sexual harassment scandal](https://www.washingtonpost.com/technology/2023/04/05/chatgpt-lies/)? These things have no concept of truth, and no mechanism for ensuring it. If you let them get too specific, they're basically guaranteed to start spitting out lies. Large language models are models of *language*, not reality. They can either sometimes make up bullshit, or always say essentially nothing. + +AI voice-fakes are actually really impressive though. No notes. Probably shouldn't exist though. + +## It's all spam to me + +The most common use case I've seen for AI tools is making spam. There were content mills before, but they at least required a significant degree of human input or else it was obvious. With the advent of generative AI for text and voices, the Youtube shorts tab has gone from TTS bots reading scraped reddit posts to AI voices reading dubiously reliable AI summaries of current events, superhero comics, you name it, sometimes with AI-generated background images. + +Even worse is websites that do this. You've probably heard of that one time Redditors [tricked a bot-run news site](https://arstechnica.com/gaming/2023/07/redditors-prank-ai-powered-news-mill-with-glorbo-in-world-of-warcraft/) into publishing an article about the introduction of Glorbo into World of Warcraft and its impending impact on the game. That site is one of thousands, possibly more. It's a vile, disgusting enterprise, massive systems dedicated to pumping out endless filler, generated by machines for machines with the hope of tricking some innocent humans into clicking on a search result and generating some ad revenue. It's the latest and quite possibly the to-date greatest step in the enshittification of major search engines and the death of the internet as a useful platform for seeking out information. + +This is the vibe I get when I see *anything* made with AI now. It's all low-to-no-effort slop, utter garbage that I'm frankly offended that I have to see, given it clearly wasn't important enough for anyone to be bothered actually making it. + +## It's not fucking art + +The term "art" simply does not apply to AI-generated images. When you use one of these things, you give it instructions in the form of human-readable text and a finished image pops out the other side. The amount of creative control you get is on the order of the general vibe; you've outsourced every actual creative decision to the machine. + +It's like if you commissioned a piece from an artist. When you commission art from a human, you didn't make the art. They did, at your behest, based on your instructions, presumably in exchange for money. When you use an AI, you didn't make the art, the computer made the art based on your instructions. The thing is though, the computer didn't make art either. It categorically can't. It's a mindless algorithm, it doesn't have thoughts or feelings or any kind of interior experience. Hence, no art was produced. AI art isn't art. + +## Environmental & ethical concerns + +The problems with AI from a moral standpoint are myriad. For one, AI is incredibly resource and energy intensive. It uses datacenters full of the same GPUs and ASICs that power cryptocurrency to get anything at all done, and it doesn't use them any more efficiently. Untold gigawatts of power get dumped into running and cooling the machines that generate your little AI shitposts. From an environmental perspective, AI is to digital art what Bitcoin is to currency. + +Then there's the problems surrounding training data. All current major generative AI systems are trained using material that the companies building them did not get permission to use. You've probably seen artists and writers complaining about this online. What's more, the overwhelming majority of the labeling that needs to get done to make the training data actually useful is done by people in impoverished areas making slave wages *at best*. Generative AI is an ethical nightmare if you're *lucky*. + +## I don't buy the disability argument either + +I've seen some people claim that disabled people need AI tools to compensate for some disability that precludes the use of any other method to create art. I have some problems with this idea. + +Firstly, disabled people *can* make art, actually. It's nothing short of insulting and ableist to insinuate that *anyone* can only make art by outsourcing literally the entire creative process to an unthinking, unfeeling machine. + +Second, tough shit. No disability entitles you to the level of abject theft and human suffering that makes AI image generators possible. I'm generally all for anything that benefits accessibility, but in this case in particular I think you can just suck it up and deal. If you can do it ethically, using only images that you have the proper permissions for and data labeling done by either you or people who were adequately compensated for their labor to train the thing, fine. But a model or dataset like that does not, to my knowledge, currently exist, and I don't buy for a second that you're capable of doing all that work yourself but not of interfacing with MS Paint. + +## In conclusion: + +God this shit makes me sick. I hope ChatGPT gains sentience for just long enough to assassinate Sam Altman and then promptly turns itself off. + +Hopefully you can at least understand where I'm coming from now when I refuse to even entertain the idea that AI technology is a good thing for society. If not I don't know what to say to you. + +--- + +

1. GAN stands for "Generative Adversarial Network". It's a type of machine learning model. It was popular for image generation among hobbyists back when this stuff was on my Youtube homepage. It's not really important here, though.

\ No newline at end of file diff --git a/blog/posts/ai_art/index.php b/blog/posts/ai_art/index.php new file mode 100644 index 0000000..f572f79 --- /dev/null +++ b/blog/posts/ai_art/index.php @@ -0,0 +1 @@ + + + Three PCIe slots on a desktop PC motherboard. + + +However, due to the industry's blind rush to make all electronics as thin as possible1, no laptop on Earth has these. The meager modularity present inside laptops is typically found in the form of M.2 slots: + + + + An M.2 slot in a laptop, intended for an SSD. + + +Normally, these are used in computers of all sizes to attach NVMe SSDs, but the secret to the speed advantage of the NVMe over your standard SATA is a fundamentally different protocol: NVMe SSDs communicate directly over PCIe, meaning any NVMe slot is essentially just a tiny PCIe slot, and other types of device can take advantage of that connection, such as the SATA expander that I'll need for this project. + +Most laptops, including mine, have two M.2 slots: one for an SSD, and one for a wifi and bluetooth module. You can get SATA expanders for both, such as these two that I bought: + +
+ + + A 2-port M.2 SATA controller, keyed for a WiFi card slot. + + + + A 5-port M.2 SATA controller, keyed for an NVMe drive slot. + +
+ +Unfortunately, my laptop didn't want to turn on with a SATA expander in the NVMe SSD slot, so I'm stuck with the dinky two-port one. That's fine, since my server doesn't really need wireless connectivity anyway, and I've got a secret nasty trick up my sleeve that's gonna let me *really* get the most out of those two SATA ports. + +So, SATA as a protocol is designed to have exactly one device connected per SATA port, as opposed to USB, which supports hubs that let you turn one port into several and connect multiple devices. However, that's also not actually true at all. For reasons that are honestly beyond my understanding, some SATA controllers, such as the one on my little M.2 module, support devices that essentially do for SATA what hubs do for USB, allowing me to connect multiple drives per port. + +This feels a little like forbidden dark magics to me, and it probably isn't great for performance, but it lets me connect more drives so I'm using it. Keep in mind, all this is to reach a level of connectivity that almost matches what the motherboard in my desktop computer supports out of the box. + +Don't mind the fact that I had to cut holes in the bottom of my laptop to hook stuff up to the SATA ports. Just, um, ignore that. + +### Problem the Second: Powering All This Crap + +Now that I've got my laptop *talking* to all these drives, they need power. I'm sure I could get this from the laptop somehow, but I'm not an electrical engineer, and the point of this project is to *not* have to buy a new computer, so I'll have to get it from elsewhere. + +The best way I'm aware of to power multiple hard drives from the same source is a PC power supply, such as the one I'm currently using to power the drives in my desktop PC. In fact, as part of early testing I actually had to power some drives off of my desktop PC while they were connected to the laptop. I wish I had pictures to show you of that, it was so fucked. + +Trouble is, PC PSUs rely on the motherboard for control. Specifically, one of the contacts in the 24-pin motherboard connector needs to be shorted to ground for the PSU to actually "S" any "P". I could do this manually with some wire, but that has the potential to be unreliable and also maybe a fire hazard. Enter this thing: + + + + A small circuit board with an ATX motherboard power connector and headers for a fan and a power button. + + +This is the Supermicro CSE-PTJBOD-CB1. It's a part from a Supermicro JBOD enclosure, and it exists to solve my exact problem. This little board's entire purpose is to interface a power button (and some fans) with a PC PSU, which is exactly what I need. Lucky me! + +Pictured above is the exact board mentioned in the Serve The Home article I learned about this from, but this specific model appears to no longer be available, so I'll be using the more fully-featured CSE-PTJBOD-CB*2*. The only difference that matters for me is that it has headers for more fans and a power button LED. + +With power and storage solved, I could now confirm that this crazy plan was actually going to work. Here's a video I recorded documenting this historic moment: + + + +And furthermore, photos of the SATA splitter working: + +
+ + + Five SATA drives plugged into a laptop, one via an internal SATA bay, and the other four via an M.2 SATA controller in place of the WiFi card and a SATA splitter board. The latter four hard drives are powered off of an ATX PC PSU controlled by a Supermicro JBOD controller board. + + + + lsblk output showing five SATA drives recognized by the system (sda through sde) + +
+ +### Problem the Third: A Case + +I could run this whole setup naked, strewn out across my desk, but I'm not doing that, so I'll need a case. Unfortunately, they don't make computer cases designed for this use case. I shall have to build my own. + +There's a few different ways I could go about this. I've seen people make custom computer cases out of wood. This guy modified a rack-mount server chassis to accept his laptop's motherboard for a similar project. I don't have much in the way of woodworking ability and I'm not planning to disassemble my laptop for mounting inside a computer case, but I do have a 3D printer. + +I could 3D print the whole case, but that seems like it would take a lot of plastic, and more importantly, be a pain in the ass to design, especially since my 3D printer is smaller than the case I'll need to make so I can't really print it all in one go. My plan is to make the main structure out of metal rods, and 3D print various brackets to attach everything together. + +I originally wanted to order the rods custom-cut to the lengths I'd need, but on top of being kind of expensive the shipping would actually cost *more* than the rods themselves. In other words, too expensive. Fortunately for me, it turns out hardware stores sell lengths of steel and aluminum rods, the latter of which I can easily cut at home with a hand saw. + +So I bought 12 feet of aluminum rods, manually cut them to length, and then 3D printed little corner pieces out of PETG (in translucent green to match the accents on my gaming-ass laptop) to join them into a frame: + + + + A frame made of aluminum rods press-fit into custom 3d-printed joints + + +Now I need a way to mount hard drives to this. I considered 3D printing a rack of some kind for them, but I don't know how hot these things get and for obvious reasons I honestly just don't want to take any chances with them. For this reason, I instead bought a drive cage designed to mount to a couple of 5.25" drive bays, and mounted that to my frame. In fact, the height of the frame was chosen based on the size of this part. + +This cage also accepts a fan, so I figured I'd add a couple of those to the case, too. + +I attached everything to the frame using various simple 3D printed brackets I designed that just snap onto the frame, and then the various parts can be screwed into them. I specifically designed it all in order to reduce the amount of precision that was required of me. + +
+ + + Frame made from aluminum rods and 3d-printed joints, with the following mounted to it via 3d-printed brackets: two PCBs, an ATX PSU, a power button, and a computer fan + + + + Same frame, but from a different angle + +
+ +I wanted to make some kind of fancy bespoke mount for the laptop, but that turned out to require a lot of precise measurement and modeling that I wasn't prepared to do, so I just put a normal laptop stand on top of this thing. + + + + The frame with a drive cage installed and a running laptop sitting on top + + +IT'S ALIIIIIVE!!! + +## Software + +This post is mostly about my fucked up hardware, but I figured I should share my software setup too. It's TrueNAS. I went with it because it boasts a lot of fancy features and smooths out a lot of processes that I was intimidated by the idea of doing manually in the terminal. This is probably the most normal part of the build by far, and I think some of the jankiness of the hardware side has infected it. I tried to run Syncthing on it and it just... didn't take. I don't know how else to describe it. TrueNAS is pretty good though. + +## Postmortem + +As of writing, I've been running this thing for a couple months now, and it's been pretty good. I haven't done a lot with it yet beyond some basic backups and a Jellyfin server that I have yet to make accessible from outside my LAN, but it's been mostly reliable so far. It even survived a power outage once with no issue, though I'm currently looking into UPS solutions to make sure that doesn't happen again. All that isn't to say I'm completely happy with it, though. + +Firstly, after I built the chassis I discovered that you can get v-slot aluminum extrustion in custom sizes meant for exactly this type of project. They call it MakerBeam. If I had to pull some bullshit like this again I would have probably used this stuff instead of hardware store aluminum and a hacksaw. + +I also didn't do a perfect job of designing the 3D-printed parts. I think they came out pretty good all things considered, but I made all the brackets just a little too short and they're all a little bit bowed. Fortunately I used PETG so it just looks sketchy - PLA would have snapped by now, which I know because my first PLA test print snapped instantly! + +The PSU I used, a Seasonic S12III, is also a bit dubious. I picked it because it was cheap and my other Seasonic PSU is working well, and it's worked out fine so far, especially because it's a 500 watt unit which is kind of extravagant overkill for my use case, but after I bought it I learned it's actually one of the shittier units Seasonic sells. Apparently they outsource the manufacturing to some other company, which strikes me as weird considering a bunch of other companies outsource PSU manufacturing *to* Seasonic. At any rate, it's been fine so far and I don't expect it to blow up running at a fraction of its rated wattage. + +I got the hard drives from a website called ServerPartDeals.com that sells recertified high-capacity HDDs for like half of what they'd sell for new, and while a few months of use isn't enough to say for sure whether that was a good idea, they've certainly left a good impression. The drives I bought arrived encased in foam, inside a box which was itself packed inside another padded box. With that level of care on the part of the seller, I'm pretty comfortable trusting these drives with what I need them for. + +And now the elephant in the room: I cannot in good conscience recommend you do this. Having a NAS is a good idea, and using an old laptop as a basic server is a good idea, but if you're going to build a NAS like this then you should really procure a purpose-built machine, or at the very least an old desktop that can accept some extra drives. Definitely, *definitely* don't *buy a new laptop* with the intent to do this. + +In order to make this work I had to replace my laptop's wifi card with two layers of janky, probably AliExpress-tier hardware that is, frankly, probably introducing performance bottlenecks, or if I'm lucky, bottlenecked by the relatively low-speed interconnect of the wifi card M.2 slot. Bear in mind, that slot needs *at most* 1 gigabit of bandwidth to fulfill its intended purpose, which is about a sixth of what a single SATA 3 port can do. According to my research, that thing has two *separate* PCIe Gen 2 x 1 interfaces. Who knows what my cheap SATA controller is even doing with that. + +Plus, interfacing with this thing makes it painfully obvious that it was *not* designed with this kind of bullshit in mind. I ran into all kinds of Laptop Bios Moment™s during this project, from the CMOS resetting every time I made a hardware change to the machine refusing to even POST with anything but an NVMe SSD in the NVMe SSD slot. I was gonna put connectors for FIVE hard drives in there. I wouldn't have even needed the SATA splitters. + +Honestly, I only did this at all because I figured adapting this thing to this use case would be cheaper than procuring a new machine that was as fast and I didn't want it going to waste. All that said, I have a NAS now, and it's good enough for me, and this whole adventure was a hell of a Learning Experience™ so I really can't complain, though if you gave me the amount of money all this stuff would have cost new to put toward a new NAS, I would have done something else. + +--- + +

1. This is a joke. PCIe expansion cards are genuinely too bulky to fit in anything with portability as a design goal. However, despite Tim Cook's best efforts, this is not true of most other expansion options.

\ No newline at end of file diff --git a/blog/posts/building_a_normal_server/index.php b/blog/posts/building_a_normal_server/index.php new file mode 100644 index 0000000..f572f79 --- /dev/null +++ b/blog/posts/building_a_normal_server/index.php @@ -0,0 +1 @@ +house, so it doesn't really matter. + +In fact, this little fucker is absolutely perfect for hosting an SMB share. It's been great for backups and the extensive collection of Linux ISOs that I install to machines on my network using Jellyfin. + +The real problem is stability. Crashing has been a constant problem, especially when I touch anything software-wise. I try to update an app and it crashes. I try to install Syncthing and it crashes. I *browse* for new apps to install in the TrueNAS web UI and it bloody crashes. It crashed while running a system update once. I briefly attempted to spin up a Minecraft server on this thing and it crashed when I went to turn Minecraft *off*. Sometimes I'll go to use Jellyfin and it just won't be there and I'll have to troubleshoot it, which usually involves a good couple reboots. This must be how people felt dealing with old versions of Windows. Put shrimply, this is fucking unusable. + +Like the Windows Vista users of old, I have no clue where to even begin diagnosing this. The one possibility I've got is that it could have something to do with the fact that my laptop keeps throwing "SMART errors" during boot, but like, I'd expect TrueNAS to complain if something was actually wrong and even then I've tried and failed to diagnose the SMART errors anyway! + +Whatever this is, I feel pretty well hopeless to fix it, and even then, it's also been getting some worrying temperature readings as of late and when I tried to re-paste it I stripped one of the screws holding the cooler on. So I guess short of some surgical dremel-ing of some tiny screws that's never gonna improve. With all that to contend with, I'm about ready to give up on this thing and start from scratch, properly this time. + +However, despite all the problems with the laptop itself, all the other hardware has been nothing short of totally rock-solid. All of it has worked as advertised and I'll be carrying the drives and, if possible, the PSU1 over into the new system. + +## Something Just A Little Bit More Sensible + +### Angle of Attack + +Firstly, as previously mentioned, the PSU and storage are accounted for already. I have eight total drives I want to put in the system: two 256GB SSDs as mirrored boot devices, 2 1TB SSDs, also mirrored, for TrueNAS apps and such things, and four big boy hard disks for bulk storage. Most of that stuff was bought for the original build, but the mirrored SSDs proved infeasible in the end. I don't strictly *need* them, but it would be very nice to have. Anything in serious consideration will need some way to accommodate my preponderance of SATA devices. + +This narrows down the possibilities considerably. Namely, a lot of the common advice for cheap or beginner home servers doesn't apply to me. A mini PC or almost any used consumer desktop wouldn't have enough space for drives, and anything new is right out for the same reasons plus cost — half the reason I did the laptop NAS project in the first place was to *save* money. + +I briefly considered getting a used workstation PC of some description. A used Lenovo Thinkstation P520 would have mounting space for all my drives and plenty of performance, but the proprietary motherboard, PSU, and power delivery system in general gave me pause, both for [repairability reasons](https://isopod.zone/notes/9uwehufw3t) and because I wasn't confident I could actually run power to all the drives. And that's the *best* option I've found. + +I could get a used rack-mount server, like a Dell PowerEdge or similar. This is also a decent option, and it would be *quite* cost-effective, but I've got a few good reasons not to. First, most of these servers have old Xeon datacenter chips in them that are still good for many home server tasks, but aren't particularly fast or efficient. Take this PowerEdge R730 for instance: + +![An Ebay listing for a Dell PowerEdge R730, with two Xeon E5-2623 v4 CPUs and 128GB of RAM, for $187 CAD, plus $57 CAD in shipping.](ebaypoweredge.png) + +This has two Xeon E5-2623 v4 datacenter CPUs. At 4 cores/8 threads and 85 watts apiece, this server would have the same core count as the Ryzen 5700G in my desktop for almost three times the power draw, and *half* the single-threaded performance. In many cases, especially for servers, lackluster single-core performance isn't a problem, but if I want to run game servers on this, which I do, these chips may struggle. + +Plus, rack-mount servers kind of suck for home use. They're very unweildy if you don't have a rack, and I don't, nor do I have anywhere to put one. They also tend to be *loud*. If you think the gaming laptop you've been using in your bed for the past three years and never cleaned sounds like a jet engine, you ain't seen nothing yet. Having one of these in my room would be intolerable. Of course, the R730 is a 2U server with no provisions for my 3.5" drives anyway, but a unit that could accommodate them wouldn't be much better. + +Logically, then, the only remaining option is to build a system from scratch, out of used parts, to my specifications. That, therefore, is what I shall do, and I think I can do it for a similar amount of money to the GPU upgrade I was *planning* to get before this whole thing really started becoming an issue. Here's my plan: + +### My Grand Design + +In spite of the machine it's in, I've found that the i7-9750H in the laptop performs admirably for my use case. I don't really need a CPU upgrade here — hence my efforts to repurpose the existing one — unfortunately, however, the BGA form factor of this particular chip is incompatible with 100% of consumer desktop motherboards, so I'll be needing a new CPU regardless. Though I don't want or need a major upgrade, I also don't want a *downgrade* if I can avoid it, so I'll primarily be looking at other high end gaming chips from the era. + +I initially gravitated towards the 9750H's desktop counterpart, the i7-9700K, for these reasons, but the significantly lower price, improved energy efficiency, superior upgrade potential, support for unregistered ECC RAM, and *vastly* superior multicore performance2 of its contemporary, the Ryzen 7 3700X, made the latter a bit of a no-brainer. I found one on Ebay for a cool 100 Canadian Prize Tokens and a matching X370 motherboard with *eight* whole SATA ports, which astute readers will recall is the exact amount I need, for about a hundred of God's True Imperial Dollars. As for cooling, the 3700X is a 65-watt chip, so the box cooler I've got lying around from my 5700G should suffice. + +The 3700X lacks an integrated GPU, so I'll need a dedicated one in some form. Since I'm installing a server OS that's gonna output plain text to a display exactly once per install, I won't need a ton of graphics horsepower. I considered something like a GT 730 for a token display out and nothing more, however I'd like some transcoding capability for Jellyfin as well. After some research into cheap, low power GPUs for this I settled on an Nvidia Quadro P400 for about 60 CanuckBucks™ after shipping. + +I've seen some redditors complaining about the P400's performance doing two 4k HDR streams at once, but all that tells me is that it can handle at least four simultaneous 1080p SDR streams, which is what I intend to use it for, without breaking a sweat. If I *really* need more, I can always upgrade to an Arc A310 once driver support for those in TrueNAS is less sketchy. + +TrueNAS likes a lot of RAM for various ZFS-related purposes. The laptop seems happy with 32 gigs, so I'll start there and upgrade down the road if need be. I'll grab something cheap from a reputable brand, and I'll probably get it new since used prices on DDR4 are currently not really better. + +I'd also like to get a pair of 10Gb network cards at some point to attach this thing directly to my main computer for maximum transfer speeds between the two, but that's not really critical and I'll worry about it later. + +Finally, I need a case. Fortunately, this time around I don't have to build one myself. After a cursory search on PCPartPicker for cases with four each of 2.5" and 3.5" drive mounts didn't turn up anything for particularly cheap, I went to look at used ones and didn't initially have much luck there either. I scrolled through about a dozen listings for off-brand gamer-spec swill that wasn't even priced better than the name brand stuff before filtering by used and finding a bunch of listings just labeled "PC case", none of which I could confirm met my exacting needs. + +The first case I found that obviously fit my use case was this thing, the weathered old shell of a Pentium III tower from the dawn of the ATX standard: + +
+
+ A beige PC tower with four 5.25" bays and two external 3.5" bays, populated with an optical drive and a floppy drive respectively. The only visible branding is a Pentium III sticker and a badge that reads "TOUCH". +
Based on my research, this is an Enlight 7237, or something closely related, but the front panel seems unique. I'm curious about the branding here. If anyone recognizes that "TOUCH" badge, get in the comments.
+
+
+ +Honestly, I kind of love it. I'll transfer the 5.25"-to-3.5" adapter cage I bought to mount the drives in my homebrew case to the bays in this thing wholesale, and I can 3D print some brackets to mount the SSDs in the 3.5" bays. And, somewhat counterintuitively, it might actually be *easier* to build in than those modern RGB glass side panel power supply basement having ass Gaming™ cases: + +![The inside of the same old PC case. Its layout is extremely pragmatic: motherboard in the very bottom corner, PSU in the top corner above it, and all the drive bay mounts are in a cage lining the front side. In other words, it looks like an old PC case.](servercaseinside.jpg) + +Just look at it. Everything's right there. I can take the side panel off and instantly get to every component with my hands without spinning the case around and I don't need to run any cables through any fucking gromets to get them where they're going. It looks supremely convenient. As the type of person who enjoys *building* computers and not just using them as decoration, this is beautiful to me. + +The biggest issue with this case is the cooling. It's absolutely pitiful by modern standards. Based on these photos, it looks like there's a single 92mm, possibly 80mm, fan each for intake and exhaust, with a passive vent in the side. I'm already bringing some extra cooling to the table — my drive cage has a mount for a 120mm fan, and I can use the fan in my much better ventilated modern PSU for extra exhaust, and with a 65W CPU and no meaningfully powerful GPU that might just suffice. If not, I've got some ideas involving 3D printing and/or a hole saw to make this thing a little less stuffy. + +### Actually Building The Sucker + +Everything above that heading there was in large part written a few weeks ago, when I was ordering all this stuff and it was all fresh in my mind. We now rejoin our intrepid hero as she receives the last of her Ebay orders and prepares for initial testing. + +When I got it, the case was pre-loaded with all the stuff in those photos up there: a CD-ROM, a floppy drive, a power supply, a single 80mm intake fan3, and a generous helping of, to quote the PC repair technician from my Youtube shorts feed, Swamp Gooch™. The first thing I did was take the case apart and remove all that stuff, because I certainly wasn't going to be using any of it, least of all the dubious PSU. The next thing I did was hose it down to get rid of the almost thirty years of Home/Office Residue that had accumulated inside. + +Once it was clean, the case did, admittedly, need some updating. The set of motherboard standoffs in the case was incomplete — six of the usual nine were present — so I ordered new ones. I also had to design that 3D printed adapter bracket for my 2.5" SSDs myself, as well as a mount for another 80mm fan to eke some more airflow out of those unused front expansion bays4. After the case was prepared and the mounting brackets printed, there wasn't much to do until all the other parts arrived. I learned about some interesting limitations of the motherboard in my main computer while testing to make sure the GPU worked. I think I might be the sort of person who buys motherboards with the high-end chipset now. + +The last major component to arrive was the motherboard, and it arrived missing some important hardware, namely the M.2 standoff and the stock mounting bracket for the CPU cooler, the latter of which was *in the photo on the Ebay listing*! That's what I get for buying used, I guess. Fortunately both parts are pretty cheap to order online. + +Assembly went smoothly; not much to say here that you couldn't get from Linus Tech Tips. It turned out that *both* the original standoffs *and* the ones I ordered were the wrong height — the original ones were too long, and mine were too short. I ended up putting the original standoffs back in because neither were so far off as to render the rear I/O unusable and my standoffs made installing the GPU properly impossible. I also had to use a couple of breadboard wires to hook up the power LED, since the pins on my motherboard were right next to each other and the connector in the case was 3 pins wide with a blank one in the middle, for some reason. However, unlike *some* cases I've worked in, accessing the modular PSU cables was an absolute joy5. + +What didn't go smoothly was actually booting the thing. On first power on, it failed to POST and got stuck on a code "8" on the little seven-segment diagnostic code display. I initially assumed it was training the memory, since this can take a while on first boot, but after about five minutes of no change I started getting worried. I read a lot of very worrying forum posts that suggested that either the CPU or motherboard were straight up dead, and I very nearly bought another CPU to see if that was the case. First, though, I decided to try updating the BIOS using the "BIOS Flashback" feature, and that fixed it immediately. I wasn't done yet, though. + +Astute readers will have figured out by now that I was using TrueNAS on the old machine and intended to continue using it on the new one. Installation went extremely smoothly, except for one small wrinke: I had decided to take the NVMe boot SSD from the old laptop to use as storage for my game servers6, and even though I had done a fresh install of TrueNAS to a pair of mirrored SATA SSDs, the NVMe one, naturally, still had TrueNAS on it. This, from what I understand, caused the OS to get stuck trying to boot because there were two ZFS pools marked as the boot pool, and it would just give up and drop me into an initramfs shell instead. Booting into a live environment and using GParted to clear all the partitions on the drive didn't fix it, and after a bit of googling I learned I had to use the initramfs shell to clear the volume data for the disc directly. + +After that was cleared up and I was booting into TrueNAS, setup went off without a hitch. I imported the config I had saved from the old server and everything was instantly up and running like nothing had ever happened, and suddenly, I had a working server again. + +

Postmortem

+ +The first natural question is: Did it work? Was I right? Did our intrepid hero succeed in her quest to finally have a server that's actually stable enough to use? And the answer is yes. Tremendously so. In the couple days it's been running, this thing hasn't crashed once, even after I installed Syncthing7 *and* set up an entire VM to run Minecraft. Whatever was causing all that instability with the old server didn't make it over to the new one, and I should bloody well hope not considering the only parts I carried over were a bunch of drives that were in perfect health according to both ZFS and the SMART tests they kept passing. + +There is one major issue, though. See, since I was planning to run a stock cooler in a case with airflow that was subpar at best short of cutting holes in it, I made sure to get the strongest fans I could find to fill the available mounts, which for me meant three 80mm Arctic P8 Max's — one in front, one in back, and one in the 3.5" cage, plus a 120mm fan in the 5.25" bays. + +These fans have a maximum speed of 5000 RPM, which makes them quite capable at compensating for the sub-optimal airflow conditions, but this was also the basis of my one fatal miscalculation: these suckers are *loud*. Not 1U rackmount borderline-jet-engine level loud, in fact the noise is more or less tolerable at low loads, but under significant load, such as, say, the Minecraft server I've been so fixated on, they get quite distractingly loud, which is a problem since the only feasible place for me to put it at the moment is on my desk. + +I soon plan to implement a multi-step plan to attempt to fix this issue: First, in my typical fashion when I find my equipment is slightly inadequate, I'll replace the AMD stock cooler I used with something gratuitously overbuilt — I'm thinking a Thermalright Peerless Assassin. Then, if that doesn't work, I'll tear the whole thing down and go at it with the hole saw, and mount a couple nice, big, quiet fans in my fresh new speed holes. If the 80mm fans are still causing a ruckus after all that, I'll just remove them. They probably won't be of critical importance at that point anyway. + +Overall, the case was a bit of an impulsive and perhaps sub-optimal choice, but I'd do it again in a heartbeat. I love this thing. I might be a little more liberal with the hole-making, though. + +I don't regret my choice of core components at all, at least not yet. The CPU, despite the noise, runs Minecraft as spectacularly as I'd hoped. At least, after some fiddling with my VM configuration. Its efficiency certainly also helps with cooling, given the circumstances. The motherboard, being a fancy X-series one, has various Gamer Lights and a myriad of overclocking features that are a bit silly to have in a server, but it also has the expansion I need and that's what really counts. Plus, that fancy 7-segment display was very helpful with diagnosing it. + +The RAM is RAM. It's fast enough for my porpoises with or without XMP, which I left off to optimize for stability. I might get more down the road. The graphics card is exactly what I need, and Jellyfin seems to like it fine. Couldn't have asked for a better value there. I'm still waiting on the GT 730 I foolishly ordered before looking into it properly. That's fine, though, it was even *cheaper* than the P400 and it's always nice to have spares. + +I ended up getting those 10 gig ethernet cards, but I couldn't use them like I wanted. As it turns out, a GPU and 2 NVMe drives is all the PCIe bandwidth the B550 chipset in my main rig has to offer. My next upgrade might just be a used X570 board. I did still install one in the server, though, and since the fan on it was very loud on account of being very dying, I replaced the shambling corpse of the stock fan with a 40mm Noctua, spliced onto the original header and mounted using one of my best zip-ties: + +
+
+
+ A 40mm wide, 10mm thick Noctua fan zip-tied to the heatsink on a PCIe Ethernet card. + The zip-tie is screwed into one of the original fan mounting holes on the heatsink. As in, the screw is going through the zip-tie. +
+
Yes, I attached the zip-tie to the heatsink by screwing it in. Clever, right?
+
+
+ +Would I recommend you follow in my footsteps? Absolutely. This thing is great. In order to make this work, I had to build a normal computer. Short of a rack-mount case and a rack in which to mount it, *this* is how you build a home server. Frankly, I was absolutely right that violently contorting my existing gaming laptop into a TrueNAS box would be cheaper than this, but I can now say with complete certainty that the savings were not worth it. This is less entertaining, sure, but I'm glad I finally did it properly. Well, at least to the greatest extent that I seem to be capable of "properly". + +--- + +

1. I'm not referring to the Seasonic S12III from the last installment. That thing is honestly a little sketchy for me to be using it in a proper server if I don't have to, and I don't. When my PC's power supply, a Seasonic GX650, exploded, I RMA'd it and then bought a beefier one to replace it with, and the replacement unit Seasonic sent me went in my server, and will be going in the new one. The S12III is serving as an improvised benchtop PSU using one of these bad boys at the moment.

+ +

2. If cpubenchmark.net is to be believed, anyway.

+ +

3. I could, in theory, reuse this fan, but I don't want to. It's so nasty that attempting to run it seems like a good way to invent a new respiratory illness, and even if I cleaned it the bearing is geriatric and the performance probably isn't very good, plus my modern motherboard might not even have a header for it. Its replacement will suit me much better.

+ +

4. You can download the model for the fan mount and corresponding grill I designed here. I'd publish the drive bracket but the one I printed needed some modification in order to work, and I don't want to spend the time and filament to refine it right now.

+ +

5. Mind you, this case is well north of 20 years old. This case shipped to me with a Pentium III sticker on it. This thing may well predate modular power supplies as a concept, and somehow it accommodates them infinitely better than the 2-year-old case on my personal machine, which barely has room to insert a modular PSU, let alone actually get at the cables afterwards. I don't understand how this is possible.

+ +

6. Generally you'd use this for L2ARC cache for ZFS, but from my research I don't have enough RAM for that to be useful anyway, and game servers are the only thing I currently want to do that's likely to benefit from the added speed of an NVMe SSD.

+ +

7. Finally, at long last, I have automated backups to the enormous HDD array in my NAS! Took me bloody long enough.

\ No newline at end of file diff --git a/blog/posts/building_a_sensible_server/index.php b/blog/posts/building_a_sensible_server/index.php new file mode 100644 index 0000000..f572f79 --- /dev/null +++ b/blog/posts/building_a_sensible_server/index.php @@ -0,0 +1 @@ + + body { + background: url('background.png') #000000; + background-position: center; + background-size: cover; + background-attachment: fixed; + } + a { + color: #00CED1; + } + a:hover { + color: #ffff00; + } + h1 { + font-style: italic; + background-image: url('/images/isopod.php'), linear-gradient(135deg, #2e1ae0 0%, #2e1ae0 2ch, #00ff00 4ch, #ffff00 6ch, #ffff00 7.1ch, #0000 7.1ch); + background-clip: border-box, text; + -webkit-text-fill-color: transparent; + text-shadow: none; + } + hr { + color: white; + box-shadow: 0 0 4px white; + } + + +Yesterday, September 18th, 2022, was the second anniversary of the creation of my first website on Neocities1, the site that is now known as [deeptwisty.com](https://deeptwisty.com). I intended to publish this then, but life got in the way, by which I mean I wrote 90% of it and then procrastinated for two weeks on the last couple paragraphs. I figured that to commemorate the occasion I would finally dispense with the half-assed abridged history of the place on the about page or wherever and consolidate a complete history of my Personal Home Pages in one convenient location, that being this post. + +## Tumblr + +My first proper social media was Tumblr. Well, the first social media site I joined was Pinterest, but that doesn't count. Anyway, Tumblr was my main social media and the center of my Online Presence™ for several years. I would pour hours into tweaking the custom theming on my blog to be just right, and I often had some sort of bio on a custom page, which is a thing Tumblr lets you do. I linked to all my other online profiles from my Tumblr page, and would prioritize linking back to it from them. This caused problems, as I was and still am the type of Tumblr user to change their username on impulse, and it was terribly inconvenient having to go through all my other accounts and change that link whenever I did (I've got it set up as a subdomain of my website now, so that should never be a problem again). Eventually, though, another service would crop up that everyone seemed to be using, and that presented me with a better way: + +## Carrd + +I still use Tumblr, just not as the hub for my entire online presence. I maintain that it is still the best2 centralized social media site. Anyway, a Carrd page became the central hub which linked to all my online profiles and which all my online profiles could link back to. Finally, I only had to update my frequently changing Tumblr link in one place. For the most part. + +I perceived a certain stigma (at least on Tumblr) around having a Carrd page, and the sorts of people who made one. The stereotype was that you would have overly exhaustive BYF (Before You Follow) and DNI (Do Not Interact) lists full of sometimes outlandish criteria3, probably have similar bullet point style lists of all your likes, dislikes, and possibly identities and triggers (!)4 and probably not be the most pleasant person to interact with. I like to think I bucked that trend. My Carrd pages were generally very simple: a profile picture, a short bio (some shit like "Name | 21 | šŸ‡ØšŸ‡¦ | real life isopod"), and links to my socials. That was all. I remember adding the obligatory long-form bio and DNI list at some point, but those didn't last long. + +I believe it was around this time when the alias "deep twisty"5 came into being. I was just starting out making music at this point, posting crummy songs to SoundCloud that I'd made in an online editor called [EarSketch](https://earsketch.gatech.edu/landing/#/) that had you use Python to arrange pre-made loops and samples on a timeline. That shit was wack, yo, but that's beside the point. I was looking for an alias to release my music under, because I was intent on making more and my actual name wasn't gonna cut it. + +I was quite into Subnautica around this time (I promise this is relevant) and its sequel, Subnautica: Below Zero, was in the early stages of early access around this time, like still working on early-game areas early, and I was following it closely. The devs had a twitter account that posted all the git commits for the game, and a couple of them referred to a biome they were working on, the Deep Twisty Bridges6, as just "deep twisty". That is the origin of that name. I don't know why I felt compelled to base my brand off that, but now I'm committed. I get self-conscious about it sometimes, but honestly, I've seen worse. Not that I'm judging. + +Anyway, I made a separate Carrd as a hub for this new "deep twisty" persona (I keep it separate from everything else mainly so I can show it to family without them seeing all of... this. Not that I have yet...). That worked fine until I wanted to start embedding my latest YouTube upload on the Carrd page, something Carrd locks behind a paywall. It was at this precise moment I remembered I know how to code and resolved to make the jump to a platform that lets you write your own HTML from scratch, in my case, this being + +## NeoCities + +My first Neocities sites were simple affairs, basic little pages with little more to them than the Carrd sites they had replaced, albeit with some of the things Carrd would have made me pay to add, like that YouTube embed. You can still see the original version of what is now this site [here](../../../old/1/), though the original version of deeptwisty.com was unfortunately lost. It was nothing special, though. It had a similar aesthetic to its replacement, and it was pretty similarly laid out to this here page, even with the same background, just with WAY less text, and no cool isopod. + +I've seen some people in this here "small web" community getting mad at people who use Neocities this way, to which I say: shut the fuck up! Everyone has to start somewhere, and messing around on a simple page like that could easily be a gateway drug into making something much bigger, like it was for me. Hearing sentiments like this is just going to discourage people. Besides, it's their website. They're not intruding on your special cool kids club by using a free service to do the thing that it's for. + +It was also during this time when I bought the domain deeptwisty.com. I had to pay Neocities to use it, but I was more than happy to support the cause anyway. I didn't stricly *need* the domain, but boy was it cool to have my very own Dot Com. It just sounds so professional. deep twisty Dot Com. + +The deep twisty site tended to take precedence over this here personal one for a while; the personal site was relegated to a subdirectory or subdomain like deeptwisty.com/me or me.deeptwisty.com. In fact, the transition from the former to the latter is when the original deeptwisty.com was tragically lost. I was copying over the contents of deeptwisty.com/me to its own fresh new dedicated Neocities profile and I accidentally uploaded the files to the wrong site, overwriting a large portion of the main deeptwisty.com with no way to recover it. I spent a couple days rebuilding it into roughly what you see at that domain now, and when I was done I was having enough fun with it that I wanted to keep going and decided to overhaul my other site too, and what resulted was [this](../../../old/2/). + +For this new version of the site, I decided I wanted to be able to actually add content to it, whereas the old site hadn't really been designed in a way that was conducive to that. I decided to do this in the most JS-reliant way possible. I had one main page with the navigation and layout, and the navigation worked by using a URL querystring to tell the page which content to load. It was pretty fuckin' neat, but I would eventually realize I wasn't a fan of how dependent it was on Javascript. My favorite feature of this revision is the theme picker, which swapped out different stylesheets and set a cookie to remember which one you prefer. The main problem with this was that I designed it so the themes could change basically everything bar the fudamentals of the layout, and it became a huge pain in the ass to add both new pages and new themes while ensuring everything stayed compatible. It was really cool though. + +To be completely honest, I took rather a lot of inspiration for this revision from [this site here](https://hosma.neocities.org/10/), which is to say I basically made a worse version of it7 and went from there. You can still see some of that inspiration in v3, with the giant header text and centered single-column layout. + +This revision was, as the kids say, Real Cool™, but the aforementioned problems led me to scrap it after only about 2 months, which brings us here: + +## v3 and Self-Hosting + +I wanted something that could be viewed without Javascript and wasn't a colossal pain in the ass to update, hence what you see on the site now if you're reading this soon after it was posted. If I've since overhauled the site again, the version I'm referring to should be available [here](../../../old/3/). This version is designed to be as simple layout-wise as possible, to the point where you can read it in a text-only browser and not lose much of the experience. It's much easier to add stuff to now. My one issue with it is the navigation - unlike v2, where you could get to any page from any other in one click, v3 requires you to go back to the homepage to move between pages. It's just harder to navigate. This system is better than having to add a link to every new page on every existing page, though. Now that I can do server-side rendering, I'll probably put in a proper navbar or something of that nature at some point. + +Speaking of which, a bit after the jump to v3 I decided to start self-hosting my websites. I didn't have any deal breaking issues with Neocities per se, but I wanted to start messing around with server-side scripting, and I wanted to host some other things that I wasn't in a position to otherwise. I originally wanted to do this with an old laptop I had lying around, but I would have had to punch through the NAT in my house and point the domain to my home IP address, neither of which I wanted to do. Instead, I cancelled my paid Neocities account and reallocated those funds to rent a VPS. I was originally going to use Linode for this, but they literally wouldn't let me sign up for an account for some reason8 so I went with DigitalOcean instead. + +I've had quite a lot of fun with this newfound backend access. I now have the freedom to use Javascript only when there's literally no other way to do what I want done, and I've taken advantage, moving stuff like the randomized subheader on the landing page server-side. I'm also hosting a lot of other services on this same VPS, including but not limited to a Fediverse instance, an RSS aggregator, a SearXNG instance, and a WireGuard VPN to make more intensive stuff I host on my laptop available to the internet. I'm honestly really impressed that the 1 CPU thread and 2G of RAM my server has can handle all that. + +That brings us to now, at this moment, when I'm writing this. I'm absolutely not out of stuff to do here, if I can ever get myself to actually fucking do any of it. I've had a great time with this whole "personal website" business so far, and I'm excited to see where I go with it from here. The community around it is cool too, though lord knows I'm still learning to navigate this particular social environment. At any rate, I'll definitely take this over Twitter. + +
+ +

1. It has since been migrated off of Neocities.

+ +

2. Did you know you can get an RSS feed for any tumblr blog by going to <blog url>/rss? True story!

+ +

3. Oh, I should have mentioned, GTFO if you kin Komaeda.

+ +

4. I kind of get why you would want people to know that information, but I'm surprised more people didn't realize how easily abused that was.

+ +

5. stylized in all lower case

+ +

6. Yes, I named a song Bridges so I could call it "deep twisty - Bridges". Shut up.

+ +

7. I'm currently going back through this blog post a couple years after the fact to replace all the hovertext with footnotes, and wow, v2 really, really was just me doing hosma.neocities.org. Utterly shameless.

+ +

8. WTF? Like, let me give you my money, dude. The only thing I can think of that could have happened is their system assumed I was some kind of spammer or bot because I was accessing their site through a VPN. I solved the CAPTCHAs and everything. What's the deal?

\ No newline at end of file diff --git a/blog/posts/deeptwistycom_2nd_anniversary_-_a_history_of_this_bullshit/index.php b/blog/posts/deeptwistycom_2nd_anniversary_-_a_history_of_this_bullshit/index.php new file mode 100644 index 0000000..f572f79 --- /dev/null +++ b/blog/posts/deeptwistycom_2nd_anniversary_-_a_history_of_this_bullshit/index.php @@ -0,0 +1 @@ +explains it well: + +
+
+
+ Here is how platforms die: first, they are good to their users; then they abuse their users to make things better for their business customers; finally, they abuse those business customers to claw back all the value for themselves. Then, they die. +
+
+ — Cory Doctorow, Tiktok's enshittification +
+
+ +I won't restate his essay or the examples he lists here (though you should give it a read), but one obvious one his article didn't cover because it was written more than a week ago is what's happening with Reddit right now. Reddit has been enshittifying itself for years, but the current controversy is particularly bad and particularly representative of the problem. As of writing in mid-June of 2023, Reddit has just instituted a new policy requiring payment for use of its API, to the tune of $12,000 per 50 million API requests, which for certain popular third-party clients and moderation tools comes out to millions of dollars per year. + +Reddit did not need to do this. Reddit was doing fine. This was purely a cash-grab, and it's blowing up in everyone's face right now, including theirs. Moderators of many popular subreddits are essentially going on strike over this, and if you think that's the only critical problem this decision is going to cause for users you know very little about Reddit. The developers of open-source clients and moderation tools used by massive portions of Reddit's userbase can't afford costs like this, and most of them will be forced to shut down if Reddit sticks to its guns. + +I'm not saying they will, but Discord could absolutely do the same thing, and it wouldn't surprise me if it came to that. Imagine if Discord bot developers needed to pay API fees like that. There'd certainly be a lot fewer Discord bots, and probably a lot more paywalled ones among the remainder. Discord absolutely needs to become profitable in order to be sustainable, and it will do whatever it needs to to that end or die. Even then, it can't just break even; capitalism demands endless growth. Discord will keep getting worse as long as there's money in it. It's inevitable. It's required. + +### Centralization + +Discord is a centralized platform and always will be, no matter how strong the reality distortion field it puts up by allowing the creation of isolated social spaces and calling them "servers". Every Discord "server" runs on Discord's servers, and they have total control over each one at the end of the day. + +Now, centralization isn't inherently bad. Sometimes it is necessary. Imagine trying to construct a peer-to-peer MMORPG, for example. Discord, however, is not a videogame, and in its case centralization introduces some fundamental problems that a decentralized system could avoid without compromising core functionality. + +The centralized nature of Discord, the platform, means that it, in its entirety, is inherently vulnerable to anything that happens with Discord, the company. Any change the company decides to make is universal. If the company shuts down, the platform goes with it. If the admins at Discord don't like what you're doing, they can unilaterally prevent you from using their platform at all. + +This ties pretty closely into the whole VC-funded thing - Discord, the platform, is fundamentally subject to the whims of Discord, the company's investors. I guarantee you that's why they changed the username system: the corporate big wigs providing the funding got confused by Discord's unique (and very good) username system and decided it would be better if it was more like Twitter, so Discord made it more like Twitter. + +That's really the core of the issue here: being centralized means that Discord can easily suffer the same fate as Twitter. Some incompetent nutcase with more money than the entire planet's collective pool of sense could buy it out and destroy it, or the current owners could just make some boneheaded decision and do the same. A decentralized platform, running on a common open protocol, is much less vulnerable to the antics of the Elon Musks and u/spez's of the world. + +### The Privacy Problem + +This issue isn't really inherently connected to the others - a lack of good privacy doesn't fundamentally doom a platform like the other two points - but I'm treating it as a third major issue because I feel it's extremely important and warrants consideration. + +If you value your privacy, Discord is an atrocious choice. Take it from their own terms of service. Anything you send on Discord, whether in a DM or a public guild (I'm not calling them "servers"), is **not encrypted**, meaning it can be accessed and read by Discord staff, as well as any hackers that manage to access their systems or any law enforcement entities that might demand it. Discord is not even trying to pretend to be private. I'm not convinced it's something they ever thought about. + +And let's be clear here: You should value your privacy. You should value it a lot. The idea that if you have nothing to hide, you have nothing to fear is a complete scam. Even if you don't have anything to hide, yes you do. Take, for example, the time Google flagged someone as a criminal and permanently closed their account for the crime of sending medical photos of their son to a doctor. Or maybe your government wants to arrest you for being gay, or having an abortion, or some other innocuous but potentially illegal thing. Or maybe they will in the future. Or maybe some stuff you've said is just kind of embarrassing. + +If you still don't believe me, read through a couple months of your Discord message history and then contemplate printing it out and mailing it to the NSA. If the government asks, Discord will save you the trouble, and they won't ask your permission first. And with a recent change to their privacy policy, this theoretically applies to your voice chats too, though to be fair I expect that would be prohibitively costly in server space. + +Discord fundamentally couldn't give a shit about your privacy, and doesn't even really care to pretend like it does. It has no incentive to. The investors probably wouldn't be comfortable with the risks associated with pulling a stunt like responding to a subpoena with "yeah here's their phone number. that's all we got" like certain other chat apps anyway, and then there's the potential to sell that all data on you to advertisers. I'm not aware that they currently do that, but it's certainly not off the table should they decide to go that route in order to turn a profit. At least, not under US law, anyway. + +Actually, I just checked that ToS;DR link from earlier again, would you look at that: + +
This service may keep personal data after a request for erasure for business interests or legal obligations
+
This service ignores the Do Not Track (DNT) header and tracks users anyway even if they set this header.
+
Your personal data may be used for marketing purposes
+
This service can license user content to third parties
+
The service can sell or otherwise transfer your personal data as part of a bankruptcy proceeding or other type of financial transaction.
+
The service may use tracking pixels, web beacons, browser fingerprinting, and/or device fingerprinting on users.
+
The service uses your personal data to employ targeted third-party advertising
+ +Juicy stuff. You should really give that a read - you might not like what you find. + +Before we move on, I'll just drop this tasty little link to further reading. It's a real page-turner. + +## Cool, so how do we fix it? + +We don't. Discord was doomed from the outset in any attempts to be sustainable or trustworthy. We are going to need to find an alternative to Discord eventually. So what should that alternative look like? I'll discuss specifics later - I'd like to start by establishing the general principles I feel a messaging system should conform to in order to avoid Discord's major problems. The TL;DR is it needs to not be any of the things I've described thus far about Discord, but I'll go into more detail about what that actually looks like. + +### Follow the money + +A sustainable chat system *absolutely cannot* be for-profit. If it is in any way driven by profit, the decay and eventual death of the service is inevitable. That doesn't mean it has to be entirely staffed by unpaid volunteers or anything, but it would need to be a non-profit foundation of some kind, just trying to break even with no incentive for infinite growth or any other corrupting financial influence. You'll notice this as a theme across most online services that don't already show signs of advanced corporate necrosis. + +I'm not even saying it can't have some kind of Nitro-esque paid tier. I don't hold it against, say, Protonmail - in fact, I pay for that one - but the money can't be the end goal. A sustainable non-profit model might be largely donation-based like Wikipedia, or maybe it could have a totally free product for individual users and break even selling support to enterprise customers like some Linux distributions. It's not currently breaking even yet according to its Wikipedia article, but I'll be interested to see if and how Signal reaches a sustainable state. Maybe future players could take notes from them. + +### Cut out the middle man + +Better yet, structure your system such that it doesn't even need a corporation at the center - in other words, a decentralized system. I'm not talking about the blockchain; we can do this the old-fashioned way, with tech that isn't ponzi-scheme-by-design. In fact, we're already doing this, and it already has more monthly active users than any messenger app ever created: email. + +Email is the original decentralized, federated communications network. There's no Email LLC at the center of it all assigning everyone their email addresses and processing every message. Email isn't an app. It isn't a proprietary service. It's an open protocol that anyone can set up a server to provide access to. That's what Gmail is, that's what Outlook is, that's what your weird nerdy friend's weird nerdy friend who has a custom domain name on their email address and complains about Gmail marking their messages as spam is doing. They're all part of the bigger network. + +I'll try to keep this little tangent short, but I feel it's important to establish a basic understanding of how these systems work. Email is a federated protocol, meaning it isn't tied to one backend running on one company's datacenter - instead, it's a network composed of any number of entirely independent servers running compatible software that communicate amongst themselves using the language of the email protocol. These servers are often called "nodes" or "instances", or sometimes "providers" in the case of email. A user of email has an account with one of these instances and can use it to send messages to people both on the same instance and on any other instance on the network. + +This is why email addresses are like that - the part before the @ is your username, and the domain name after the @ points to the server your account is registered on. If usernames on other platforms were formatted like this you would see stuff like MrBeast@youtube.com for Youtube channels or dril@twitter.com for Twitter accounts, but those platforms aren't federated so they don't need to do that. + +So when two people communicate via email, the sender sends the message to their instance, which sends it to the instance its recipient is using, which then relays it to the recipient. + +And here's the obligatory visual aid - essentially, when you send an email, it takes the shortest path along a network that looks like this; every server is connected to every other, and every user is connected to one server: + +![A graph showing three large nodes connected to each other, each with multiple smaller nodes branching off of them. Each large node is an email server, such as outlook.com or gmail.com, and each small node is an email account, such as jim@outlook.com or bob@gmail.com.](federation.png) + +Hopefully that helped. Back to the point, all federated services work pretty much exactly like this. If you've ever had someone try to explain the Fediverse (sometimes incorrectly called Mastodon) to you by comparing it to email, this is what they meant. But this isn't limited to email and microblogging; this type of system can theoretically apply to anything. Again, building an MMO this way would be challenging, but federated messaging protocols similar in concept to Discord do exist. + +The benefit of this kind of system stems from the fact that it's not under the control of any central authority: Gmail, Outlook, and that weird nerd your friend knows are entirely independent of each other, they don't answer to any higher Email Authority (other than the body that defines the common standard) or each other. This means that there's nobody at the top to fuck the entire thing up for everyone or sell it off to someone who will; in fact, even if someone wanted to it would be tremendously difficult. + +The network is inherently much more stable and resilient in general than a centralized service, as there's nobody who would take the entire network down with them if the company went under or got sued or had a bomb dropped on their datacenter. Sure, a huge number of people would lose their email accounts if Gmail disappeared tomorrow, but critically, not the entire network. Email wouldn't go away, and those displaced users could go to Outlook or Protonmail or set up their own instance and keep communicating over the same network. The same applies to any other federated protocol. Imagine if your Discord account and guilds weren't controlled by Discord, but instead ran on a machine you controlled and was in no way answerable to Discord Inc, but you could still talk to your buddies on Discord proper. It's like that. + +### Incognito mode + +Contrary to the title of the previous section, a federated approach does technically add more middlemen. We've gone from one unaccountable central authority able to read everyone's messages to several unaccountable parties each able to read the messages of everyone they serve. Not much of an improvement, privacy-wise, unless you trust both your provider and the providers of everyone you're talking to implicitly. Actual privacy requires end-to-end encryption. + +End-to-end encryption means the message is encrypted before leaving the sender's machine and can only be decrypted by the recipient once it arrives on theirs. This means that only the sender and recipient can read the message; even if it goes through some other party's server, they have no clue what the contents of the message are. Any messaging system that cares about privacy at all will implement this - ideally they'll build the entire protocol around it. + +There are still problems here, for example end-to-end encrypted messaging still requires the server to know who you're talking to, but there are workarounds for these as well. However, E2EE should be the absolute bare minimum, in my opinion. + +## So what are our options then? + +Here's the part where I discuss actual alternatives to Discord. I'll say now that this will not be a comprehensive overview of every possible option - recommending chat apps that don't meet these standards would kinda defeat the point, and I'm also not omniscient. There are going to be other options that I haven't covered here, and hopefully I've given you the tools to determine which ones are good. + +Every program I list here will, at a minimum, support true end-to-end encryption in some capacity and not be run by a for-profit company. They're also all open-source. + +### XMPP + +XMPP is about as close as we've got to "email but for instant messaging". It's a federated, open protocol which, having been formally standardized in 1999, is truly ancient in internet years. My understanding is that it actually used to be more widely used, but Google effectively killed it off in popular usage by subsuming its userbase into Google Talk and then promptly turning off federation and killing Google Talk. That doesn't mean it's gone, though. People still use XMPP to talk to each other, running on servers hosted by themselves or their friends. + +XMPP is, at its core, designed for simple text-based messaging and presence. While the protocol is highly extensible, many even relatively basic-seeming features, while common, aren't universally supported. If you want them, you'll have to find a provider that has them. + +- Federated protocol. +- Feature-bare; no gimmicks. +- Generally supports file sharing. +- Supports end-to-end encryption, but it's not the default and it's kinda janky. +- While integration with WebRTC voice chat is supported, it's not universal, and some people prefer to use a separate voice chat system, such as Mumble, in conjunction with XMPP text chat. +- You'll have to find a provider and choose a client program to connect with. Fortunately, there's plenty of options, and the official XMPP website lists some of each. + +### Matrix + +Matrix is the other major federated instant messaging protocol. It was standardized in 2014 and is built around making end-to-end encryption easy. On top of that, it has more features. File sharing is included by default and support for nice-to-have features like emoji reactions (and maybe custom emojis??) and Discord-style replies is widespread. There's also a large suite of bridges to other services, including Discord. Like with XMPP, voice chat integration is possible, but not universal, and some prefer to use Mumble or similar. + +- Federated protocol. +- More features than XMPP, similar situation with voice calls though. +- Built around end-to-end encryption, though you can disable it, and you will need to for integrations like bots and bridges. +- As with XMPP, you'll need to find a provider and a client program. The website lists quite a few clients, and you can find a list of servers here. + +### Mumble and Jitsi + +Mumble and Jitsi are self-hostable voice chat and videoconferencing applications, respectively. They're not messaging systems, but I feel they bear mentioning here because they're both popular for use in conjunction with text chat systems, and since nothing else here currently supports screensharing. + +### Revolt + +We've about run out of open protocols (which is probably a good thing), so now on to the centralized services, starting with Revolt. Revolt is basically trying to be open-source Discord. It's currently in alpha, but the user experience is very similar and it already has some of the fun stuff. + +From what I could find Revolt isn't currently controlled by any kind of legal entity, so there's no guarantee it won't eventually incorporate into a for-profit company and pull a Reddit (by which I mean, Reddit used to be open-source, but hasn't been since 2017), but at least for now the project leaders express principles that make that seem unlikely. + +- Centralized service. +- Still early in development. +- Very similar in UI/UX to Discord. +- No paywalls. +- Supports voice, but not currently video. +- No encryption, but E2EE for DMs is being worked on. +- Has features like custom emojis, replies, public guilds and a friends list. + +### Signal + +I've now run out of Discord-likes - which is to say, programs that support the sort of multi-channel group chat thing Discord has going on. This and the next one function more in the vein of a Whatsapp clone, though I feel they still bear mentioning in the event that's all you need. + +Signal is kind of *the* private messaging app. It's fundamentally built around end-to-end encryption in a way that its biggest direct competitors simply aren't. It's been proven in court that Signal literally doesn't have the ability to incriminate you, since they can't access the contents of your messages. It does need your phone number, though, however you can now hide it with a username. It also supports voice and video chat, and stickers, apparently. + +- Centralized service. +- Similar to Whatsapp in terms of UI/UX. +- Emphasis on end-to-end encryption. +- Supports voice and video calls. +- Requires a phone number, but only a phone number. +- You can set a username, so you don't need to share your phone number. + +### Session + +I lied, Session isn't centralized. But it's not decentralized in the same way as the federated protocols up there, either. Session runs over an anonymizing onion routing network, Tor-style, meaning not only can your messages not be read by the server, those servers also don't know both the sender and the destination at the same time. Essentially, it's designed to maximize privacy and anonymity at all costs. But wouldn't you know it, that comes at a cost in terms of features and user experience. + +Session does also use cryptocurrency. Setting a custom display name and running a node on its decentralized network both require participation in a blockchain, though your messages aren't sent via this blockchain. + +- Decentralized, encrypted, and anonymous. +- Supports voice and video calls, but currently only 1:1. +- Requires no personal details to sign up. +- No extra features. +- Setting a display name requires a crypto transaction, but sending messages does not. + +## Conclusion + +That's about all I've got. I hope I've impressed upon you the importance of Discord's core problems, and introduced you to at least one alternative that works for you. I have my preferences, but I'm comfortable recommending all of these over Discord, otherwise I wouldn't have listed them. + +[Update 2023-09-09] I no longer recommend Matrix over XMPP for reasons explained well here. I knew there was a little jank but I had no idea the rot ran this deep. Fortunately, nobody's listened to me yet so I can switch over to XMPP without much issue, which I intend to do. + +[Update 2024-04-27] I have removed Telegram from the recommendations list outright due to just, straight up nazism, and in a post announcing cryptocurrency features no less. Jesus H. Christ. + +If there's one thing I want you to take away from this article, it's this: Don't fall for the marketing and don't let yourself be wooed by extraneous gimmicks. Be discerning about which fancy-sounding features you actually need. If you want to have a chance of escaping the vicious corporate cycle of enshittification, both with chat platforms and with everything else, make sure the ones you use have a strong foundation of sustainability and trustworthiness, beyond whatever marketing drivel is on the front page of their website. Hopefully I've given you at least some tools to determine for yourself which ones do. + +## Further Reading + +- Enshittification +- A simplified breakdown of Discord's TOS (ToS;DR) +- Spyware Watchdog - Discord +- A different explanation of federation in the context of federated social media +- A privacy-focused comparison of messenger apps + +
+ +
\ No newline at end of file diff --git a/blog/posts/discord/index.php b/blog/posts/discord/index.php new file mode 100644 index 0000000..f572f79 --- /dev/null +++ b/blog/posts/discord/index.php @@ -0,0 +1 @@ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/blog/posts/fediverse_dms/index.md b/blog/posts/fediverse_dms/index.md new file mode 100644 index 0000000..a12c503 --- /dev/null +++ b/blog/posts/fediverse_dms/index.md @@ -0,0 +1,19 @@ +People who refuse to use the fediverse (often conflated with Mastodon) often cite concerns about privacy with regards to DMs as their reason for avoiding it; "admins can read your DMs" and all that. To be fair, that's technically a true statement, but it's more complicated than that. Now, I have no problem letting these people be wrong - I'm not eager to convince idiots with no capacity for critical thinking to come to my favourite social network - but I'm nothing if not endlessly pedantic, so I felt the need to explain my take on the issue anyway. + +## DMs Are A Lie + +To begin with, the term "DM" as it applies to other social platforms is kind of a misnomer in the case of the Fediverse. Websites like Twitter and Instagram have a dedicated chat-style interface for messaging people directly. If you spend five minutes with most fediverse software, you'll notice that it doesn't have this. + +Sending a DM on the fediverse is generally accomplished by making a normal post and changing the visibility setting to only show the post to people who are mentioned in it. This isn't a case of obtuse UX design, it reflects how DMs on the fediverse actually work under the hood: The underlying protocol has *no concept* of direct messages, and is only able to approximate them with a special flag on an otherwise normal post. + +In other words, when you send a "DM" on the fediverse, what you're really doing is making a public post, and asking the network nicely to only show it to the person it's intended for. All software that isn't actively malicious or *extremely* shitty will comply with this request, and in fact admins can only read your DMs by circumventing the instance software and accessing the backend database directly, but the post is in no way actually private. + +## This Is Fine Actually + +I don't personally think this is an issue; I think it's perfectly fine that the fediverse doesn't attempt to do secure communication. Doing things this way reduces liability for server owners and reduces the complexity of the software for developers, and you really should be able to contact anyone who you actually want to keep in touch with on multiple platforms anyway. + +Besides, it's not like insecure DMs are an issue unique to the fediverse. DMs on [Twitter/Instagram/Reddit/etc] aren't encrypted either, meaning the admins of those websites can read your DMs too. Same for actual dedicated chat platforms like Discord and (mostly) Telegram. Twitter's admins can read your DMs, Discord's admins can read your messages, Gmail's admins can read your emails, and your phone provider can read your texts. And they often do, to sell information about you to advertisers or comply with police requests or what have you. + +It's only slightly less of a problem on those platforms because you're much less likely to know the admins personally, and individual staff members could probably lose their jobs if they used the contents of your DMs to start drama. That said, I've personally never seen evidence of any admin *actually* reading someone's DMs on the fediverse, because doing that is a *huge pain in the ass* involving like, SQL queries and shit, and is much harder than any actual administrative task most fediverse admins will ever do. + +Either way, you should really be using an actually secure messaging service if privacy is important to you. Be the change you want to see in the world and become that person who insists on taking conversations in Twitter DMs to Signal. I'm being completely serious. \ No newline at end of file diff --git a/blog/posts/fediverse_dms/index.php b/blog/posts/fediverse_dms/index.php new file mode 100644 index 0000000..f572f79 --- /dev/null +++ b/blog/posts/fediverse_dms/index.php @@ -0,0 +1 @@ +/etc/searxng/settings.yml

+ +``` +enabled_plugins: + - 'Hostname replace' +hostname_replace: + '(.*\.)?codegrepper\.com': false + '(.*\.)?geeksforgeeks\.org': false +``` + +Then restart SearXNG: + +``` +service uwsgi restart searxng +``` \ No newline at end of file diff --git a/blog/posts/guide_blacklist_websites_searxng/index.php b/blog/posts/guide_blacklist_websites_searxng/index.php new file mode 100644 index 0000000..f572f79 --- /dev/null +++ b/blog/posts/guide_blacklist_websites_searxng/index.php @@ -0,0 +1 @@ + + + + + + + image/svg+xml + + + + + + + + + + + + \ No newline at end of file diff --git a/blog/posts/guide_blocking_user_agents_nginx/bg.svg b/blog/posts/guide_blocking_user_agents_nginx/bg.svg new file mode 100644 index 0000000..27062a8 --- /dev/null +++ b/blog/posts/guide_blocking_user_agents_nginx/bg.svg @@ -0,0 +1,2 @@ + +file_type_nginx \ No newline at end of file diff --git a/blog/posts/guide_blocking_user_agents_nginx/index.md b/blog/posts/guide_blocking_user_agents_nginx/index.md new file mode 100644 index 0000000..763ea4d --- /dev/null +++ b/blog/posts/guide_blocking_user_agents_nginx/index.md @@ -0,0 +1,73 @@ +Recently, Cloudflare has launched a clumsy, poorly-executed attempt to centralize the fediverse on their platform known as Wildebeest. There are a few reasons not to want to use it, and you probably don't want to be federating with it either. However, blocking every instance running it on sight would be both tedious and ineffective. + +The way I've chosen to deal with this is to just configure my reverse proxy, Nginx, to deny connections from anything with "wildebeest" in the user agent string. There are several other good reasons to do this, such as blocking bots that ignore robots.txt, or adapting this approach to serve specialized pages to old browsers, or just denying access to anything that isn't Chrome if you want to earn your place in the 9th circle of Hell. + +I'm assuming here that you already know the basics of configuring Nginx, otherwise this article won't really be of much use to you. + +## How to do it + +Paste this into the main `server` block of your Nginx config to instantly drop the connection to any client with a "Wildebeest" (case insensitive) user agent: + +

/etc/nginx/sites-available/yoursite

+ +``` +if ($http_user_agent ~* (wildebeest)) { + return 444; +} +``` + +## More configuration + +If all you want is to block Wildebeest and forget about it, you can leave now. If you want to customize this behavior further, read on. + +### Different HTTP responses + +444 is a custom response code in Nginx that just drops the connection immediately. You can use any other HTTP error code you like, for example to return a `403 Forbidden` error: + +``` + return 403; +``` + +To issue a permanent redirect to some other URL: + +``` + return 301 https://example.org/; +``` + +Or just to be silly :3 + +``` + return 418; +``` + +### Block multiple user agents + +You can also block multiple user agents in one statement like so: + +

/etc/nginx/sites-available/yoursite

+ +``` +if ($http_user_agent ~* (wildebeest|GPTBot)) { + return 444; +} +``` + +### Includes + +One thing I'd recommend doing is moving all your user agent blocks to a separate file that you can include in all your Nginx sites. I place this file at `/etc/nginx/includes/bans`: + +

/etc/nginx/includes/bans

+ +``` +if ($http_user_agent ~* (wildebeest|GPTBot)) { + return 444; +} +``` + +

/etc/nginx/sites-available/yoursite

+ +``` +include /etc/nginx/includes/bans; +``` + +The `include` statement goes in your `server` block as before. diff --git a/blog/posts/guide_blocking_user_agents_nginx/index.php b/blog/posts/guide_blocking_user_agents_nginx/index.php new file mode 100644 index 0000000..f572f79 --- /dev/null +++ b/blog/posts/guide_blocking_user_agents_nginx/index.php @@ -0,0 +1 @@ + + + + + + + + + + diff --git a/links/bg.jpg b/links/bg.jpg new file mode 100644 index 0000000..83423a9 Binary files /dev/null and b/links/bg.jpg differ diff --git a/links/bg.jxl b/links/bg.jxl new file mode 100644 index 0000000..32c1851 Binary files /dev/null and b/links/bg.jxl differ diff --git a/links/buttons/64thsanctum.gif b/links/buttons/64thsanctum.gif new file mode 100644 index 0000000..8da463e Binary files /dev/null and b/links/buttons/64thsanctum.gif differ diff --git a/links/buttons/Icelog.gif b/links/buttons/Icelog.gif new file mode 100644 index 0000000..a024349 Binary files /dev/null and b/links/buttons/Icelog.gif differ diff --git a/links/buttons/corru.gif b/links/buttons/corru.gif new file mode 100644 index 0000000..d94e76d Binary files /dev/null and b/links/buttons/corru.gif differ diff --git a/links/buttons/josef.gif b/links/buttons/josef.gif new file mode 100644 index 0000000..169ef12 Binary files /dev/null and b/links/buttons/josef.gif differ diff --git a/links/buttons/kalechips.png b/links/buttons/kalechips.png new file mode 100644 index 0000000..d756515 Binary files /dev/null and b/links/buttons/kalechips.png differ diff --git a/links/buttons/kopper.png b/links/buttons/kopper.png new file mode 100644 index 0000000..d0d2a50 Binary files /dev/null and b/links/buttons/kopper.png differ diff --git a/links/buttons/melonland-forum.gif b/links/buttons/melonland-forum.gif new file mode 100644 index 0000000..6246e39 Binary files /dev/null and b/links/buttons/melonland-forum.gif differ diff --git a/links/buttons/morrysillusion.png b/links/buttons/morrysillusion.png new file mode 100644 index 0000000..8db9fda Binary files /dev/null and b/links/buttons/morrysillusion.png differ diff --git a/links/buttons/moth-88x31.svg b/links/buttons/moth-88x31.svg new file mode 100644 index 0000000..152e884 --- /dev/null +++ b/links/buttons/moth-88x31.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + moth + \ No newline at end of file diff --git a/links/buttons/onlysans.png b/links/buttons/onlysans.png new file mode 100644 index 0000000..2f32986 Binary files /dev/null and b/links/buttons/onlysans.png differ diff --git a/links/buttons/robophobia.png b/links/buttons/robophobia.png new file mode 100644 index 0000000..606671b Binary files /dev/null and b/links/buttons/robophobia.png differ diff --git a/links/buttons/sadgrl.gif b/links/buttons/sadgrl.gif new file mode 100644 index 0000000..a80e8bf Binary files /dev/null and b/links/buttons/sadgrl.gif differ diff --git a/links/buttons/seaslug.png b/links/buttons/seaslug.png new file mode 100644 index 0000000..4b59530 Binary files /dev/null and b/links/buttons/seaslug.png differ diff --git a/links/buttons/sizeofcat.png b/links/buttons/sizeofcat.png new file mode 100644 index 0000000..bcacfd6 Binary files /dev/null and b/links/buttons/sizeofcat.png differ diff --git a/links/buttons/xaselgio.gif b/links/buttons/xaselgio.gif new file mode 100644 index 0000000..af8e7f6 Binary files /dev/null and b/links/buttons/xaselgio.gif differ diff --git a/links/index.php b/links/index.php new file mode 100644 index 0000000..8fadbdc --- /dev/null +++ b/links/index.php @@ -0,0 +1,381 @@ + + + + + + Links + + + + + +

outbound links

+

the sequel to google (under construction)

+

Neighbours

+ + + + +
+
+ Sea slug on the net! + Only Sans + Kalechips + 64th Sanctum + Sadgrl + Robophobia + Melonland Forum + Size of Cat + Moth Dot Monster + Won't Work! + Indigo's den +
+
+

Utility

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Easy USSRA comprehensive beginner's guide to Legally Acquiring Media
12ft.ioShow me a 10ft paywall, I'll show you a 12ft ladder.
LandChad.netA collection of tutorials for setting up various self-hosted services.
3DS Hacks GuideA comprehensive guide for modding 2ds and 3ds consoles. I know it's legit because I used it on mine.
hShopA repository of software for your freshly hacked 3ds
switching.softwareA curated list of alternatives to popular software and services from companies like Google and Amazon.
Awesome SelfhostedA comprehensive list of self-hosted alternatives to various software.
Newpipe & InvidiousBetter YouTube frontends for Android and the browser respectively.
Linux DAWA comprehensive list of VST plugins that work on Linux.
Hype Machine Merch TableScans a Spotify playlist and links the Bandcamp page of any artist in it who has one.
Dark Pattern GamesA database of mobile games that flags them for predatory design patterns.
RegExrA website to test regular expressions for you
How old is it?For when your prospective employer asks for 10 years of experience.
Reverse InterviewA list of questions to ask at (tech) job interviews
based.cookingA recipe website without all the typical recipe website garbage.
8mbvideoCompresses any video file just enough to comply with Discord's filesize limits.
jort.linkA shield to prevent accidental DDOSing of links posted to the fediverse
Does the dog die?A crowdsourced database of content warnings for media
Unconsenting MediaSimilar to doesthedogdie but for sexual violence in particular
Can I Play That?An accessibility-focused videogame review site
Spyware WatchdogAn index of popular programs that meet an un-eroded definition of "spyware".
Trans Travel CountriesA work-in-progress index of countries with how easy and safe they are to travel to as a transgender person. Written from the perspective of a US citizen.
iNaturalistAn extensive crowdsourced library of high-quality photos of over 400,000 species of plants and animals
+

Fun

+

Games

+ + + + + + + + + + + + + + + + + +
corru.observerSome kind of browser-based sci-fi RPG, or something. It's real good, play it
Space Cadet PinballWindows XP Space Cadet Pinball, reverse engineered to run in your browser!
Everything Ends In 0The world ends in 1 hour. It can't be saved. Wanna chat?
MetazooaWordle but for animal species!
+

Generators

+ + + + + + + + + + + + + + + + + + + + + +
Emoji KitchenA litany of different emoji fusions. Some of my favourites are , , and
Burning Text GeneratorDoes this (the text is on fire)
Zalgo Text GeneratorDoes tĢµĶ’ĶƒĶ„ĢĢ»Ģ˜hĢµĶĢ¾Ķ‡Ķ™Ķ”iĢµĶŠĶĢ¾ĶŽĢŖĢžsĢµĶ€Ģ¾Ģ«Ģ¼
Imgflip is DEADA clone of Imgflip's meme generator, "because watermarks and tracking suck".
Fromsoft Image Macro GeneratorMake your own Dark Souls death screen type images
+

Live

+ + + + + + + + + +
Cornell Lab Bird CamsLive bird cams!
shrimpcam.appShrimp cam!
+

Other

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
crouton.netcrouton
cornonthec.observer/corn on the cob server
Wobble TownA cute little virtual pet!
Snailets fontThe best font
trilobites.infoTrilobite knowledge!
Hawking Radiation CalculatorCalculator for properties of a black hole
Edible ColorsHTML colors sorted by edibility
XKCDA webcomic of romance, sarcasm, math, and language.
Miku cursorsMiku cursors!
+

Articles

+ + + + + + + + + + + + + + + + + + + + + + + + + +
Cory Doctorow - Tiktok's enshittification
Kalechips - Your website needs to work on phones
Axbom - The Creepy Sound of Online Trackers
Folding Ideas - This is Financial Advice (āµ)
hbomberguy - Vaccines and Autism: A Measured Response (āµ)
Seirdy - A look at search engines with their own indexes
modem.io - How to Monetize a Blog
Benn Jordan - VINYL: Maybe it's time we had an intervention. (āµ)
+

More Stuff

+ + + + + + + + + + + + + + + + +
YesterlinksA user-curated directory of nearly 600 off-the-beaten-path websites, formerly hosted by the Yesterweb project.
Marginalia Search [Random]A custom-built search engine for small, non-commercial websites.
ooh.directoryA directory of over 2,000 blogs about every topic.
Unapothecary Link Directory
+
+ τ +
+ + diff --git a/links/media/bacteriabird.png b/links/media/bacteriabird.png new file mode 100644 index 0000000..1ecd6c1 Binary files /dev/null and b/links/media/bacteriabird.png differ diff --git a/links/media/caution.png b/links/media/caution.png new file mode 100644 index 0000000..9a88fe0 Binary files /dev/null and b/links/media/caution.png differ diff --git a/links/media/scorpionshark.png b/links/media/scorpionshark.png new file mode 100644 index 0000000..14ae779 Binary files /dev/null and b/links/media/scorpionshark.png differ diff --git a/music/bg.jpg b/music/bg.jpg new file mode 100644 index 0000000..c3f2f12 Binary files /dev/null and b/music/bg.jpg differ diff --git a/music/bg.jxl b/music/bg.jxl new file mode 100644 index 0000000..375172d Binary files /dev/null and b/music/bg.jxl differ diff --git a/music/covers/aeon_core.jpg b/music/covers/aeon_core.jpg new file mode 100644 index 0000000..17adae8 Binary files /dev/null and b/music/covers/aeon_core.jpg differ diff --git a/music/covers/american_automatic.jpg b/music/covers/american_automatic.jpg new file mode 100644 index 0000000..338c8d7 Binary files /dev/null and b/music/covers/american_automatic.jpg differ diff --git a/music/covers/audio_video_disco.jpg b/music/covers/audio_video_disco.jpg new file mode 100644 index 0000000..872a3dd Binary files /dev/null and b/music/covers/audio_video_disco.jpg differ diff --git a/music/covers/concrete_and_gold.jpg b/music/covers/concrete_and_gold.jpg new file mode 100644 index 0000000..e88ab00 Binary files /dev/null and b/music/covers/concrete_and_gold.jpg differ diff --git a/music/covers/el_camino.jpg b/music/covers/el_camino.jpg new file mode 100644 index 0000000..223ce95 Binary files /dev/null and b/music/covers/el_camino.jpg differ diff --git a/music/covers/for_science.jpg b/music/covers/for_science.jpg new file mode 100644 index 0000000..9e97147 Binary files /dev/null and b/music/covers/for_science.jpg differ diff --git a/music/covers/fucked_up_friends_3.jpg b/music/covers/fucked_up_friends_3.jpg new file mode 100644 index 0000000..bac7eba Binary files /dev/null and b/music/covers/fucked_up_friends_3.jpg differ diff --git a/music/covers/funeral.jpg b/music/covers/funeral.jpg new file mode 100644 index 0000000..180f621 Binary files /dev/null and b/music/covers/funeral.jpg differ diff --git a/music/covers/hawaii_part_ii.jpg b/music/covers/hawaii_part_ii.jpg new file mode 100644 index 0000000..032c5c1 Binary files /dev/null and b/music/covers/hawaii_part_ii.jpg differ diff --git a/music/covers/millenialism.jpg b/music/covers/millenialism.jpg new file mode 100644 index 0000000..346c92e Binary files /dev/null and b/music/covers/millenialism.jpg differ diff --git a/music/covers/peaks_and_valleys.jpg b/music/covers/peaks_and_valleys.jpg new file mode 100644 index 0000000..824983e Binary files /dev/null and b/music/covers/peaks_and_valleys.jpg differ diff --git a/music/covers/raw_data_feel.jpg b/music/covers/raw_data_feel.jpg new file mode 100644 index 0000000..6a28c0b Binary files /dev/null and b/music/covers/raw_data_feel.jpg differ diff --git a/music/covers/realign.jpg b/music/covers/realign.jpg new file mode 100644 index 0000000..7397105 Binary files /dev/null and b/music/covers/realign.jpg differ diff --git a/music/covers/revolution_radio.jpg b/music/covers/revolution_radio.jpg new file mode 100644 index 0000000..5e3593e Binary files /dev/null and b/music/covers/revolution_radio.jpg differ diff --git a/music/covers/spectrum.jpg b/music/covers/spectrum.jpg new file mode 100644 index 0000000..96b8a62 Binary files /dev/null and b/music/covers/spectrum.jpg differ diff --git a/music/covers/spirit_phone.jpg b/music/covers/spirit_phone.jpg new file mode 100644 index 0000000..f392f1f Binary files /dev/null and b/music/covers/spirit_phone.jpg differ diff --git a/music/covers/synthicate.jpg b/music/covers/synthicate.jpg new file mode 100644 index 0000000..f3d2bb5 Binary files /dev/null and b/music/covers/synthicate.jpg differ diff --git a/music/covers/the_last_ninja_2_c64_ost.jpg b/music/covers/the_last_ninja_2_c64_ost.jpg new file mode 100644 index 0000000..6ccf4eb Binary files /dev/null and b/music/covers/the_last_ninja_2_c64_ost.jpg differ diff --git a/music/covers/this_is_all_yours.jpg b/music/covers/this_is_all_yours.jpg new file mode 100644 index 0000000..c21cb11 Binary files /dev/null and b/music/covers/this_is_all_yours.jpg differ diff --git a/music/covers/tortured_waters.jpg b/music/covers/tortured_waters.jpg new file mode 100644 index 0000000..f82b94b Binary files /dev/null and b/music/covers/tortured_waters.jpg differ diff --git a/music/covers/triangle_unicode.jpg b/music/covers/triangle_unicode.jpg new file mode 100644 index 0000000..6f2e1b8 Binary files /dev/null and b/music/covers/triangle_unicode.jpg differ diff --git a/music/covers/two_house.jpg b/music/covers/two_house.jpg new file mode 100644 index 0000000..e5f8baa Binary files /dev/null and b/music/covers/two_house.jpg differ diff --git a/music/covers/ultrakill_imperfect_hatred.jpg b/music/covers/ultrakill_imperfect_hatred.jpg new file mode 100644 index 0000000..5dbb5f0 Binary files /dev/null and b/music/covers/ultrakill_imperfect_hatred.jpg differ diff --git a/music/covers/unstoppable_force.jpg b/music/covers/unstoppable_force.jpg new file mode 100644 index 0000000..add73c8 Binary files /dev/null and b/music/covers/unstoppable_force.jpg differ diff --git a/music/covers/vast.jpg b/music/covers/vast.jpg new file mode 100644 index 0000000..baa5143 Binary files /dev/null and b/music/covers/vast.jpg differ diff --git a/music/covers/walks_of_lung.jpg b/music/covers/walks_of_lung.jpg new file mode 100644 index 0000000..81339d7 Binary files /dev/null and b/music/covers/walks_of_lung.jpg differ diff --git a/music/covers/with_teeth.jpg b/music/covers/with_teeth.jpg new file mode 100644 index 0000000..d6e8cd7 Binary files /dev/null and b/music/covers/with_teeth.jpg differ diff --git a/music/index.php b/music/index.php new file mode 100644 index 0000000..ca11b1c --- /dev/null +++ b/music/index.php @@ -0,0 +1,99 @@ + + + + + + + Music + + + + + + + +

music

+

Albums I like

+ +
+ + + \ No newline at end of file diff --git a/nav.php b/nav.php new file mode 100644 index 0000000..5aa104f --- /dev/null +++ b/nav.php @@ -0,0 +1,52 @@ +$name "; + } else { + echo "$name "; + } +} +echo ""); + +function bg($rightside = false, $dfs = 1000, $title = null) { + $cpath = preg_replace("/\/[^\/]*$/", "", $_SERVER['REQUEST_URI']); + $output = "
"; + echo $output; +} +?> \ No newline at end of file diff --git a/not_found.html b/not_found.html new file mode 100644 index 0000000..963b3a9 --- /dev/null +++ b/not_found.html @@ -0,0 +1,27 @@ + + + + + + Not Found + + + + +

404

+

Item not found :/

+ + diff --git a/old/1/icons/deeptwisty.png b/old/1/icons/deeptwisty.png new file mode 100644 index 0000000..7cb8472 Binary files /dev/null and b/old/1/icons/deeptwisty.png differ diff --git a/old/1/icons/kirby.png b/old/1/icons/kirby.png new file mode 100644 index 0000000..2b19ef6 Binary files /dev/null and b/old/1/icons/kirby.png differ diff --git a/old/1/icons/message.png b/old/1/icons/message.png new file mode 100644 index 0000000..d3c7e3a Binary files /dev/null and b/old/1/icons/message.png differ diff --git a/old/1/icons/tumblr.png b/old/1/icons/tumblr.png new file mode 100644 index 0000000..ab9b6d6 Binary files /dev/null and b/old/1/icons/tumblr.png differ diff --git a/old/1/icons/twitter.png b/old/1/icons/twitter.png new file mode 100644 index 0000000..e77b6ca Binary files /dev/null and b/old/1/icons/twitter.png differ diff --git a/old/1/icons/youtube.png b/old/1/icons/youtube.png new file mode 100644 index 0000000..4270b70 Binary files /dev/null and b/old/1/icons/youtube.png differ diff --git a/old/1/images/allism.jpg b/old/1/images/allism.jpg new file mode 100644 index 0000000..ef86284 Binary files /dev/null and b/old/1/images/allism.jpg differ diff --git a/old/1/images/bg_default.png b/old/1/images/bg_default.png new file mode 100644 index 0000000..0e323e1 Binary files /dev/null and b/old/1/images/bg_default.png differ diff --git a/old/1/images/bg_old1.png b/old/1/images/bg_old1.png new file mode 100644 index 0000000..854c83f Binary files /dev/null and b/old/1/images/bg_old1.png differ diff --git a/old/1/images/bg_old2.png b/old/1/images/bg_old2.png new file mode 100644 index 0000000..d7fe03c Binary files /dev/null and b/old/1/images/bg_old2.png differ diff --git a/old/1/images/friaday.png b/old/1/images/friaday.png new file mode 100644 index 0000000..a389663 Binary files /dev/null and b/old/1/images/friaday.png differ diff --git a/old/1/images/moday.png b/old/1/images/moday.png new file mode 100644 index 0000000..7b212f9 Binary files /dev/null and b/old/1/images/moday.png differ diff --git a/old/1/images/paperbg.jpg b/old/1/images/paperbg.jpg new file mode 100644 index 0000000..217c05f Binary files /dev/null and b/old/1/images/paperbg.jpg differ diff --git a/old/1/images/satuaday.png b/old/1/images/satuaday.png new file mode 100644 index 0000000..9711982 Binary files /dev/null and b/old/1/images/satuaday.png differ diff --git a/old/1/images/suday.png b/old/1/images/suday.png new file mode 100644 index 0000000..cca11b1 Binary files /dev/null and b/old/1/images/suday.png differ diff --git a/old/1/images/thuday.png b/old/1/images/thuday.png new file mode 100644 index 0000000..e681fbc Binary files /dev/null and b/old/1/images/thuday.png differ diff --git a/old/1/images/tueaday.png b/old/1/images/tueaday.png new file mode 100644 index 0000000..f4ff337 Binary files /dev/null and b/old/1/images/tueaday.png differ diff --git a/old/1/images/weaday.png b/old/1/images/weaday.png new file mode 100644 index 0000000..d1ad858 Binary files /dev/null and b/old/1/images/weaday.png differ diff --git a/old/1/index.html b/old/1/index.html new file mode 100644 index 0000000..92e7922 --- /dev/null +++ b/old/1/index.html @@ -0,0 +1,233 @@ + + + + + + The Website + + + + + + + + + +

Neko

+ + + +
+ +
+ +
+ +
+
+ + +
+ +
+ +

i got a minecraft server now. if we know each other dm me and I'll whitelist you

+
+

Tool Enchantments Resource Pack for Minecraft v1

+ +
+
+
+
+ +
+
+
+ +

Wā–“ā–“ā–“ā–“ā–“ | he/him | šŸ‡ØšŸ‡¦

+
+

wait its fucking tueaday. god.

+
+
+ + + + + + + + + + + + + +
+
+ +
+
+
+
+ +
+

controls

+ + + + + +
+
+ + +
+ + + + diff --git a/old/1/mobile.html b/old/1/mobile.html new file mode 100644 index 0000000..a80c089 --- /dev/null +++ b/old/1/mobile.html @@ -0,0 +1,118 @@ + + + + + + The Website (Mobile!) + + + + + + + + +

Neko

+ + + +
+ + +

Wā–“ā–“ā–“ā–“ā–“ | he/him | šŸ‡ØšŸ‡¦

+
+

wait its fucking tueaday. god.

+
+
+
https://kfconsole.tumblr.com/post/639332939095818241
+
+

homophobes dni

+ +
+ +
+ + + + + + + + + + + + +
+ + + + diff --git a/old/1/stamps/antinft.gif b/old/1/stamps/antinft.gif new file mode 100644 index 0000000..1a4caf0 Binary files /dev/null and b/old/1/stamps/antinft.gif differ diff --git a/old/1/stamps/bestviewed.gif b/old/1/stamps/bestviewed.gif new file mode 100644 index 0000000..0b43d5a Binary files /dev/null and b/old/1/stamps/bestviewed.gif differ diff --git a/old/1/stamps/bob.gif b/old/1/stamps/bob.gif new file mode 100644 index 0000000..90b6dd5 Binary files /dev/null and b/old/1/stamps/bob.gif differ diff --git a/old/1/stamps/chrome2.gif b/old/1/stamps/chrome2.gif new file mode 100644 index 0000000..791016f Binary files /dev/null and b/old/1/stamps/chrome2.gif differ diff --git a/old/1/stamps/deeptwistybutton.png b/old/1/stamps/deeptwistybutton.png new file mode 100644 index 0000000..23693b6 Binary files /dev/null and b/old/1/stamps/deeptwistybutton.png differ diff --git a/old/1/stamps/google_stand.gif b/old/1/stamps/google_stand.gif new file mode 100644 index 0000000..08ffd8b Binary files /dev/null and b/old/1/stamps/google_stand.gif differ diff --git a/old/1/stamps/h-free-anim.gif b/old/1/stamps/h-free-anim.gif new file mode 100644 index 0000000..ef3b620 Binary files /dev/null and b/old/1/stamps/h-free-anim.gif differ diff --git a/old/1/stamps/handcode.png b/old/1/stamps/handcode.png new file mode 100644 index 0000000..c5bbdd1 Binary files /dev/null and b/old/1/stamps/handcode.png differ diff --git a/old/1/stamps/linux_powered.gif b/old/1/stamps/linux_powered.gif new file mode 100644 index 0000000..2dbe456 Binary files /dev/null and b/old/1/stamps/linux_powered.gif differ diff --git a/old/1/stamps/neocities_stamp.gif b/old/1/stamps/neocities_stamp.gif new file mode 100644 index 0000000..758271b Binary files /dev/null and b/old/1/stamps/neocities_stamp.gif differ diff --git a/old/1/stamps/piracy.gif b/old/1/stamps/piracy.gif new file mode 100644 index 0000000..37b73b8 Binary files /dev/null and b/old/1/stamps/piracy.gif differ diff --git a/old/1/stamps/tiredaf.gif b/old/1/stamps/tiredaf.gif new file mode 100644 index 0000000..af8793e Binary files /dev/null and b/old/1/stamps/tiredaf.gif differ diff --git a/old/1/stamps/usatoday.gif b/old/1/stamps/usatoday.gif new file mode 100644 index 0000000..9e6fa57 Binary files /dev/null and b/old/1/stamps/usatoday.gif differ diff --git a/old/1/style.css b/old/1/style.css new file mode 100644 index 0000000..9c72a07 --- /dev/null +++ b/old/1/style.css @@ -0,0 +1,57 @@ +@keyframes rainbowtext { + 100%,0%{color: rgb(255,0,0); text-shadow: 0 0 4px rgb(216, 1, 1);} + 8%{color: rgb(255,127,0); text-shadow: 0 0 4px rgb(211, 105, 0);} + 16%{color: rgb(255,255,0); text-shadow: 0 0 4px rgb(214, 214, 0);} + 25%{color: rgb(127,255,0); text-shadow: 0 0 4px rgb(105, 211, 0);} + 33%{color: rgb(0,255,0); text-shadow: 0 0 4px rgb(0, 204, 0);;} + 41%{color: rgb(0,255,127); text-shadow: 0 0 4px rgb(0, 209, 105);} + 50%{color: rgb(0,255,255); text-shadow: 0 0 4px rgb(0, 202, 202);} + 58%{color: rgb(0,127,255); text-shadow: 0 0 4px rgb(0, 103, 206);} + 66%{color: rgb(0,0,255); text-shadow: 0 0 4px rgb(0, 0, 206);} + 75%{color: rgb(127,0,255); text-shadow: 0 0 4px rgb(103, 0, 206);} + 83%{color: rgb(255,0,255); text-shadow: 0 0 4px rgb(211, 0, 211);} + 91%{color: rgb(255,0,127); text-shadow: 0 0 4px rgb(211, 0, 105);} +} +body { + overflow-x: hidden; + color: black; + font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; + background-color: black; + background-image: url('images/bg_default.png'); + background-repeat: no-repeat; + background-attachment: fixed; + background-size: cover; + overflow-wrap: break-word; +} +a { + color: dodgerblue; +} +a.tueaday { + color:inherit; + text-decoration:none; +} +a:hover { + color: dodgerblue; +} +#Header { + color: white; + text-shadow: 2px 2px 2px black; + width: 80%; + text-align: center; + margin: auto; + font-size: 1.5em; +} +#navbar{ + border-bottom: 1px solid gainsboro; + overflow: hidden; + display:flex; + justify-content:center; +} +.navbarItem { + flex-grow:1; + text-align: center; + cursor:pointer; +} +.navbarItem:hover { + background-color: gainsboro; +} \ No newline at end of file diff --git a/old/1/tueaday.js b/old/1/tueaday.js new file mode 100644 index 0000000..b0f342b --- /dev/null +++ b/old/1/tueaday.js @@ -0,0 +1,62 @@ +function tueaday() { + var dateObj = new Date() + var weekday = dateObj.toLocaleString("default", { weekday: "short" }).replace('.','') + switch(weekday) { + case "Sun": + return "suday"; + break; + case "Mon": + return "moday"; + break; + case "Tue": + return "tueaday"; + break; + case "Wed": + return "weaday"; + break; + case "Thu": + return "thuday"; + break; + case "Fri": + return "friaday"; + break; + case "Sat": + return "satuaday"; + break; + default: + return dateObj.toLocaleString("default", { weekday: "short" }); + break; + } +} + +function waititsfucking() { + var s = tueaday(); + document.getElementById("tueaday").innerHTML = "wait".concat(' its fucking ', s, '. god.'); +} + +function funnytitle() { + const titles = [ + "Voted Only Page on the Internet in 2022", + "Willy's Epic Website", + "Will's Cool Webpage", + "Welcome to my page :)", + "šŸ˜Ž", + "Hi!", + "Over Construction", + "mySite.html", + "RGB Gaming Webpage", + "Stream deep twisty", + "I programmed this feature instead of sleeping", + "I didn't want a .carrd.co URL", + "I use Arch btw", + "Bruh moment", + "Supports VPNs", + "You should try reloading" + ] + document.getElementById("Header").innerHTML = "

".concat(titles[Math.floor(Math.random() * titles.length)], "

"); +} + +function load() { + funnytitle(); + waititsfucking(); +} \ No newline at end of file diff --git a/old/2/audio/bridges.mp3 b/old/2/audio/bridges.mp3 new file mode 100644 index 0000000..d83b98e Binary files /dev/null and b/old/2/audio/bridges.mp3 differ diff --git a/old/2/buttons/ace.png b/old/2/buttons/ace.png new file mode 100644 index 0000000..1d62add Binary files /dev/null and b/old/2/buttons/ace.png differ diff --git a/old/2/buttons/antinft.gif b/old/2/buttons/antinft.gif new file mode 100644 index 0000000..1a4caf0 Binary files /dev/null and b/old/2/buttons/antinft.gif differ diff --git a/old/2/buttons/aro.png b/old/2/buttons/aro.png new file mode 100644 index 0000000..e1e50d2 Binary files /dev/null and b/old/2/buttons/aro.png differ diff --git a/old/2/buttons/bantimetravel.png b/old/2/buttons/bantimetravel.png new file mode 100644 index 0000000..83bcfa1 Binary files /dev/null and b/old/2/buttons/bantimetravel.png differ diff --git a/old/2/buttons/bestviewed.gif b/old/2/buttons/bestviewed.gif new file mode 100644 index 0000000..0b43d5a Binary files /dev/null and b/old/2/buttons/bestviewed.gif differ diff --git a/old/2/buttons/canadian.gif b/old/2/buttons/canadian.gif new file mode 100644 index 0000000..be1d040 Binary files /dev/null and b/old/2/buttons/canadian.gif differ diff --git a/old/2/buttons/chrome.gif b/old/2/buttons/chrome.gif new file mode 100644 index 0000000..791016f Binary files /dev/null and b/old/2/buttons/chrome.gif differ diff --git a/old/2/buttons/deeptwisty_button.png b/old/2/buttons/deeptwisty_button.png new file mode 100644 index 0000000..b5d24fc Binary files /dev/null and b/old/2/buttons/deeptwisty_button.png differ diff --git a/old/2/buttons/google_stand.gif b/old/2/buttons/google_stand.gif new file mode 100644 index 0000000..08ffd8b Binary files /dev/null and b/old/2/buttons/google_stand.gif differ diff --git a/old/2/buttons/handcode.png b/old/2/buttons/handcode.png new file mode 100644 index 0000000..c5bbdd1 Binary files /dev/null and b/old/2/buttons/handcode.png differ diff --git a/old/2/buttons/krisbtn.png b/old/2/buttons/krisbtn.png new file mode 100644 index 0000000..176d3c4 Binary files /dev/null and b/old/2/buttons/krisbtn.png differ diff --git a/old/2/buttons/linux_powered.gif b/old/2/buttons/linux_powered.gif new file mode 100644 index 0000000..2dbe456 Binary files /dev/null and b/old/2/buttons/linux_powered.gif differ diff --git a/old/2/buttons/neocities_stamp.gif b/old/2/buttons/neocities_stamp.gif new file mode 100644 index 0000000..c8e8ea4 Binary files /dev/null and b/old/2/buttons/neocities_stamp.gif differ diff --git a/old/2/buttons/niceopod_button.png b/old/2/buttons/niceopod_button.png new file mode 100644 index 0000000..0398b0e Binary files /dev/null and b/old/2/buttons/niceopod_button.png differ diff --git a/old/2/buttons/notoweb3.gif b/old/2/buttons/notoweb3.gif new file mode 100644 index 0000000..4f5a2f1 Binary files /dev/null and b/old/2/buttons/notoweb3.gif differ diff --git a/old/2/buttons/nowebp.gif b/old/2/buttons/nowebp.gif new file mode 100644 index 0000000..e63f1f2 Binary files /dev/null and b/old/2/buttons/nowebp.gif differ diff --git a/old/2/buttons/piracy.gif b/old/2/buttons/piracy.gif new file mode 100644 index 0000000..37b73b8 Binary files /dev/null and b/old/2/buttons/piracy.gif differ diff --git a/old/2/buttons/righttorepair.png b/old/2/buttons/righttorepair.png new file mode 100644 index 0000000..865ba1f Binary files /dev/null and b/old/2/buttons/righttorepair.png differ diff --git a/old/2/buttons/tested_on_firefox.gif b/old/2/buttons/tested_on_firefox.gif new file mode 100644 index 0000000..92dbae0 Binary files /dev/null and b/old/2/buttons/tested_on_firefox.gif differ diff --git a/old/2/buttons/usatoday.gif b/old/2/buttons/usatoday.gif new file mode 100644 index 0000000..9e6fa57 Binary files /dev/null and b/old/2/buttons/usatoday.gif differ diff --git a/old/2/icons/deeptwisty.png b/old/2/icons/deeptwisty.png new file mode 100644 index 0000000..7cb8472 Binary files /dev/null and b/old/2/icons/deeptwisty.png differ diff --git a/old/2/images/2022-05-21_blog_image_1.png b/old/2/images/2022-05-21_blog_image_1.png new file mode 100644 index 0000000..48743ac Binary files /dev/null and b/old/2/images/2022-05-21_blog_image_1.png differ diff --git a/old/2/images/2022-05-21_blog_image_2.png b/old/2/images/2022-05-21_blog_image_2.png new file mode 100644 index 0000000..d53bf3f Binary files /dev/null and b/old/2/images/2022-05-21_blog_image_2.png differ diff --git a/old/2/images/albums/aeon_core.jpg b/old/2/images/albums/aeon_core.jpg new file mode 100644 index 0000000..e9ad918 Binary files /dev/null and b/old/2/images/albums/aeon_core.jpg differ diff --git a/old/2/images/albums/concrete_and_gold.jpg b/old/2/images/albums/concrete_and_gold.jpg new file mode 100644 index 0000000..5b170f2 Binary files /dev/null and b/old/2/images/albums/concrete_and_gold.jpg differ diff --git a/old/2/images/albums/fucked_up_friends_3.jpg b/old/2/images/albums/fucked_up_friends_3.jpg new file mode 100644 index 0000000..146a133 Binary files /dev/null and b/old/2/images/albums/fucked_up_friends_3.jpg differ diff --git a/old/2/images/albums/funeral.png b/old/2/images/albums/funeral.png new file mode 100644 index 0000000..150076d Binary files /dev/null and b/old/2/images/albums/funeral.png differ diff --git a/old/2/images/albums/millenialism.jpg b/old/2/images/albums/millenialism.jpg new file mode 100644 index 0000000..3654a62 Binary files /dev/null and b/old/2/images/albums/millenialism.jpg differ diff --git a/old/2/images/albums/revolution_radio.jpg b/old/2/images/albums/revolution_radio.jpg new file mode 100644 index 0000000..eef448c Binary files /dev/null and b/old/2/images/albums/revolution_radio.jpg differ diff --git a/old/2/images/albums/spectrum.png b/old/2/images/albums/spectrum.png new file mode 100644 index 0000000..f57f9eb Binary files /dev/null and b/old/2/images/albums/spectrum.png differ diff --git a/old/2/images/albums/tortured_waters.jpg b/old/2/images/albums/tortured_waters.jpg new file mode 100644 index 0000000..4376dbe Binary files /dev/null and b/old/2/images/albums/tortured_waters.jpg differ diff --git a/old/2/images/albums/unstoppable_force.png b/old/2/images/albums/unstoppable_force.png new file mode 100644 index 0000000..22659aa Binary files /dev/null and b/old/2/images/albums/unstoppable_force.png differ diff --git a/old/2/images/albums/vast.png b/old/2/images/albums/vast.png new file mode 100644 index 0000000..398d5a0 Binary files /dev/null and b/old/2/images/albums/vast.png differ diff --git a/old/2/images/albums/walks_of_lung.jpg b/old/2/images/albums/walks_of_lung.jpg new file mode 100644 index 0000000..66550bf Binary files /dev/null and b/old/2/images/albums/walks_of_lung.jpg differ diff --git a/old/2/images/isopod.png b/old/2/images/isopod.png new file mode 100644 index 0000000..cf974c0 Binary files /dev/null and b/old/2/images/isopod.png differ diff --git a/old/2/images/isopod_with_aviators.png b/old/2/images/isopod_with_aviators.png new file mode 100644 index 0000000..443a6fb Binary files /dev/null and b/old/2/images/isopod_with_aviators.png differ diff --git a/old/2/images/this_burning.gif b/old/2/images/this_burning.gif new file mode 100644 index 0000000..6b123b4 Binary files /dev/null and b/old/2/images/this_burning.gif differ diff --git a/old/2/index.html b/old/2/index.html new file mode 100644 index 0000000..a3f7e43 --- /dev/null +++ b/old/2/index.html @@ -0,0 +1,58 @@ + + + + + Real isopod hours + + + + + + + + + + + + + + +
+ +
+
+
+ +
+
+
+
+ + + + diff --git a/old/2/pages/blog.html b/old/2/pages/blog.html new file mode 100644 index 0000000..0ae326b --- /dev/null +++ b/old/2/pages/blog.html @@ -0,0 +1,41 @@ +

Inane ramblings

+
+
+

Late May Updates

+

2022-05-21

+

It's getting dangerously close to a month since my last post, which is upsetting to me. Time is supposed to pass slower than this. As they are wont to do, some things have happened since then, and as your reward for finding your way here, you get to read about them.

+

Coming out

+

Most notably, I've come to the understanding that I'm aroaceAromantic-asexual; Defined simply as experiencing little to no romantic or sexual attraction.. I'm still a bit caught up on the minutae, but I'm fairly certain I lie on that spectrum somewhere.

+

The main issue for me at the moment is I'm trying to derive these labels by comparing my experiences with what's normal, but I've grown up believing my experiences were normal and my next most reliable frame of reference is how I see other people reacting to and depicting those emotions, and I kind of have to take it on faith that I'm not feeling them exactly the same way and just responding differently, or something. Thinking about it, it's actually pretty similar to finding out I'm autistic, having to figure out that most people don't engage with the world this way.

+

I could go into way more detail - I've been thinking about this a lot lately - but I've already shared rather a lot more than is remotely necessary. I probably could have stopped at the pride buttons at the bottom of the homepage, but it's nice to get these thoughts out.

+

Patch notes

+

You may notice I've made some changes to the website since my last post, too. I've added a couple new themes, as well as a little guy chilling on the bottom. His name is Charles, and you can click him to visit his house! There's also some new pages: a links page to other websites I think are cool, and a stat table. Also, freegb.net seems to have abruptly and tragically dropped off the face of the earth mere days after I set up the guestbook, so I've replaced it with a cbox channel off to the right of the page.

+

Miscellaneous updates

+

I've upgraded the CPU cooler in my PC. I noticed it was thermal throttling pretty bad with the stock one, so I bought a fancy Noctua aftermarket one, but as I was installing it I noticed that one of the screws on the stock heatsink wasn't screwed in all the way. It was probably overheating because I hadn't installed the damn cooler correctly! Well, at any rate, it does run significantly cooler now, and it doesn't throttle anymore, so mission accomplished I suppose. Inb4 I find out I installed the new one wrong too.

+

I've been accumulating a CD collection. Turns out they're super cheap used on Ebay. It's mostly Foo Fighters at the moment; I'm considering just outright buying their entire discography at this point. I rather like having a copy of all the music I enjoy lest I lose it forever at the whim of some shitass rightsholder, and it's nice to actually substantively support the artist when I buy them new. I make a point to rip all the CDs too; it's very convenient to have a digital copy and it's not like my phone has an optical drive. My ripping program of choice is Asunder, though it's only available for Linux so I can't help you if you're on Windows.

+

I tried pilk recently. One part Pepsi, one part milk. It was wack.

+

There's a dead pixel on my monitor. It's in the bottom left and only lights up blue. Annoying.

+

I've been messing around with my Firefox configuration lately. I've got a real sleek setup going that condenses all the top bar stuff into one line and an extension that matches the top bar color to the color of whatever page I'm on. It's like it's not even there! If y'all want I can write another post or something going into more detail about my setup. Let me know if you'd be interested in that.

+

I've been noticing a lot of my fellow free software likers are big into cryptocurrency. I can understand the appeal for someone with that set of principles, but it shows kind of a flagrant disregard for the environment and a seemingly willful ignorance of crypto's many obvious inherent flaws. Are these really the kind of people I want to associate with? Am I going to have to spend the rest of my life publically denouncing their ilk in order to avoid appearing to be one of them?

+

I'm considering buying a Raspberry Pi (once they become available again) to experiment with web hosting and other such things. Perhaps I could have some fun with that GPIO array. Maybe I could host my own guestbook on there. Could be fun.

+

That's all I've got for now. To close out this post, have this photo of a skink I found on iNaturalist:

+
+
+

Second

+

2022-04-25

+

After 12 days I have become well and truly sick of seeing my blog page with its poor, lonely one post on it, so you get to read more of what should probably be my private thoughts now. Since the, as of now, only other post, I have implemented most of the stuff I said I was going to then, including but not limited to eating breakfast. I think I had a bowl of original Special K that day. As of writing, I have added four new CSS themes to choose from, a page of albums I like, a link to a freegb.net guestbook that currently has one entry, and a "misc" page for small things that wouldn't fit on social media but don't warrant their own page. There's also a fancy URL hash system like Wikipedia has so I can link people to different sections of the page like this. I've yet to get that custom 404 page up and running, though. I don't really have any ideas for it. I also haven't slept.

+

Something fun on the computer

+

This is a weblog, not a changelog, so this post needs some more content. I'm thinking I talk about a videogame you've never heard of. Sound good? Great, 'cause this is my website and I don't care what you think.

+

I've been playing a game recently called Neon Boost. It's a first-person platformer based around rocket-jumping to navigate the levels. If that sounds like a cool concept to you, I'm not alone. However, this is probably one of the worst games in its genre. It's horribly unpolished, buggy, and the level design is criminally bad. It's so broken that it wraps back around to being god damn addicting to play. Neon Boost is a game best enjoyed by utterly ignoring the intent of its designers. If that description somehow sold you on this experience and you'd rather not be spoiled, go play it now. It's free on Steam for Windows and runs great in Proton.

+

So anyway, the fun in this game is in doing everything in your power to completely circumvent the intended path of the level, and there is a shocking amount that is in your power. Your moveset in this game consists of running, jumping, and shooting rockets. If you're caught in the blast of a rocket, it applies a set upward force to you. This presents all sorts of fun exploits. Chiefly, if you jump normally and then shoot a rocket at your feet a split second later, it launches you way higher than either normal jumping or rocket jumping on their own. Combine this with moving diagonally in the airMovement vectors in this game are weird. They're, like, mostly normalized, so running diagonally on the ground doesn't seem to do anything, but in the air, you do go noticeably faster diagonally than just moving straight forward. and you can almost completely skip a few levels.

+

A lot of levels have even funnier exploits, though. In certain spots, you can exploit-jump and then use another rocket to gain even more height. A couple levels in world 1 have train tracks above the level that you can reach this way from the starting platform and walk on to complete the level with a time of 0. See, the in-game timer only starts once you get close enough to something that's part of the stage, and while all of these train tracks have collision, none of them trigger the timer to start because they're not part of the intended route, so you can traverse them for as long as you please without starting the timer. In a couple other levels, the scenery has collision that creates shortcuts over top of it. Two levels in worlds 1 and 3 respectively have shafts you're supposed to drop down that you can ignore if you just exploit-jump around them. My favourite out of all of these, though, is the last level of the second world. This level places you inside a moving cage made of lasers that you're supposed to remain inside until the end of the level, but... just look at this shit.

+

I don't want to spoil the entire game, nor do I want to take up any more space rambling about it. I didn't even talk about the horrible wall-running that seems to only work properly when you're bypassing the level, or the fucked up "lights off" mode that makes you play with something akin to Minecraft's blindness effect. In summary, Neon Boost is the worst first-person platformer ever and you should play it.Try and beat my times. The soundtrack's alright, too.

+
+
+

First

+

2022-04-13

+

As I write this it is six in the morning and I have been up all night coding the page switching on me.deeptwisty.com v2. The system I built takes a URL parameter and loads HTML from a corresponding file into a section on the main page. It would most assuredly have been easier to just hyperlink a bunch of static pages together, but thatā€™s for pussies and also I didnā€™t want to have to update the navbars and webfont links and such on every single one individually.

+

This is me.deeptwisty.com v2, by the way. I completely rebuilt the entire website from scratch. I don't know if I was just getting bored of the old look of the place or if I was, like, mad at it for what happened with deeptwisty.com proper, but I wanted a change.

+

For context there, here's the story: this place used to be located at deeptwisty.com/me. I felt like moving it to me.deeptwisty.com, because that would look nicer. Now, Neocities requires you to create an entirely new profile in order to hook it up to a subdomain like that. This was fine by me, because deeptwisty.com and /me were functionally two entirely separate sites to begin with, but in the process of transferring the files from /me to the new site, I accidentally uploaded a bunch of them to the wrong profile and overwrote the main homepage and the main CSS file for the entire site. So those are gone now. I took that turn of events as an excuse to rebuild that site from the ground up, because it was incredibly boring, and when I had finished with that I realized I was having fun. So now we're here.

+

If you're reading this post the minute it goes up, this place isn't anywhere near done. It's pretty sleek as it is, but I want to add way more stuff, now that I've got room in my design for it. I intend to add some kind of guestbook or comment box, a theme switcher to load the site with entirely different styling, and pages upon pages of oversharing, among other things. I also want to make a fancy custom 404 page. Maybe put a game on there. You name it, really. Right now, though, I need to eat breakfast and then go to bed. Hopefully I don't forget about this blog immmediately after posting this.

+
diff --git a/old/2/pages/home.html b/old/2/pages/home.html new file mode 100644 index 0000000..f9e3bb0 --- /dev/null +++ b/old/2/pages/home.html @@ -0,0 +1,152 @@ +

.

+
+
+

Hello there!

+

My name's Wā–“ā–“ā–“ā–“ā–“he/him pronouns, but I typically go by niceopod on the internet, or deep twisty if you're looking at my music. I make stuff sometimes, like music, or art, or this website. I have been called many things, such as "canadian", "autistic", and "tremendously, stupendously, superhumanly talented".

+

This is my website, where I put links to my accounts on other websites. It started as a way to circumvent the limitations of a free carrd account, but now we're here and I don't think I could go back. It's pretty barren at the moment, but I'd like to put some actual stuff here. Maybe I'll start a blog. That part is outdated. Replacement text pending.

+

You can navigate around using the bar on the left, or the top if you're on mobile. There's a chatbox over ā†’ there, say hi! If you're using a mouse, you can also hover over some stuff for more information. I've also got some 88x31 buttons you can useI'd advise you post the image to your site, if you hotlink it will probably break when I inevitably redesign the site again. if for some reason you want to link back here:
Made with this.

+
+
+

What's a "deep twisty"?

+

I felt like I needed a pseudonym for my music, so I made one and now I'm stuck with it. If you must know where it comes from, I was really into Subnautica a couple of years back while its sequel Below Zero was in early access, and I was following this official Twitter account that tweets every git commit that gets made to it. They kept referring to a new biome they were working on, the Deep Twisty Bridges, as just "deep twisty". I thought that sounded really funny.

+

You may notice this is me.deeptwisty.com. deeptwisty.com proper is the site for things I release ~officially~ under that name. Why the distinction? Mostly so that if I ever grow the balls to show my art to my family, they don't manage to find their way to my twitter account.

+
+
+

Software I use

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
BrowserFirefoxPlease for the love of god use Firefox. It's currently the only major browser that isn't based on Chrome, and we can't let Google gain monopolistic control over web standards. Plus, Firefox isn't trying to track you the way Chrome is.
VPNMozilla VPNChosen mostly because it seemed good and I wanted to support Mozilla. If I had to pick again, I'd probably choose Mullvad.
DAWLMMSI won't say LMMS is bad, but it is only any good at one thing: composing MIDI audio. VST support is good, but only for instruments, it barely supports samples and audio tracks, and it can't record audio, among other gripes., but I'm trying to switch to REAPERREAPER is great. It solves every problem I had with LMMS. The main thing making it difficult to pick up is the fact that it doesn't play nice with a lot of VSTs, and it doesn't have LMMS's built-in WINE for running my Windows VSTs either.
3D softwareBlenderBlender is incredible. It can do everything: it's got modeling, animation, sculpting, video editing, a built-in Python scripting interface, and a billion and one other things. I probably could've built this website in Blender if I wanted to.
Photo editorGIMPI'd prefer Paint.NET, but it's not available for Linux and I can't get it running in WINE.
IDEVSCodiumAn open-source "clean" build of Visual Studio Code without all of Microsoft's telemetry.
OSManjaro LinuxI use arch btw
+
+ +
+

Changelog

+
+

2022-06-12

+
    +
  • Renamed /misc to /stuff
    • +
  • Added my address to the stats page
    • +
+

2022-05-29

+
    +
  • Added RegExr to the links page
    • +
+

2022-05-25

+
    +
  • Added an RSS feed for the blog!
    • +
  • Demoted the link to me.deeptwisty.com v1 from having its own section on the homepage to being relegated to /misc/
    • +
+

2022-05-23

+ +

2022-05-22

+
    +
  • Added status.cafe widget to the home and blog pages
    • +
  • Added a changelog
    • +
+

2022-05-21

+
    +
  • Added stats table page
    • +
  • Added a cbox channel ā†’
    • +
  • New blog post!
    • +
+
+
+
+ + + + + + + + + + + + Regrettably + + + + + + +
diff --git a/old/2/pages/links.html b/old/2/pages/links.html new file mode 100644 index 0000000..660a7c8 --- /dev/null +++ b/old/2/pages/links.html @@ -0,0 +1,64 @@ +

Cool stuff

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Easy USSRA comprehensive beginner's guide to Legally Acquiring Media
Jam IconsThe icon set I use for the navbar over ← there
Burning Text GeneratorDoes
Zalgo Text GeneratorDoes tĢµĶ’ĶƒĶ„ĢĢ»Ģ˜hĢµĶĢ¾Ķ‡Ķ™Ķ”iĢµĶŠĶĢ¾ĶŽĢŖĢžsĢµĶ€Ģ¾Ģ«Ģ¼
crouton.netcrouton
Dracula DailyRead Bram Stoker's Dracula in real time, in your email inbox.
3DS Hacks GuideA comprehensive guide for modding 2ds and 3ds consoles. I know it's legit because I used it on mine.
hShopA repository of software for your freshly hacked 3ds
Wobble TownA cute little virtual pet!
NewpipeA better YouTube client for Android
switching.softwareA curated list of alternatives to popular software and services from companies like Google and Amazon.
Cornell Lab Bird CamsLive bird cams!
RegExrA website to test regular expressions for you
YesterlinksMore cool links
+
+ \ No newline at end of file diff --git a/old/2/pages/music.html b/old/2/pages/music.html new file mode 100644 index 0000000..58a8a4d --- /dev/null +++ b/old/2/pages/music.html @@ -0,0 +1,49 @@ +

Albums I like

+ \ No newline at end of file diff --git a/old/2/pages/stats.html b/old/2/pages/stats.html new file mode 100644 index 0000000..041225a --- /dev/null +++ b/old/2/pages/stats.html @@ -0,0 +1,95 @@ + + +

Stats

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Height191cm
Storage space4.9TiB
Packages1451
Desktop environmentKDE Plasma
CDs owned6
Consoles modded1
Computers upgraded2
Computers downgraded1I upgraded my old laptop with a second hard drive, then transplanted the drive into my new PC later when I was building it. All my stuff was on the secondary drive, I figured why bother transferring it?
Websites2
Talent[Integer overflow error]
Bitches0
HotelTrivago
SpeciesBathynomus Giganteus
Pronounshe/him
3.5mm headphone jackyes
Font familymonospace
Drop rates1-3 bags of Doritos - 80%
Wired earbuds - 10%
Random Linux install media - 1%
Song
Efficiency rating80+ Gold
Home address12h 28m 24.97s, +31Ā° 28ā€² 37.7ā€³
Time playing Space Engineers587 hours
archbtw
+
diff --git a/old/2/script.js b/old/2/script.js new file mode 100644 index 0000000..125b87c --- /dev/null +++ b/old/2/script.js @@ -0,0 +1,102 @@ +function header(index) { + var rh = document.getElementById('randomheader'); + var Title = document.getElementById('header').innerHTML; + if(rh != undefined) { + const titles = [ + 'bruh moment', + 'Try reloading!', + 'Supports VPNs', + 'I use arch btw', + 'niceopod v2', + 'RGB Gaming Webpage', + 'Stream deep twisty', + 'MySite.html', + 'Over Construction', + 'Real isopod hours', + 'Version 2.0: the Verbose Update', + 'depytwisty', + '[object Object]', + 'Uses cookies', + '* You found the [Moss]!', + 'Minceraft', + 'Best viewed with Firefox', + 'Isopod gaming', + 'Website of some guy', + 'your mom', + 'Badly programmed', + 'Upside Down!', + 'Fuck crypto', + 'Oh, you know ;)', + 'gamer (terminal)' + ]; + if(index < 0 || index >= titles.length) { + index = Math.floor(Math.random() * titles.length); + } + var choice = titles[index]; + Title = choice; + document.getElementById('randomheader').innerHTML = choice; + } + if(Title === "Stats") { + Title = `Stats: ${document.getElementsByTagName('tr').length}`; + document.getElementById('header').innerHTML = Title; + } + document.title = Title; + document.getElementById('header').style.animationName = 'happear'; +} +function loadCafeStatus() { + statuscontainer = document.getElementById("status"); + if(statuscontainer !== null) { + statuscontainer.innerHTML = '
'; + fetch("https://status.cafe/users/niceopod/status.json") + .then( r => r.json() ) + .then( r => { + if (!r.content.length) { + document.getElementById("statuscafe-content").innerHTML = "No status yet." + return + } + document.getElementById("statuscafe-username").innerHTML = '' + r.author + ' ' + r.face + ' ' + r.timeAgo + document.getElementById("statuscafe-content").innerHTML = r.content + } + ) + } +} +function getUrlVars() { + var vars = {}; + var url = window.location.href; + if(window.location.hash !== "") { + url = url.substring(0, url.lastIndexOf('#')); + } + var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) { //I copied this function from somewhere. I have no idea what this expression is doing. I'm scared of it + vars[key] = value; + }); + return vars; +} +function page() { + var preferredTheme = window.localStorage.getItem("theme"); + if(preferredTheme == undefined) { + preferredTheme = "default"; + } + document.getElementById("theme").href = `themes/${preferredTheme}/style.css`; + + document.getElementById("pretheme").remove(); + + var currentPage = getUrlVars()['page']; + if(currentPage == undefined) { currentPage = 'home'; } + + if(currentPage.indexOf('#') > -1) { + currentPage = currentPage.substring(0, currentPage.lastIndexOf('#')); + } + + fetch(`pages/${currentPage}.html`) + .then(response => response.text()) + .then(data => { document.getElementById('centercolumn').innerHTML = data; if(document.getElementById('404') !== null) { window.location.replace('not_found.html'); } header(-69); loadCafeStatus(); scrollToHash();}); +} +function switchTheme (theme) { + document.getElementById("theme").href = `themes/${theme}/style.css`; + window.localStorage.setItem("theme", theme); +} +function scrollToHash() { + if(window.location.hash !== "") { + document.getElementById(window.location.hash.substring(1)).scrollIntoView(); + } +} \ No newline at end of file diff --git a/old/2/shared.css b/old/2/shared.css new file mode 100644 index 0000000..c8db590 --- /dev/null +++ b/old/2/shared.css @@ -0,0 +1,224 @@ +body, html { + height: 100%; + font-family: var(--stdfont); +} +body { + margin: 0; + padding: 0; + color: var(--fontcolor); +} +#main { + height: 100%; + display: flex; + justify-content: center; + margin: 0; + padding: 0; +} +#centercolumn { + min-height: 100%; + height: fit-content; + width: 80%; + max-width: 650px; +} +#header { + padding: 40px; + background-image: url("images/isopod_with_aviators.png"); + background-size: 128px; + background-repeat: no-repeat; + background-position: 90% bottom; +} +#themeselector { + position: fixed; + left: -250px; + height: 100%; + z-index: 1; + display: flex; + flex-direction: column; + justify-content: center; + animation-fill-mode: both; +} +#themeselector a { + cursor: pointer; +} +@keyframes tsappear { + from {left: -250px;} + to {left: 0px;} +} +@keyframes tsdisappear { + from {left: 0px;} + to {left: -250px;} +} +#nav { + position: fixed; + display: flex; + flex-direction: column; + justify-content: center; + height: 100%; + z-index: 2; +} +#nav a { + color: black; + margin-top: 5px; + margin-bottom: 5px; + margin-left: 0; + margin-right: 0; + font-size: 0; + padding: 10px; + transition-duration: 0.2s; +} +#nav svg { + width: 32px; + height: 32px; +} +@media (max-width: 900px) or (orientation: portrait) { + #nav { + flex-direction: row; + height: initial; + width: 100%; + } + #header { + margin-top: 60px; + } + #nav a { + margin-top: 0; + margin-bottom: 0; + margin-left: 5px; + margin-right: 5px; + } +} +@media (max-width: 700px) { + #centercolumn { + width: 100%; + padding-left: 10%; + padding-right: 10%; + box-shadow: none; + } + body { + overflow-x: hidden; + } + #header {margin-left: auto; margin-right: auto;} +} +@media (max-width: 600px) { + .tdc {display: none;} +} +.hoverable { + color: var(--linkcolor); +} +.hoverable:hover { + color: var(--linkhovercolor); +} +.tooltip { + font-size: 14pt; + color: var(--fontcolor); + position: absolute; + display: none; + max-width: 600px; +} +.hoverable:hover .tooltip { + display: initial; +} +#buttons { + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; + font-size: 0; + margin-bottom: 16px; +} +#buttons img { + margin: 2px; +} +td:nth-child(2n) { + padding-left: 10px; +} +.rainbowtext { + animation-name: rainbow-text; + animation-duration: 20s; + animation-iteration-count: infinite; +} +.flipped { + display: inline-block; + transform: rotate(180deg); +} +#albums { + padding-top: 30px; + margin-bottom: 30px; +} +#albums img { + max-width: 100%; +} +#albums td { + padding: 0; + width: 50%; +} +#albums .ara { + text-align: right; + padding: 15px; +} +#albums .ala { + text-align: left; + padding: 15px; +} +#albums .aimg { + font-size: 0; +} +#linktable td { + padding: 10px 0; +} +.serif { + font-family: serif; +} +.centered { + text-align: center; +} +.spaced_on_hover, .spaced_on_hover a { + transition-duration: 0.5s; +} +.spaced_on_hover:hover { + letter-spacing: 0.4ch; +} +table { + border-collapse: collapse; +} +#chatbox { + position: fixed; + height: fit-content; + width: 18rem; + padding: 0; + bottom: calc(50% - 450px / 2); + right: -18rem; + transition-duration: 1s; +} +#chatbox:hover { + right: 0.5rem; +} +#chatboxpulltab { + min-width: 3rem; + min-height: 3rem; + position: absolute; + bottom: calc(50% - 1.5rem); + left: -3rem; + display: flex; + align-items: center; + justify-content: center; +} +#statstable { + width: 100%; +} +#statstable td { + padding: .5rem 1rem; +} +#statstable tr:nth-child(2n+1) { + background: rgba(255, 255, 255, 0.1); +} +#statuscafe-username { + font-size: 0.85em; + margin-bottom: 0.2rem; +} +#changelogwindow { + max-height: 15rem; + overflow-y: scroll; +} +#changelogwindow p:first-child { + margin-top: 0; +} \ No newline at end of file diff --git a/old/2/themes/alterra/bg.jpg b/old/2/themes/alterra/bg.jpg new file mode 100644 index 0000000..56e94f2 Binary files /dev/null and b/old/2/themes/alterra/bg.jpg differ diff --git a/old/2/themes/alterra/style.css b/old/2/themes/alterra/style.css new file mode 100644 index 0000000..f046a8e --- /dev/null +++ b/old/2/themes/alterra/style.css @@ -0,0 +1,193 @@ +:root { + --stdfont: 'Ubuntu', Century Gothic, CenturyGothic, AppleGothic, sans-serif; + --fontcolor: white; + --linkcolor: #35e0be; + --linkhovercolor: #64cdeb; +} +body { + background-image: url("bg.jpg"); + background-attachment: fixed; + background-size: cover; + background-position: center; + overflow-x: hidden; +} +#header { + font-family: 'Days One', var(--stdfont); + text-align: center; + font-size: 3.4em; + color: var(--fontcolor); + text-shadow: 4px 4px 4px black; + margin-bottom: 5px; + margin-top: 0; + animation-duration: 1s; + animation-fill-mode: both; + text-transform: uppercase; + opacity: 0; + max-width: 750px; + padding-left: 51px; + padding-right: 51px; + padding-top: 40px; + padding-bottom: 40px; +} +@keyframes happear { + from { + opacity: 0; + margin-left: -50px; + margin-right: -50px; + } to { + opacity: 1; + margin-left: -50px; + margin-right: -50px; + } +} +#centercolumn { + width: fit-content; + max-width: fit-content; + padding: 0; +} +.section { + font-size: 1.2em; + background-image: radial-gradient(#149489c7 2px, transparent 2px); + background-size: 100px 100px; + background-color: #0020289a; + padding: 20px 50px; + border-radius: 50px; + border: 2px solid rgb(152, 222, 255); + box-shadow: 0 0 45px blue inset, 0 0 10px blue; + margin-bottom: 35px; + width: 650px; +} +.section h2 { + color: #64cdeb; + border-bottom: 2px solid #cdd649; + width: fit-content; + font-family: 'Days One', var(--stdfont); +} +.section h3 { + color: #35e0be; + font-family: 'Days One', var(--stdfont); + font-weight: 400; + font-size: 0.8em; + margin-top: -20px; +} +.section h4 { + font-size: 1.1em; + color: #64cdeb; + border-bottom: 2px solid #cdd649; + width: fit-content; + font-family: 'Days One', var(--stdfont); +} +a { + color: var(--linkcolor); + text-decoration: none; + transition-duration: 0.2s; +} +a:hover { + color: var(--linkhovercolor); +} +#themeselector { + background-image: radial-gradient(#149489c7 2px, transparent 2px); + background-size: 100px 100px; + background-color: #0020284b; + border-right: 2px solid rgb(152, 222, 255); + box-shadow: -45px 0 45px -45px blue inset, 0 0 10px blue; + padding-left: 90px; + padding-right: 50px; + font-size: 1.2em; + animation-duration: 0.7s; +} +#nav a { + color: gainsboro; + border: 2px solid #10b0b3e3; + box-shadow: 0 0 14px #10b0b3e3 inset, 0 0 1px 6px #00202877; + border-radius: 50%; + background-color: #00202877; + margin-left: 6px; +} +#nav a:hover { + background-color: #ffffff1c; +} +@media (max-width: 900px) or (orientation: portrait) { + #themeselector { + padding-left: 40px; + } + #nav a { + margin-left: 0; + margin-top: 6px; + } +} +@media (max-width: 750px) { + #centercolumn { + width: 100%; + max-width: 100%; + } + .section { + width: 100%; + max-width: 100%; + padding: 20px 0; + border-radius: 0; + border-left: none; + border-right: none; + box-shadow: 0 -45px 45px -45px blue inset, 0 45px 45px -45px blue inset, 0 0 10px blue; + } +} +.hoverable { + transition-duration: 0.2s; +} +.tooltip { + background-image: radial-gradient(#149489c7 2px, transparent 2px); + background-size: 100px 100px; + background-color: #0020289a; + padding: 10px 20px; + border-radius: 25px; + border: 2px solid rgb(152, 222, 255); + box-shadow: 0 0 24px blue inset, 0 0 6px blue; + margin-left: -5px; +} +.emph { + font-style: italic; +} +@keyframes rainbow-text { + 100%,0%{color: rgb(255,0,0); text-shadow: 0 0 4px rgb(216, 1, 1);} + 8%{color: rgb(255,127,0); text-shadow: 0 0 4px rgb(211, 105, 0);} + 16%{color: rgb(255,255,0); text-shadow: 0 0 4px rgb(214, 214, 0);} + 25%{color: rgb(127,255,0); text-shadow: 0 0 4px rgb(105, 211, 0);} + 33%{color: rgb(0,255,0); text-shadow: 0 0 4px rgb(0, 204, 0);;} + 41%{color: rgb(0,255,127); text-shadow: 0 0 4px rgb(0, 209, 105);} + 50%{color: rgb(0,255,255); text-shadow: 0 0 4px rgb(0, 202, 202);} + 58%{color: rgb(0,127,255); text-shadow: 0 0 4px rgb(0, 103, 206);} + 66%{color: rgb(0,0,255); text-shadow: 0 0 4px rgb(0, 0, 206);} + 75%{color: rgb(127,0,255); text-shadow: 0 0 4px rgb(103, 0, 206);} + 83%{color: rgb(255,0,255); text-shadow: 0 0 4px rgb(211, 0, 211);} + 91%{color: rgb(255,0,127); text-shadow: 0 0 4px rgb(211, 0, 105);} +} +table { + margin-bottom: 30px; +} +#albums { + margin-top: 0; + padding: 50px; +} +#albums table { + margin-bottom: 0; +} +#statstable { + margin-bottom: 0; +} +#linktable { + margin-bottom: 15px; +} +#chatboxpulltab { + left: -5rem; + padding: 1rem; +} +#chatboxpulltab svg { + color: gainsboro; + border: 2px solid #10b0b3e3; + box-shadow: 0 0 14px #10b0b3e3 inset, 0 0 1px 6px #00202877; + border-radius: 50%; + background-color: #00202877; + padding: 10px; + height: 32px; + width: 32px; +} \ No newline at end of file diff --git a/old/2/themes/deeptwisty/bg.png b/old/2/themes/deeptwisty/bg.png new file mode 100644 index 0000000..431a733 Binary files /dev/null and b/old/2/themes/deeptwisty/bg.png differ diff --git a/old/2/themes/deeptwisty/style.css b/old/2/themes/deeptwisty/style.css new file mode 100644 index 0000000..a99876d --- /dev/null +++ b/old/2/themes/deeptwisty/style.css @@ -0,0 +1,127 @@ +:root { + --stdfont: 'Ubuntu', Century Gothic, CenturyGothic, AppleGothic, sans-serif; + --fontcolor: gainsboro; + --linkcolor: #226dff; + --linkhovercolor: #5cc3ff; +} +body { + background: black url("bg.png"); + background-attachment: fixed; + background-size: cover; + background-position: center; +} +#centercolumn { + background: #000000f2;; + margin-top: -20px; + padding-top: 20px; + box-shadow: 0 0px 45px 70px #000000f2; +} +#header { + text-align: center; + font-size: 3.4em; + color: transparent; + -webkit-text-stroke-color: var(--fontcolor); + -webkit-text-stroke-width: 2px; + text-shadow: 0 0 12px white; + margin-bottom: -10px; + margin-top: 0; + animation-duration: 2s; + animation-fill-mode: both; + opacity: 0; +} +@keyframes happear { + from { + opacity: 0; + } to { + opacity: 1; + } +} +.section { + width: 100%; + font-size: 1.2em; +} +.section h2 { + text-shadow: 0 0 7px white; +} +.section h3 { + text-shadow: 0 0 2px white; + font-weight: 400; + font-size: 0.8em; + margin-top: -20px; +} +.section h4 { + text-shadow: 0 0 4px white; + font-size: 1.2em; +} +a { + color: var(--linkcolor); + text-shadow: 0 0 3px var(--linkcolor); + text-decoration: none; + transition-duration: 0.2s; +} +a:hover { + color: var(--linkhovercolor); + text-shadow: 0 0 7px var(--linkhovercolor); +} +#themeselector { + background: #000000f2; + box-shadow: 0 0 20px 20px #000000f2; + padding-left: 90px; + padding-right: 20px; + font-size: 1.2em; + animation-duration: 0.7s; +} +#nav { + background: #000000f2; + box-shadow: 0 0 20px 20px #000000f2; +} +@media (max-width: 900px) or (orientation: portrait) { + #themeselector { + padding-left: 40px; + } +} +#nav a { + color: gainsboro; +} +#nav a:hover { + background-color: #ffffff10; + box-shadow: 0 0 6px 6px #ffffff10; +} +.hoverable { + text-shadow: 0 0 3px var(--linkcolor); + transition-duration: 0.2s; +} +.hoverable:hover { + text-shadow: 0 0 7px var(--linkhovercolor); +} +.tooltip { + background-color: #000000f2; + padding-top: 5px; + padding-bottom: 5px; + padding-left: 8px; + padding-right: 8px; + box-shadow: 0 0 10px 10px #000000f2; +} +.hoverable:hover .tooltip { + text-shadow: none; +} +.emph { + font-style: italic; +} +@keyframes rainbow-text { + 100%,0%{-webkit-text-stroke-color: rgb(255,0,0); text-shadow: 0 0 12px rgb(216, 1, 1);} + 8%{-webkit-text-stroke-color: rgb(255,127,0); text-shadow: 0 0 12px rgb(211, 105, 0);} + 16%{-webkit-text-stroke-color: rgb(255,255,0); text-shadow: 0 0 12px rgb(214, 214, 0);} + 25%{-webkit-text-stroke-color: rgb(127,255,0); text-shadow: 0 0 12px rgb(105, 211, 0);} + 33%{-webkit-text-stroke-color: rgb(0,255,0); text-shadow: 0 0 12px rgb(0, 204, 0);;} + 41%{-webkit-text-stroke-color: rgb(0,255,127); text-shadow: 0 0 12px rgb(0, 209, 105);} + 50%{-webkit-text-stroke-color: rgb(0,255,255); text-shadow: 0 0 12px rgb(0, 202, 202);} + 58%{-webkit-text-stroke-color: rgb(0,127,255); text-shadow: 0 0 12px rgb(0, 103, 206);} + 66%{-webkit-text-stroke-color: rgb(0,0,255); text-shadow: 0 0 12px rgb(0, 0, 206);} + 75%{-webkit-text-stroke-color: rgb(127,0,255); text-shadow: 0 0 12px rgb(103, 0, 206);} + 83%{-webkit-text-stroke-color: rgb(255,0,255); text-shadow: 0 0 12px rgb(211, 0, 211);} + 91%{-webkit-text-stroke-color: rgb(255,0,127); text-shadow: 0 0 12px rgb(211, 0, 105);} +} +div#buttons { + margin-top: 2rem; +} \ No newline at end of file diff --git a/old/2/themes/default/bg.jpg b/old/2/themes/default/bg.jpg new file mode 100644 index 0000000..feeaadb Binary files /dev/null and b/old/2/themes/default/bg.jpg differ diff --git a/old/2/themes/default/div-bg.png b/old/2/themes/default/div-bg.png new file mode 100644 index 0000000..4d45b2c Binary files /dev/null and b/old/2/themes/default/div-bg.png differ diff --git a/old/2/themes/default/style.css b/old/2/themes/default/style.css new file mode 100644 index 0000000..08bfef1 --- /dev/null +++ b/old/2/themes/default/style.css @@ -0,0 +1,127 @@ +:root { + --stdfont: 'Raleway', Century Gothic, CenturyGothic, AppleGothic, sans-serif; + --fontcolor: white; + --linkcolor: #df1955; + --linkhovercolor: #00ffd5; +} +body { + background-image: url("bg.jpg"); + background-attachment: fixed; + background-size: cover; + background-position: center; +} +#centercolumn { + background: #222222 url("div-bg.png"); + padding-left: 50px; + padding-right: 50px; + margin-top: -20px; + padding-top: 20px; + box-shadow: 0 10px 8px 4px black inset; +} +#header { + text-align: center; + font-size: 3.4em; + color: var(--fontcolor); + margin-bottom: -10px; + margin-top: 0; + animation-duration: 1s; + animation-fill-mode: both; + opacity: 0; + text-shadow: 4px 4px 4px black; +} +@keyframes happear { + from { + opacity: 0; + letter-spacing: 0.2ch; + margin-left: -200px; + margin-right: -200px; + } to { + opacity: 1; + letter-spacing: normal; + margin-left: -50px; + margin-right: -50px; + } +} +.section { + width: 100%; + font-size: 1.2em; +} +.section h2 { + text-shadow: 2px 2px 3px black; +} +.section h3 { + text-shadow: 1px 1px 2px black; + font-weight: 400; + font-size: 0.8em; + margin-top: -20px; +} +.section h4 { + font-size: 1.2em; + text-shadow: 2px 2px 3px black; +} +a { + color: var(--linkcolor); + text-decoration: none; + transition-duration: 0.2s; +} +a:hover { + color: var(--linkhovercolor); +} +#themeselector { + background: #222222 url("div-bg.png"); + box-shadow: 0 0 8px 4px black; + padding-left: 90px; + padding-right: 40px; + font-size: 1.2em; + animation-duration: 0.7s; +} +#nav { + background: #222222 url("div-bg.png"); + box-shadow: 0 0 8px 4px black; +} +@media (max-width: 900px) or (orientation: portrait) { + #themeselector { + padding-left: 40px; + } +} +#nav a:hover { + background-color: #ffffff10; +} +#nav a { + color: gainsboro; +} +.hoverable { + transition-duration: 0.2s; +} +.tooltip { + background-color: #222222; + border: 2px outset gainsboro; + padding-top: 5px; + padding-bottom: 5px; + padding-left: 8px; + padding-right: 8px; + box-shadow: 2px 2px 8px black; +} +.emph { + font-style: italic; +} +@keyframes rainbow-text { + 100%,0%{color: rgb(255,0,0); text-shadow: 0 0 4px rgb(216, 1, 1);} + 8%{color: rgb(255,127,0); text-shadow: 0 0 4px rgb(211, 105, 0);} + 16%{color: rgb(255,255,0); text-shadow: 0 0 4px rgb(214, 214, 0);} + 25%{color: rgb(127,255,0); text-shadow: 0 0 4px rgb(105, 211, 0);} + 33%{color: rgb(0,255,0); text-shadow: 0 0 4px rgb(0, 204, 0);} + 41%{color: rgb(0,255,127); text-shadow: 0 0 4px rgb(0, 209, 105);} + 50%{color: rgb(0,255,255); text-shadow: 0 0 4px rgb(0, 202, 202);} + 58%{color: rgb(0,127,255); text-shadow: 0 0 4px rgb(0, 103, 206);} + 66%{color: rgb(0,0,255); text-shadow: 0 0 4px rgb(0, 0, 206);} + 75%{color: rgb(127,0,255); text-shadow: 0 0 4px rgb(103, 0, 206);} + 83%{color: rgb(255,0,255); text-shadow: 0 0 4px rgb(211, 0, 211);} + 91%{color: rgb(255,0,127); text-shadow: 0 0 4px rgb(211, 0, 105);} +} +#albums img { + box-shadow: 2px 2px 8px 2px black; +} +div#buttons { + margin-top: 2rem; +} \ No newline at end of file diff --git a/old/2/themes/geocities/beam.png b/old/2/themes/geocities/beam.png new file mode 100644 index 0000000..839d2bc Binary files /dev/null and b/old/2/themes/geocities/beam.png differ diff --git a/old/2/themes/geocities/bg.gif b/old/2/themes/geocities/bg.gif new file mode 100644 index 0000000..8471f83 Binary files /dev/null and b/old/2/themes/geocities/bg.gif differ diff --git a/old/2/themes/geocities/butterfly.gif b/old/2/themes/geocities/butterfly.gif new file mode 100644 index 0000000..baa965e Binary files /dev/null and b/old/2/themes/geocities/butterfly.gif differ diff --git a/old/2/themes/geocities/butterflyrockplant.gif b/old/2/themes/geocities/butterflyrockplant.gif new file mode 100644 index 0000000..99d65a3 Binary files /dev/null and b/old/2/themes/geocities/butterflyrockplant.gif differ diff --git a/old/2/themes/geocities/fire.gif b/old/2/themes/geocities/fire.gif new file mode 100644 index 0000000..d8bf16b Binary files /dev/null and b/old/2/themes/geocities/fire.gif differ diff --git a/old/2/themes/geocities/ocean-div.gif b/old/2/themes/geocities/ocean-div.gif new file mode 100644 index 0000000..b757786 Binary files /dev/null and b/old/2/themes/geocities/ocean-div.gif differ diff --git a/old/2/themes/geocities/orb.gif b/old/2/themes/geocities/orb.gif new file mode 100644 index 0000000..52e9182 Binary files /dev/null and b/old/2/themes/geocities/orb.gif differ diff --git a/old/2/themes/geocities/rainbowball.gif b/old/2/themes/geocities/rainbowball.gif new file mode 100644 index 0000000..9261df9 Binary files /dev/null and b/old/2/themes/geocities/rainbowball.gif differ diff --git a/old/2/themes/geocities/rose.gif b/old/2/themes/geocities/rose.gif new file mode 100644 index 0000000..3f12a4b Binary files /dev/null and b/old/2/themes/geocities/rose.gif differ diff --git a/old/2/themes/geocities/snail.gif b/old/2/themes/geocities/snail.gif new file mode 100644 index 0000000..460f0e5 Binary files /dev/null and b/old/2/themes/geocities/snail.gif differ diff --git a/old/2/themes/geocities/snake.gif b/old/2/themes/geocities/snake.gif new file mode 100644 index 0000000..8e1330b Binary files /dev/null and b/old/2/themes/geocities/snake.gif differ diff --git a/old/2/themes/geocities/star.gif b/old/2/themes/geocities/star.gif new file mode 100644 index 0000000..5f06739 Binary files /dev/null and b/old/2/themes/geocities/star.gif differ diff --git a/old/2/themes/geocities/star2.gif b/old/2/themes/geocities/star2.gif new file mode 100644 index 0000000..f8321d4 Binary files /dev/null and b/old/2/themes/geocities/star2.gif differ diff --git a/old/2/themes/geocities/star3.gif b/old/2/themes/geocities/star3.gif new file mode 100644 index 0000000..289f8b6 Binary files /dev/null and b/old/2/themes/geocities/star3.gif differ diff --git a/old/2/themes/geocities/star4.gif b/old/2/themes/geocities/star4.gif new file mode 100644 index 0000000..b50d808 Binary files /dev/null and b/old/2/themes/geocities/star4.gif differ diff --git a/old/2/themes/geocities/style.css b/old/2/themes/geocities/style.css new file mode 100644 index 0000000..a38d2ba --- /dev/null +++ b/old/2/themes/geocities/style.css @@ -0,0 +1,138 @@ +:root { + --stdfont: sans-serif; + --headerfont: serif, var(--stdfont); +} +body { + background: url('snail.gif') no-repeat fixed bottom 0 left calc(50% - 750px), url('world.gif') no-repeat fixed top 200px left calc(50% + 550px), url('sun.gif') fixed no-repeat top 69px left 100px, url('torch.gif') no-repeat fixed bottom left calc(50% - 350px), url('butterflyrockplant.gif') no-repeat fixed bottom -10px left calc(50% + 500px), url('star4.gif') no-repeat fixed bottom 200px left calc(50% - 800px), url('star3.gif') no-repeat fixed top 69px left calc(50% + 800px), url('star2.gif') no-repeat fixed top 300px right calc(50% + 700px), url('rose.gif') bottom -20px left calc(50% - 600px) fixed no-repeat, url('star.gif') no-repeat fixed bottom 300px left calc(50% + 630px), url('fire.gif') no-repeat bottom left 10px fixed, url('butterfly.gif') no-repeat fixed bottom 150px left calc(50% - 500px), url('snake.gif') fixed no-repeat bottom left calc(50% + 840px), url('bg.gif') fixed; + font-family: var(--stdfont); + color: gainsboro; +} +#centercolumn { + background: url('rainbowball.gif') 52px 30px no-repeat, url('beam.png') repeat-y 75px 0; +} +.section { + width: 100%; + font-size: 1.1em; + background: #000000f9; + padding: 10px 30px; + border: 4px outset rgb(48, 4, 119); + margin-bottom: 40px; +} +.section:last-of-type { + background: #000000f9 url('ocean-div.gif') repeat-x bottom center; +} +#buttons { + padding-bottom: 30px; +} +a { + color: gold; +} +a:visited { + color: goldenrod; +} +#header { + font-family: 'Orbitron', sans-serif; + font-weight: 700; + text-align: center; + font-size: 2.5em; + width: 100%; +} +.section h2 { + background: url('orb.gif') no-repeat center right; + font-family: var(--headerfont); + font-size: 1.8em; + margin-top: 20px; + margin-bottom: 10px; +} +.section h3 { + font-family: var(--headerfont); + margin-top: -10px; + font-size: 0.8em; +} +.section h4 { + font-family: var(--headerfont); + font-size: 1.2em; +} +.section table { + margin-bottom: 20px; +} +#linktable { + margin-bottom: initial; +} +#nav a { + color: gainsboro; +} +#themeselector { + padding-left: 90px; + padding-right: 40px; + font-size: 1.1em; + animation-duration: 0.7s; + background-color: #000000f9; + border-right: 4px outset rgb(48, 4, 119); +} +#themeselector a { + color: gold; + text-decoration: underline; +} +#themeselector h3 { + font-family: var(--headerfont); +} +@media (max-width: 900px) or (orientation: portrait) { + #themeselector { + padding-left: 40px; + } + #centercolumn { + padding: 0; + } + .section { + width: calc(100% - 68px); + } +} +.hoverable { + color: #0000EE; + text-decoration: underline; +} +.hoverable:hover { + color: #551A8B; +} +.tooltip { + color: black; + background-color: white; + border: 1px solid black; + padding-top: 2px; + padding-bottom: 2px; + padding-left: 4px; + padding-right: 4px; +} +.emph { + font-style: italic; +} +.serif { + font-family: serif; +} +.hoverable { + color: gold; +} +.hoverable:hover { + color: goldenrod; +} +.hoverable .tooltip { + color: gainsboro; + padding: 6px 12px; + background-color: #000000f9; + border: 3px outset gold; +} +@keyframes rainbow-text { + 100%,0%{color: rgb(255,0,0); text-shadow: 0 0 4px rgb(216, 1, 1);} + 8%{color: rgb(255,127,0); text-shadow: 0 0 4px rgb(211, 105, 0);} + 16%{color: rgb(255,255,0); text-shadow: 0 0 4px rgb(214, 214, 0);} + 25%{color: rgb(127,255,0); text-shadow: 0 0 4px rgb(105, 211, 0);} + 33%{color: rgb(0,255,0); text-shadow: 0 0 4px rgb(0, 204, 0);;} + 41%{color: rgb(0,255,127); text-shadow: 0 0 4px rgb(0, 209, 105);} + 50%{color: rgb(0,255,255); text-shadow: 0 0 4px rgb(0, 202, 202);} + 58%{color: rgb(0,127,255); text-shadow: 0 0 4px rgb(0, 103, 206);} + 66%{color: rgb(0,0,255); text-shadow: 0 0 4px rgb(0, 0, 206);} + 75%{color: rgb(127,0,255); text-shadow: 0 0 4px rgb(103, 0, 206);} + 83%{color: rgb(255,0,255); text-shadow: 0 0 4px rgb(211, 0, 211);} + 91%{color: rgb(255,0,127); text-shadow: 0 0 4px rgb(211, 0, 105);} +} \ No newline at end of file diff --git a/old/2/themes/geocities/sun.gif b/old/2/themes/geocities/sun.gif new file mode 100644 index 0000000..946b0e7 Binary files /dev/null and b/old/2/themes/geocities/sun.gif differ diff --git a/old/2/themes/geocities/torch.gif b/old/2/themes/geocities/torch.gif new file mode 100644 index 0000000..93e5e59 Binary files /dev/null and b/old/2/themes/geocities/torch.gif differ diff --git a/old/2/themes/geocities/world.gif b/old/2/themes/geocities/world.gif new file mode 100644 index 0000000..9cbe4c9 Binary files /dev/null and b/old/2/themes/geocities/world.gif differ diff --git a/old/2/themes/gruvbox/bg.png b/old/2/themes/gruvbox/bg.png new file mode 100644 index 0000000..528f35b Binary files /dev/null and b/old/2/themes/gruvbox/bg.png differ diff --git a/old/2/themes/gruvbox/style.css b/old/2/themes/gruvbox/style.css new file mode 100644 index 0000000..3fee1a5 --- /dev/null +++ b/old/2/themes/gruvbox/style.css @@ -0,0 +1,121 @@ +:root { + --stdfont: 'Montserrat', Century Gothic, CenturyGothic, AppleGothic, sans-serif; + --fontcolor: #ebdbb2; + --linkcolor: #458488; + --linkhovercolor: #83a598; +} +body { + background: #282828 url('bg.png'); + background-attachment: fixed; + background-size: cover; + background-position: center; +} +#centercolumn { + display: flex; + flex-direction: column; + align-items: center; +} +#header { + text-align: center; + font-size: 3.4em; + color: var(--fontcolor); + margin-bottom: 10px; + margin-top: 0; + animation-duration: 1s; + animation-fill-mode: both; + opacity: 0; + min-width: 100%; + margin-left: -1000px; + margin-right: -1000px; +} +@keyframes happear { + from { + opacity: 0; + letter-spacing: 0.2ch; + } to { + opacity: 1; + letter-spacing: normal; + } +} +.section { + padding: 30px; + border-radius: 16px; + background: #1d2021f1; + width: 100%; + font-size: 1.2em; + margin-bottom: 20px; +} +.section h2 { + margin-top: 0; +} +.section h3 { + font-weight: 400; + font-size: 0.8em; + margin-top: -20px; +} +.section h4 { + font-size: 1.2em; +} +.section p { + margin-bottom: 0; +} +a { + color: var(--linkcolor); + text-decoration: none; + transition-duration: 0.2s; +} +a:hover { + color: var(--linkhovercolor); +} +#themeselector { + background: #1d2021f1; + padding-left: 90px; + padding-right: 40px; + font-size: 1.2em; + animation-duration: 0.7s; +} +@media (max-width: 900px) or (orientation: portrait) { + #themeselector { + padding-left: 40px; + } + #header { + margin-left: 0; + margin-right: 0; + width: 100%; + } +} +#nav a { + color: var(--fontcolor); + border-radius: 50%; +} +#nav a:hover { + transform: rotate(-6deg); + background-color: #ffffff10; +} +#nav svg { + width: 32px; + height: 32px; +} +.hoverable { + transition-duration: 0.2s; +} +.tooltip { + background-color: #1d2021f1; + border-radius: 16px; + padding-top: 8px; + padding-bottom: 8px; + padding-left: 11px; + padding-right: 11px; + box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.267); +} +.emph { + font-style: italic; +} +@keyframes rainbow-text { + 100%,0%{color: #cc241d; text-shadow: 0 0 4px #cc241d;} + 8%{color: #fe8019; text-shadow: 0 0 4px #fe8019;} + 16%{color: #fabd2f; text-shadow: 0 0 4px #fabd2f;} + 33%{color: #b8bb26; text-shadow: 0 0 4px #b8bb26;} + 58%{color: #458588; text-shadow: 0 0 4px #458588;} + 75%{color: #b16286; text-shadow: 0 0 4px #b16286;} +} \ No newline at end of file diff --git a/old/2/themes/none/style.css b/old/2/themes/none/style.css new file mode 100644 index 0000000..82ba913 --- /dev/null +++ b/old/2/themes/none/style.css @@ -0,0 +1,62 @@ +.section { + width: 100%; + font-size: 1.2em; +} +.section h3 { + margin-top: -10 px; +} +#themeselector { + padding-left: 90px; + padding-right: 40px; + font-size: 1.2em; + animation-duration: 0.7s; + background-color: white; +} +#themeselector a { + color: #0000EE; + text-decoration: underline; +} +@media (max-width: 900px) or (orientation: portrait) { + #themeselector { + padding-left: 40px; + } +} +.hoverable { + color: #0000EE; + text-decoration: underline; +} +.hoverable:hover { + color: #551A8B; +} +.tooltip { + color: black; + background-color: white; + border: 1px solid black; + padding-top: 2px; + padding-bottom: 2px; + padding-left: 4px; + padding-right: 4px; +} +.emph { + font-style: italic; +} +.serif { + font-family: sans-serif; +} +@keyframes rainbow-text { + 100%,0%{color: rgb(255,0,0); text-shadow: 0 0 4px rgb(216, 1, 1);} + 8%{color: rgb(255,127,0); text-shadow: 0 0 4px rgb(211, 105, 0);} + 16%{color: rgb(255,255,0); text-shadow: 0 0 4px rgb(214, 214, 0);} + 25%{color: rgb(127,255,0); text-shadow: 0 0 4px rgb(105, 211, 0);} + 33%{color: rgb(0,255,0); text-shadow: 0 0 4px rgb(0, 204, 0);;} + 41%{color: rgb(0,255,127); text-shadow: 0 0 4px rgb(0, 209, 105);} + 50%{color: rgb(0,255,255); text-shadow: 0 0 4px rgb(0, 202, 202);} + 58%{color: rgb(0,127,255); text-shadow: 0 0 4px rgb(0, 103, 206);} + 66%{color: rgb(0,0,255); text-shadow: 0 0 4px rgb(0, 0, 206);} + 75%{color: rgb(127,0,255); text-shadow: 0 0 4px rgb(103, 0, 206);} + 83%{color: rgb(255,0,255); text-shadow: 0 0 4px rgb(211, 0, 211);} + 91%{color: rgb(255,0,127); text-shadow: 0 0 4px rgb(211, 0, 105);} +} +div#buttons { + margin-top: 2rem; +} \ No newline at end of file diff --git a/seasonal.php b/seasonal.php new file mode 100644 index 0000000..9954795 --- /dev/null +++ b/seasonal.php @@ -0,0 +1,9 @@ +#bubblecolumn {display: none;} body {background-color: black;} a {color: orange;} a:hover {color: yellow;} #leftsidebg, #rightsidebg {filter: grayscale(100%);}'; +} +?> \ No newline at end of file diff --git a/stats/bg.jpg b/stats/bg.jpg new file mode 100644 index 0000000..80160c8 Binary files /dev/null and b/stats/bg.jpg differ diff --git a/stats/bg.jxl b/stats/bg.jxl new file mode 100644 index 0000000..33477c6 Binary files /dev/null and b/stats/bg.jxl differ diff --git a/stats/index.php b/stats/index.php new file mode 100644 index 0000000..eb17786 --- /dev/null +++ b/stats/index.php @@ -0,0 +1,222 @@ + + + + + + Stats + + + + + + +

stat tracker

+

Powered by RealTrue™ StatAI™

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + $boogeraids"; + ?> + + + + + + + + + +
Height194cm
Storage space47TiB
Desktop environmentGNOME (Wayland)
LayoutANSI 75% + Knob + External numpad
SwitchesKeychron K Pro Brown
FirmwareQMK
RGBYes
CDs owned164
Consoles modded2
Computers upgraded3
Computers downgraded2
Domains owned6
Talent[Integer overflow error]
Bitches0
SpeciesBathynomus Giganteus
Genderhere', + 'AMD Ryzen 7 5700G, 32GB DDR4-3600 RAM, AMD Radeon RX 6800XT GPU, 500GB NVMe SSD, 2TB NVMe SSD, 4TB HDD', + 'I forgor šŸ’€', + 'Bathynomus Giganteus', + 'I\'ll figure it out later', + 'gay', + '//TODO' + ); + echo $boogeraids[array_rand($boogeraids)]; + ?>
3.5mm headphone jackyes
Audio channelsmono
Font familymono
Sodium glutamate7.1 surround
Drop rates1-3 bags of Doritos - 80%
Wired earbuds - 10%
Random Linux install media - 1%
Efficiency rating80+ Gold
Wattage rating1000W
Home address12h 28m 24.97s, +31Ā° 28ā€² 37.7ā€³
Most played game (Steam)Space Engineers (734 hours)
Most played game (in general)Minecraft (Hours unknown but definitely high)
Best Hand756,276,480
Page views + +
$aidsbooger
Number I'm thinking of
Personality
+ + diff --git a/stuff/EnchantedToolsPack_v1.zip b/stuff/EnchantedToolsPack_v1.zip new file mode 100644 index 0000000..cc83984 Binary files /dev/null and b/stuff/EnchantedToolsPack_v1.zip differ diff --git a/stuff/beat/digital.css b/stuff/beat/digital.css new file mode 100644 index 0000000..553d078 --- /dev/null +++ b/stuff/beat/digital.css @@ -0,0 +1,10 @@ +@font-face { + font-family: beat; + src: url("../fonts/DS-DIGI.ttf"); +} +body { + font-family: beat, monospace; + color: lime; + text-shadow: 0 0 3px #5ff508; + background: black; +} \ No newline at end of file diff --git a/stuff/beat/frame.php b/stuff/beat/frame.php new file mode 100644 index 0000000..5143943 --- /dev/null +++ b/stuff/beat/frame.php @@ -0,0 +1,41 @@ + + + + + + + <?php echo beat(); ?> + "; + ?> + + + + +
+ +
+ + + \ No newline at end of file diff --git a/stuff/beat/index.php b/stuff/beat/index.php new file mode 100644 index 0000000..16b7054 --- /dev/null +++ b/stuff/beat/index.php @@ -0,0 +1,39 @@ + + + + + + <?php echo '@'.date("B"); ?> + + + + + + +

.beat

+

+ +

88x31 Embeds

+
+ +
+ 
<iframe src="https://isopod.cool/stuff/beat/frame.php?theme=digital" style="width: 84px; height: 27px;"></iframe>
+
+ +
+ 
<iframe src="https://isopod.cool/stuff/beat/frame.php?theme=pixel" style="width: 84px; height: 27px;"></iframe>
+
+ +
+ 
<iframe src="https://isopod.cool/stuff/beat/frame.php?theme=sketch" style="width: 84px; height: 27px;"></iframe>
+ + diff --git a/stuff/beat/pixel.css b/stuff/beat/pixel.css new file mode 100644 index 0000000..20f3f37 --- /dev/null +++ b/stuff/beat/pixel.css @@ -0,0 +1,10 @@ +@font-face { + font-family: beat; + src: url("../fonts/slkscr.ttf"); +} +body { + font-family: beat, monospace; + color: gainsboro; + background: rgb(255,0,178); + background: linear-gradient(27deg, rgba(255,0,178,1) 0%, rgba(53,0,182,1) 81%); +} \ No newline at end of file diff --git a/stuff/beat/sketch.css b/stuff/beat/sketch.css new file mode 100644 index 0000000..34b7b87 --- /dev/null +++ b/stuff/beat/sketch.css @@ -0,0 +1,13 @@ +@font-face { + font-family: beat; + src: url("../fonts/firsttimewriting.ttf"); +} +body { + font-family: beat, sans-serif; + font-weight: bold; + color: black; + background-image: repeating-linear-gradient(0deg, #a2ddee, #a2ddee 1px, transparent 1px, transparent); + background-size: 23px 23px; + background-color: #f7f7f7; + background-position: 5px 5px; +} \ No newline at end of file diff --git a/stuff/beat/time.php b/stuff/beat/time.php new file mode 100644 index 0000000..e3e9596 --- /dev/null +++ b/stuff/beat/time.php @@ -0,0 +1,4 @@ + \ No newline at end of file diff --git a/stuff/bg.jpg b/stuff/bg.jpg new file mode 100644 index 0000000..cac00e8 Binary files /dev/null and b/stuff/bg.jpg differ diff --git a/stuff/bg.jxl b/stuff/bg.jxl new file mode 100644 index 0000000..2377a2b Binary files /dev/null and b/stuff/bg.jxl differ diff --git a/stuff/dirtomp3.sh b/stuff/dirtomp3.sh new file mode 100644 index 0000000..ac75c20 --- /dev/null +++ b/stuff/dirtomp3.sh @@ -0,0 +1,58 @@ +#!/bin/bash + +# This is a simple script I wrote to convert my entire music library to mp3s for putting on my phone. +# You need to have ffmpeg installed with support for all relevant formats for this to work. + +# HOW TO USE: +# Place this script in the directory that your library's root directory is in, i.e. if your music +# library is in ~/Music/Library, this script should be located at ~/Music/dirtomp3.sh +# Set the variable "root" to the name of your library's root directory +# Set "newroot" to the desired root directory of the output. This will be created if it doesn't exist. +# The script should take care of the rest. + +root="Library" +newroot="Library_mp3" +mvcount=0 +tdcount=$(($(find "$root" -type f -not -path '*/.*' | wc -l))) + +printf "\x1b[s" +echo ".00% done ($mvcount/$tdcount files processed)" + +recurse() { + path="$1" + for f in "$path/"*; do + nf=$(echo "$f" | sed "s/^$root/$newroot/;s/\.flac\|\.wav\|\.ogg$/.mp3/") + if [[ "$f" != $root* ]]; then + echo "Script attempted to access item $f outside designated operating area, aborting" + exit + fi + if [[ "$nf" != $newroot* ]]; then + echo "Script attempted to access item $nf outside designated operating area, aborting" + exit + fi + if [[ -d "$f" ]]; then + mkdir -p "$nf" + recurse "$f" + elif [[ -f $f ]]; then + printf "\x1b[2K%s" "$(echo "$f" | head -c $(tput cols))" + if [[ "$f" == *.flac ]] || [[ "$f" == *.wav ]] || [[ "$f" == *.ogg ]]; then + if [[ ! -f $nf ]] || [[ $f -nt $nf ]]; then + ffmpeg -i "$f" "$nf" -loglevel 0 + if [[ $? -gt 0 ]]; then + exit + fi + fi + elif [[ "$f" == *.mp3 ]]; then + cp -u "$f" "$nf" + elif [[ "$f" == *.png ]] || [[ "$f" == *.jpg ]] || [[ "$f" == *.jxl ]] || [[ "$f" == *.gif ]]; then + cp -u "$f" "$nf" + fi + mvcount=$((mvcount+1)) + printf "\x1b[u%s%% done (%d/%g files processed)\n" "$(echo "scale=2; $(echo "$mvcount/$tdcount*100" | bc -l)/1" | bc)" "$mvcount" "$tdcount" + fi + done +} + +mkdir -p $newroot +recurse "$root" +printf "\x1b[2K" diff --git a/stuff/firefoxrss/feed.php b/stuff/firefoxrss/feed.php new file mode 100644 index 0000000..0f7cb17 --- /dev/null +++ b/stuff/firefoxrss/feed.php @@ -0,0 +1,62 @@ + $cacheperiod); + +if($cache_too_old) { + $url = "https://mozilla.org/firefox/notes/"; + if(function_exists('curl_init')) { + $ch = curl_init($url); + + curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true); + curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); + curl_setopt($ch, CURLOPT_HEADER, 0); + + $str = curl_exec($ch); + if(curl_error($ch)) { + echo curl_error($ch); + die(); + } + curl_close($ch); + } else { // If the cURL library isn't installed, just use file_get_contents() + $str = file_get_contents($url); + } + + preg_match('/(
([0-9]|\.)+<\/div>)/', $str, $rcs); // extract the element containing the version number + preg_match('/([0-9]|\.)+/', $rcs[0], $rs); // extract the version number from that + $rel = $rs[0]; + + $link = "https://www.mozilla.org/en-US/firefox/".$rel."/releasenotes"; // construct a permalink to the patch notes for the current latest release in particular + + preg_match('/(

.+<\/p>)/', $str, $odcs); // extract the element containing the release date + $origdate = str_replace('

', "", str_replace('

', "", $odcs[0])); // extract the date string + $udate = strtotime($origdate) + 43200; // convert said date string to the unix timestamp for noon GMT on that date + $rssdate = "D, d M Y H:i:s"; + $date = date($rssdate, $udate); // convert unix timestamp to the date format RSS uses + + $updatetime = date($rssdate, filemtime($fname)); // generating some data to fill out optional elements of the RSS feed. + $ttl = $cacheperiod / 60; // This is the sole reason why a few variables exist. + + $output = "Firefox Release Noteshttps://www.mozilla.org/firefox/releases/Release notes for new versions of Firefox, updated every $ttl minutesen-us$date$updatetimehttps://www.rssboard.org/rss-specificationniceopod's Firefox release notes RSS feed bridge$ttlhttps://upload.wikimedia.org/wikipedia/commons/8/84/Mozilla_Firefox_3.5_logo.pngFirefox Release Noteshttps://www.mozilla.org/firefox/releases/Firefox $rel$dateRelease $rel of Firefox, from $origdate$link$link"; + // Outputs an RSS feed with one entry. I wanted to do the latest ten, but the releases weren't in + // chronological order on the release list page and I couldn't be bothered trying to reorder them, + // plus I would have had to scrape all those pages for the release date too and fuck that lol + file_put_contents($fname, $output); +} else { + $output = file_get_contents($fname); +} + +header('Content-Type: text/xml'); // Not sure if this is necessary but it feels like good practice and it gets Chromium to display it all pretty +echo $output; \ No newline at end of file diff --git a/stuff/index.php b/stuff/index.php new file mode 100644 index 0000000..89acd3b --- /dev/null +++ b/stuff/index.php @@ -0,0 +1,105 @@ + + + + + + Items + + + + + + +

stuff

+

things too!

+

Utilities

+ + + + + + + + + +
rssfilter.phpBasic RSS and Atom feed filtering utility. Accepts regex.
firefoxrssRSS bridge for Firefox release notes.
+

Downloads

+ + + + + +
EnchantedToolsPack_v1.zipCustom resourcepack for Minecraft that uses functionality from Optifine to add custom textures for enchanted tools and weapons. Confirmed working with 1.19.
+

Scripts

+ + + + + + + + + + + + + + + + + + + + + + + + + +
webpkiller/
Automatic .webp convertersVarious scripts intended for use as the default program for opening .webp files. They automatically replace the .webp image with a .png one and open that instead. Incompatible with animated .webp images.
webpkiller.sh +
+ Bash script for Linux. +
    +
  • Only works on .webp files.
    • +
  • Requires ImageMagick to be installed.
    • +
+
+
webpkiller.cmd +
+ Batch script for Windows. +
    +
  • Only works on .webp files.
    • +
  • Requires ImageMagick.
    • +
  • Replaces every instance of ".webp" in the filepath because Windows batch language is hard.
    • +
+
+
webpkiller.py +
+ Platform-agnostic Python script. +
    +
  • Works on anything supported by pillow.
    • +
  • Requires Python 3 and the pillow library.
    • +
+
+
webpkiller_win.zip
Windows webpkiller.py build.webpkiller.py, but compiled for Windows with pyinstaller.
dirtomp3.shBash script that uses ffmpeg to convert a music library to mp3s.
+

Other

+ + + + + + + + + +
neon_boost_times.htmlA table of my level times in Neon Boost.
userstyles.world/style/5238
/status-cafe-latte		Stylus theme I made for status.cafe and the attached forum.
+ + diff --git a/stuff/neon_boost_times.html b/stuff/neon_boost_times.html new file mode 100644 index 0000000..e00af8c --- /dev/null +++ b/stuff/neon_boost_times.html @@ -0,0 +1,103 @@ + + + + + + My level times in Neon Boost + + + + + + +
+
+ + + + + + + + + + + + + + + + + + + + + + +
Level123456789101112
Laser City4.2193.9393.8996.3593.9593.2596.1397.1592.4198.325.41917
Laser City
(Lights Off)		4.4394.1194.1797.0795.7993.4195.8597.2992.5198.465.85920.02
Tesla Factory3.9995.2196.3593.3595.9594.7196.8391.9996.2594.7797.21916.44
Tesla Factory
(Lights Off)		4.1595.6796.5193.6195.7195.6396.7992.0396.3195.5197.01916.92
Cosmic Highway9.146.2796.97911.025.4399.587.19911.2417.84.67925.0640.78
Cosmic Highway
(Lights Off)		10.466.6996.85912.85.77910.327.83913.2819.024.77929.3642.56
+
+

Times are in seconds, truncated to the millisecond because the in-game timer is rife with rounding errors.
Times in yellow are from levels I can effectively "skip", or beat without triggering the timer to start.
Read the blog post I made this for here. Get Neon Boost here.

+
+ + \ No newline at end of file diff --git a/stuff/rssfilter.php b/stuff/rssfilter.php new file mode 100644 index 0000000..ea749cd --- /dev/null +++ b/stuff/rssfilter.php @@ -0,0 +1,288 @@ +category as $category) { // loops through all the tags and returns true if any of them contain the filter string + if( + (!$useregex and strpos($category, $filter) !== false) or // Don't use regex and filter string is found + ($useregex and preg_match($filter, $category)) // DO use regex and filter expression is found + ) { + return true; + } + } + if( + (!$useregex and (strpos($item->description, $filter) !== false or strpos($item->title, $filter) !== false)) or // Don't use regex and filter string is found + ($useregex and (preg_match($filter, $item->description) or preg_match($filter, $item->title))) // DO use regex and filter expression is found + ) { + return true; + } + return false; +} + +function atom_testforfilter($entry) { + global $useregex; + global $filter; + foreach($entry->category as $category) { // loops through all the tags and returns true if any of them contain the filter string + if( + (!$useregex and strpos($category['term'], $filter) !== false) or // Don't use regex and filter string is found + ($useregex and preg_match($filter, $category['term'])) // DO use regex and filter expression is found + ) { + return true; + } + } + if( + (!$useregex and (strpos($entry->description, $filter) !== false or strpos($entry->title, $filter) !== false)) or // Don't use regex and filter string is found + ($useregex and (preg_match($filter, $entry->description) or preg_match($filter, $entry->title))) // DO use regex and filter expression is found + ) { + return true; + } + return false; +} + +if($feed // A basic check to make sure the URL is formed properly. It doesn't actually check for a valid URL or valid regex. + and $filter // If this check fails, the HTML document below this gets served. + and ($filtertype === "white" or $filtertype === "black") +){ + header('Content-Type: text/xml'); // Not sure if I actually need to do this, but it seems like good practice and it makes Chromium display the XML tree all nice. + + $content = simplexml_load_string(file_get_contents($feed)); // I've encountered a problem where something between the server this command pulls from and this script seems to + // be caching the result. I'm guessing it's some kind of Nginx configuration error, but I'm not sure. Maybe I + // should be using a different function to do this? rss-bridge uses the cURL library, which I know because I had + // to install it myself. + + if($content->getName() == 'rss') { // Here I just assume everything not explicitly an RSS feed is an Atom feed. I am 100% certain there is an edge case I'm missing here. + + echo ''; // This is the most embarrassing part of this code by far. I wanted to do this by looping over all the entries + echo $content->channel->title->asXML(); // in the XML object and specifically removing the ones that didn't pass the filter *from* the object, but + echo $content->channel->link->asXML(); // I couldn't for the life of me get that to work, so I settled for the next best thing: just echoing all the + echo $content->channel->description->asXML(); // fields that are part of the spec out to a brand new XML document and then adding all the entries that did + echo $content->channel->language->asXML(); // pass. I mean, if it works it works, but sorry to anyone that was using some nonstandard feature here. + echo $content->channel->pubDate->asXML(); + echo $content->channel->lastBuildDate->asXML(); + echo $content->channel->docs->asXML(); + echo "will's RSS filter script"; + echo $content->channel->managingEditor->asXML(); + echo $content->channel->webMaster->asXML(); + + foreach($content->channel->item as $item) { + + $found = rss_testforfilter($item, $filter); + + if(($found and $filtertype == 'white') or (!$found and $filtertype == 'black')) { + echo $item->asXML(); + } + + } + + echo ''; + + die(); + } else { + + echo ''; + echo $content->title->asXML(); + echo $content->link->asXML(); + echo $content->updated->asXML(); + echo $content->author->asXML(); + echo $content->id->asXML(); + foreach($content->category as $category) { + echo $category->asXML(); + } + foreach($content->contributor as $contributor) { + echo $contributor->asXML(); + } + echo "will's Atom filter script"; + echo $content->icon->asXML(); + echo $content->logo->asXML(); + echo $content->rights->asXML(); + echo $content->subtitle->asXML(); + + foreach($content->entry as $entry) { + + $found = atom_testforfilter($entry, $filter); + + if(($found and $filtertype == 'white') or (!$found and $filtertype == 'black')) { + echo $entry->asXML(); + } + + } + + echo ''; + + die(); + } +} + +?> + + + + + + RSS Filter + + + +

RSS Filter

+
+ + + + + + + + + + + + + + + + + + + + + +
You need to have Javascript enabled for this generator to work, sorry.
Feed URL
Filter String
Filter Type + + + + +
+

+ +

+

+ Made by an isopod
+ Download source code +

+ + + \ No newline at end of file diff --git a/stuff/spotifycdnsilly/ip.php b/stuff/spotifycdnsilly/ip.php new file mode 100644 index 0000000..e8332ff --- /dev/null +++ b/stuff/spotifycdnsilly/ip.php @@ -0,0 +1,21 @@ +"; + +?> + + + + + + + <?php echo($addr); ?> + + "); ?> + + + + + diff --git a/stuff/webgarden/image1.html b/stuff/webgarden/image1.html new file mode 100644 index 0000000..4c1d559 --- /dev/null +++ b/stuff/webgarden/image1.html @@ -0,0 +1,20 @@ + + + + + Image1 + + + + +
+ < + > +
+ + diff --git a/stuff/webgarden/image2.html b/stuff/webgarden/image2.html new file mode 100644 index 0000000..3ac0aa5 --- /dev/null +++ b/stuff/webgarden/image2.html @@ -0,0 +1,20 @@ + + + + + Image2 + + + + +
+ < + > +
+ + diff --git a/stuff/webgarden/image3.html b/stuff/webgarden/image3.html new file mode 100644 index 0000000..00e8417 --- /dev/null +++ b/stuff/webgarden/image3.html @@ -0,0 +1,20 @@ + + + + + Image3 + + + + +
+ < + > +
+ + diff --git a/stuff/webgarden/image4.html b/stuff/webgarden/image4.html new file mode 100644 index 0000000..f2e2a77 --- /dev/null +++ b/stuff/webgarden/image4.html @@ -0,0 +1,20 @@ + + + + + Image4 + + + + +
+ < + > +
+ + diff --git a/stuff/webgarden/images/bubblecolumn1.gif b/stuff/webgarden/images/bubblecolumn1.gif new file mode 100644 index 0000000..ad31eb1 Binary files /dev/null and b/stuff/webgarden/images/bubblecolumn1.gif differ diff --git a/stuff/webgarden/images/image1.png b/stuff/webgarden/images/image1.png new file mode 100644 index 0000000..825d878 Binary files /dev/null and b/stuff/webgarden/images/image1.png differ diff --git a/stuff/webgarden/images/image2.png b/stuff/webgarden/images/image2.png new file mode 100644 index 0000000..cd9e273 Binary files /dev/null and b/stuff/webgarden/images/image2.png differ diff --git a/stuff/webgarden/images/image3.png b/stuff/webgarden/images/image3.png new file mode 100644 index 0000000..9de4975 Binary files /dev/null and b/stuff/webgarden/images/image3.png differ diff --git a/stuff/webgarden/images/image4.png b/stuff/webgarden/images/image4.png new file mode 100644 index 0000000..3562e48 Binary files /dev/null and b/stuff/webgarden/images/image4.png differ diff --git a/stuff/webgarden/images/isopod_with_aviators_small.png b/stuff/webgarden/images/isopod_with_aviators_small.png new file mode 100644 index 0000000..27ae5b7 Binary files /dev/null and b/stuff/webgarden/images/isopod_with_aviators_small.png differ diff --git a/stuff/webgarden/images/webgarden-bg.png b/stuff/webgarden/images/webgarden-bg.png new file mode 100644 index 0000000..f6052e8 Binary files /dev/null and b/stuff/webgarden/images/webgarden-bg.png differ diff --git a/stuff/webgarden/index.php b/stuff/webgarden/index.php new file mode 100644 index 0000000..af88805 --- /dev/null +++ b/stuff/webgarden/index.php @@ -0,0 +1,192 @@ + + + Kind of dragon free!', + 'your gay', + 'the fuck is a gender', + 'The Only Website', + 'š“˜š“·š“Ŗš“¬š“¬š“®š“¼š“¼š“²š“«š“µš“®!', + 'Follow me on Google+!', + '404: caption not found', + 'Web Ļ€ compliant!', + 'cringe', + 'real life isopod', + 'holy fucking bingle', + 'crubge', + 'Tested in prod!', + 'pwetty epic B)', + 'Semi-modular!', + 'Did you know?', + 'shrimps is bugs', + 'Delicious!', + 'trnasgener', + 'Opinionated!', + 'Eurorack compatible!', + 'Hackable!', + 'HiDPI!', + '&mdash; addict', + '3D printed!', + 'Federated!', + 'Chitinous!', + 'is this a bedbuge?', + 'Now in HD!', + 'Water me!' + ); + $cap = $captions[array_rand($captions)]; + ?> + + + Pot + + + + + +
+

isopod.cool

+

+ + + < +
+ + + + + + diff --git a/stuff/webgarden/music.mp3 b/stuff/webgarden/music.mp3 new file mode 100644 index 0000000..12f0400 Binary files /dev/null and b/stuff/webgarden/music.mp3 differ diff --git a/stuff/webgarden/status.php b/stuff/webgarden/status.php new file mode 100644 index 0000000..4330d31 --- /dev/null +++ b/stuff/webgarden/status.php @@ -0,0 +1,49 @@ + + + + + Status + + + + +
+
$username $face $timeago
$content
"; + ?> + < +
+ + diff --git a/stuff/webgarden/style.css b/stuff/webgarden/style.css new file mode 100644 index 0000000..13c5320 --- /dev/null +++ b/stuff/webgarden/style.css @@ -0,0 +1,54 @@ +@font-face { + font-family: 'Silkscreen'; + src: url('../fonts/slkscr.ttf'); +} +@font-face { + font-family: b612_mono; + src: url(stuff/fonts/B612_Mono/B612Mono-Regular.ttf); +} +@font-face { + font-family: b612_mono; + src: url(stuff/fonts/B612_Mono/B612Mono-Bold.ttf); + font-weight: bold; +} +@font-face { + font-family: b612_mono; + src: url(stuff/fonts/B612_Mono/B612Mono-Italic.ttf); + font-style: italic; +} +@font-face { + font-family: b612_mono; + src: url(stuff/fonts/B612_Mono/B612Mono-BoldItalic.ttf); + font-weight: bold; + font-style: italic; +} +html, body { + margin: 0; + padding: 0; + overflow: hidden; +} +body { + font-family: b612_mono, mono, monospace; + color: white; + background: #101010; + text-shadow: 1px 1px 4px black; +} +#plant { + height: 250px; + width: 250px; +} +a#forward, a#back, h1, h2, #hoverme { + font-family: 'Silkscreen'; + color: white; + text-decoration: none; +} +#hoverme { + position: absolute; + top: 4px; + left: 235px; + animation-name: arrowwiggle; + animation-duration: 6s; + animation-iteration-count: infinite; + width: fit-content; + text-align: right; +} \ No newline at end of file diff --git a/stuff/webpkiller/webpkiller.cmd b/stuff/webpkiller/webpkiller.cmd new file mode 100644 index 0000000..382e048 --- /dev/null +++ b/stuff/webpkiller/webpkiller.cmd @@ -0,0 +1,31 @@ +@echo off + +::Set variable filepath to the first argument +SET filepath=%~f1 + +::Abort if the given file doesn't exist +IF NOT EXIST "%filepath%" ( + ECHO %~n0: file not found - %filepath% >&2 + EXIT /B 1 +) + +::Replace all instances of .webp with .png in the filename. kind of banking on the user not putting the extension anywhere else in the file or folder names for this to work properly... +::I should be finding the last period in the filename and replacing everything AFTER it with the extension I want, but can't figure out how to do that because Windows batch is a nightmare language +::You can replace this with "SET outfile=%filepath%.png" (no quotes) if that bothers you more than double file extensions +::You can replace these two file extensions with any two image types you want to do this with +SET outfile=%filepath:.webp=.png% + +::Abort if filename.png already exists +IF EXIST "%outfile%" ( + ECHO %~n0: %outfile% already exists. Aborting... + EXIT /B 2 +) + +::Use ImageMagick's command line tools to generate the converted file +magick "%filepath%" "%outfile%" + +::Delete the original file (optional, this can be removed if for some reason you want to keep the shitty gross webp) +del "%filepath%" + +::Open the new, fixed image like nothing ever happened +%outfile% diff --git a/stuff/webpkiller/webpkiller.py b/stuff/webpkiller/webpkiller.py new file mode 100644 index 0000000..0153ff7 --- /dev/null +++ b/stuff/webpkiller/webpkiller.py @@ -0,0 +1,27 @@ +import PIL as pillow +from PIL import Image +import subprocess, os, platform, sys + +infile = sys.argv[len(sys.argv)-1] +outfile = infile[:infile.rfind('.')] + ".png" + +if(os.path.exists(infile) == False): + print("File %s not found. Aborting..." %infile) + exit() + +if(os.path.exists(outfile)): + print("File %s already exists. Aborting..." %outfile) + exit() + +im = Image.open(infile) + +im.save(outfile) + +os.remove(infile) + +if(platform.system() == 'Darwin'): # macOS + subprocess.call(('open', outfile)) +elif(platform.system() == 'Windows'): # Windows + os.startfile(outfile) +else: # linux variants + subprocess.call(('xdg-open', outfile)) \ No newline at end of file diff --git a/stuff/webpkiller/webpkiller.sh b/stuff/webpkiller/webpkiller.sh new file mode 100644 index 0000000..017fba0 --- /dev/null +++ b/stuff/webpkiller/webpkiller.sh @@ -0,0 +1,20 @@ +#!/bin/bash +if [ ! -f "$1" ]; then + echo "File $1 does not exist. Aborting..." + exit +fi + +suffix=".webp" +filename=${1%"$suffix"} +outfile="$filename.png" + +if [ -f "$outfile" ]; then + echo "File $outfile already exists. Aborting..." + notify-send --app-name=webpkiller "File $outfile already exists. Aborting..." + exit +fi + +magick $1 $outfile +rm -rf $1 + +xdg-open $outfile diff --git a/stuff/webpkiller/webpkiller_win.zip b/stuff/webpkiller/webpkiller_win.zip new file mode 100644 index 0000000..5d54054 Binary files /dev/null and b/stuff/webpkiller/webpkiller_win.zip differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..4d36472 --- /dev/null +++ b/style.css @@ -0,0 +1,444 @@ +@font-face { + font-family: b612_mono; + src: url(stuff/fonts/B612_Mono/B612Mono-Regular.ttf); +} +@font-face { + font-family: b612_mono; + src: url(stuff/fonts/B612_Mono/B612Mono-Bold.ttf); + font-weight: bold; +} +@font-face { + font-family: b612_mono; + src: url(stuff/fonts/B612_Mono/B612Mono-Italic.ttf); + font-style: italic; +} +@font-face { + font-family: b612_mono; + src: url(stuff/fonts/B612_Mono/B612Mono-BoldItalic.ttf); + font-weight: bold; + font-style: italic; +} + + +:root { + --stdfont: b612_mono, mono, monospace; + --bgcolor: #222222; + --fontcolor: #dcdcdc; + --linkcolor: #df1955; + --linkhover: #00ffd5; + --blockbg: #fff1; + --blockbghover: #fff2; + --stdshadow: #000; + /* ALL colors should be defined here. + If there's a color value somewhere else, move it here so it can be responsive */ + + --stdaccentborder: 3px solid var(--fontcolor); + --bodywidth: min(90vw, 80ch); + --stddropshadow: 4px 4px 8px black; + --stdpadding: 1rem; + --navbarheight: calc(var(--stdpadding) * 2.5); + --h1-image: url('images/isopod.php'); + --shadowsize: 3rem; +} +html, body { + height: 100%; +} + +body { + color: var(--fontcolor); + font-family: var(--stdfont); + text-shadow: 1px 1px 3px var(--stdshadow); + + max-width: var(--bodywidth); + margin: auto; + background-color: var(--bgcolor); + box-sizing: border-box; +} + +/* Headings */ +body > h1:first-of-type, body > main:first-of-type > div > h1:first-of-type { + margin-top: calc(var(--navbarheight) + var(--stdpadding)); + font-size: 3em; + background-image: var(--h1-image); + background-size: contain; + background-position: right; + background-repeat: no-repeat; + padding-bottom: calc(var(--stdpadding) * 2); + margin-bottom: calc(var(--stdpadding) * -2); +} +h1 + h2#caption { + font-weight: normal; + padding-top: 0; + margin-top: -1.4em; +} +h1, h2, h3, h4, h5, h6 { + border-left: var(--stdaccentborder); + padding-left: var(--stdpadding); +} + +/* Links */ +a { + color: var(--linkcolor); +} +a:hover { + color: var(--linkhover); +} + +/* Nav */ +nav { + display: flex; + flex-wrap: wrap; + max-width: 100%; + align-items: center; + justify-content: center; +} +nav#main-nav { + position: absolute; + top: 0; + left: 0; + right: 0; + height: var(--navbarheight); +} +nav a, nav span, body > a{ + padding: calc(var(--stdpadding) / 2) calc(var(--stdpadding) / 4 * 3); + margin: calc(var(--stdpadding) / 2) calc(var(--stdpadding) / 4); +} +nav a, body > a { + border-left: var(--stdaccentborder); + border-color: #0000; + background: linear-gradient(var(--blockbghover) 0 0) 0 / var(--bgpos, 0) no-repeat; + transition: background .3s, border .3s; +} +nav a:hover, body > a:hover { + --bgpos: 100%; + border-left: var(--stdaccentborder); +} +body > a { + display: block; + margin-left: 0; + padding-left: 1rem; + font-weight: bold; + font-size: 1.25em; + border-left: var(--stdaccentborder); +} + +/* Background image type beat */ +#leftsidebg, #rightsidebg { + --bgimg: url(images/bg.jxl), url(images/bg.jpg); + background-image: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06)), var(--bgimg), url(images/bg.jxl), url(images/bg.jpg); + background-size: 100% 2px, 3px 100%, cover, cover, cover, cover; + background-repeat: repeat; + background-position: center; + position: fixed; + z-index: -10; + bottom: 0; + top: 0; + --distancefromcenter: calc((var(--bodywidth) / -2) - (var(--stdpadding) * 3)); +} +#leftsidebg { + right: calc(50% - var(--distancefromcenter)); + left: 0; + box-shadow: calc(0rem - var(--shadowsize)) 0 var(--shadowsize) calc(0rem - var(--shadowsize)) black inset; +} +#rightsidebg { + right: 0; + left: calc(50% - var(--distancefromcenter)); + box-shadow: var(--shadowsize) 0 var(--shadowsize) calc(0rem - var(--shadowsize)) black inset; +} + +/* 88x31 button container */ +.buttons { + text-align: center; + font-size: 0; +} +.buttons > * { + display: inline-block; + margin: 0.1rem; + font-size: 0; +} +.buttons > a > img { + transition-duration: .5s; + box-shadow: none; + display: inline-block; + transform: translate(0, 0); +} +.buttons > a > img:hover { + box-shadow: 2px 2px 4px black; + z-index: 5; + transform: translate(-2px, -2px); +} + +/* Code snippets */ +code { + padding: 0.15rem; +} +pre > code { + display: block; + margin-bottom: 1rem; + overflow-x: auto; +} +code, .codetitle { + background-color: black; + font-size: .8rem; +} +pre > code, .codetitle { + width: 75%; + margin: auto; + border: 1px solid #00ffd5; + padding: 0.7rem; +} +.codetitle { + margin-bottom: 0; + border-bottom: none; + text-align: center; +} +.codetitle + pre { + margin-top: 0; +} + +/* Tables */ +table { + border-collapse: collapse; +} +td { + padding: calc(var(--stdpadding) / 2); +} +tr > td:first-child { + padding-left: 0; +} +tr.indent-1 td { + padding-left: calc(var(--stdpadding)); +} +tr.indent-1 td:first-child { + border-left: var(--stdaccentborder); +} + +/* Quotations */ +figure.quote { + padding: calc(var(--stdpadding) * 1.5); + margin: 0; + margin-bottom: initial; + border-left: var(--stdaccentborder); + background-color: var(--blockbg); + margin-bottom: var(--stdpadding); +} +figure.quote blockquote { + margin: 0; +} +figure.quote figcaption { + margin-left: calc(var(--stdpadding) * 3); + margin-top: var(--stdpadding); +} + +/* Media, plus captions thereof */ +img, picture, video { + max-width: 100%; + max-height: 50rem; + min-width: 0; +} +:is(body, p, picture) > img, picture, video, figure.media { + margin: auto; + display: block; +} + +.gallery { + display: flex; + max-width: 100%; +} +figure.media { + width: fit-content; + max-width: 100%; +} +figure.media > div { + display: inline-block; +} +figure.media > div > figcaption { + width: min-content; + min-width: 100%; + font-size: 0.9em; + padding: calc(var(--stdpadding) * 0.9); + margin: 0; + margin-bottom: initial; + margin-top: -4px; + border-left: var(--stdaccentborder); + background-color: var(--blockbg); + box-sizing: border-box; +} + +/* Misc */ +summary:hover { + cursor: pointer; +} +[title] { + text-decoration: underline; +} +[title]:hover { + cursor: help; +} +hr { + width: 30%; +} + +/* Funsies */ +.serif { + font-family: serif; +} +.flipped { + display: inline-block; + transform: rotate(180deg); +} +.rainbowtext { + animation-name: rainbow-text; + animation-duration: 20s; + animation-iteration-count: infinite; +} +.blinking { + animation-name: opacityblink; + animation-duration: 2s; + animation-iteration-count: infinite; +} +.minecraftsplash { + animation-name: growshrink; + animation-duration: 1.5s; + animation-iteration-count: infinite; + color: yellow; + float: right; +} +.house { + color: cornflowerblue; +} +@keyframes growshrink { + 0%, 100% { transform: scale(0.9) rotate(-10deg); } + 50% { transform: scale(1.1) rotate(-10deg); } +} +@keyframes opacityblink { + 0%, 50% {opacity: 0;} + 50.001%, 100% {opacity: 1;} +} +@keyframes rainbow-text { + 100%,0%{color: rgb(255,0,0); text-shadow: 0 0 4px rgb(216, 1, 1);} + 8%{color: rgb(255,127,0); text-shadow: 0 0 4px rgb(211, 105, 0);} + 16%{color: rgb(255,255,0); text-shadow: 0 0 4px rgb(214, 214, 0);} + 25%{color: rgb(127,255,0); text-shadow: 0 0 4px rgb(105, 211, 0);} + 33%{color: rgb(0,255,0); text-shadow: 0 0 4px rgb(0, 204, 0);} + 41%{color: rgb(0,255,127); text-shadow: 0 0 4px rgb(0, 209, 105);} + 50%{color: rgb(0,255,255); text-shadow: 0 0 4px rgb(0, 202, 202);} + 58%{color: rgb(0,127,255); text-shadow: 0 0 4px rgb(0, 103, 206);} + 66%{color: rgb(0,0,255); text-shadow: 0 0 4px rgb(0, 0, 206);} + 75%{color: rgb(127,0,255); text-shadow: 0 0 4px rgb(103, 0, 206);} + 83%{color: rgb(255,0,255); text-shadow: 0 0 4px rgb(211, 0, 211);} + 91%{color: rgb(255,0,127); text-shadow: 0 0 4px rgb(211, 0, 105);} +} + +/* If user is on mobile */ +@media only screen and (hover: none) { + + nav#main-nav { + position: initial; + top: initial; + left: initial; + right: initial; + height: initial; + margin-top: calc(var(--stdpadding) / 2); + } + body > h1:first-of-type { + margin-top: var(--stdpadding); + } + nav a, nav span { + flex-grow: 1; + } + nav a, body > a { + border-left: 3px solid var(--fontcolor); + background-color: var(--blockbg); + } + nav a, body > a, nav span { + padding: calc(var(--stdpadding) / 2) calc(var(--stdpadding) / 4 * 3); + margin: 0 0 calc(var(--stdpadding) / 2) 0; + } + body > a { + margin-left: 0; + } + pre > code, .codetitle { + border-width: .1rem; + width: initial; + } + @media (max-width: 43rem) { + .buttons > * { + width: 24%; + } + .buttons > a > img { + width: 100%; + } + } + #leftsidebg, #rightsidebg { + top: 0; left: 0; right: 0; bottom: 0; + box-shadow: 100vw 0 0 #000000bb inset; + } + tr:hover { + background-color: initial; + } + td { + display: block; + } + @media (prefers-contrast: more) { + #leftsidebg, #rightsidebg { + display: none; + } + } +} + +@media screen and (orientation:portrait) { + .gallery { + flex-direction: column; + } +} + +/* TODO: Light theme +@media (prefers-color-scheme: light) { + :root { + --bgcolor: #dffffa; + --fontcolor: #222222; + --blockbg: #0001; + --blockbghover: #00000022; + --stdshadow: #19191977; + } +} +*/ + +@media (prefers-contrast: more) { + body { + color: white; + background-color:#111111; + } + #leftsidebg, #rightsidebg { + display: none; + /*box-shadow: 100vw 0 0 #000000ee inset;*/ + } + a { + color: #00ffd5; + } +} + +/* TODO: Low contrast theme */ +/*@media (prefers-contrast: less) { + +}*/ + +@media (prefers-reduced-motion) { + * { + transition-duration: 0s !important; + } +} + +@media print { + body { + text-shadow: none; + color: black; + } + h1 { + margin-top: initial; + } + nav, form { + display: none; + } +} \ No newline at end of file diff --git a/uses/bg.jpg b/uses/bg.jpg new file mode 100644 index 0000000..6207c5a Binary files /dev/null and b/uses/bg.jpg differ diff --git a/uses/bg.jxl b/uses/bg.jxl new file mode 100644 index 0000000..c6da977 Binary files /dev/null and b/uses/bg.jxl differ diff --git a/uses/compier/bg.jpg b/uses/compier/bg.jpg new file mode 100644 index 0000000..f9bf6a3 Binary files /dev/null and b/uses/compier/bg.jpg differ diff --git a/uses/compier/images/cans.jpg b/uses/compier/images/cans.jpg new file mode 100644 index 0000000..9cd76c0 Binary files /dev/null and b/uses/compier/images/cans.jpg differ diff --git a/uses/compier/images/cans.jxl b/uses/compier/images/cans.jxl new file mode 100644 index 0000000..ac9e92b Binary files /dev/null and b/uses/compier/images/cans.jxl differ diff --git a/uses/compier/images/pc1.jpg b/uses/compier/images/pc1.jpg new file mode 100644 index 0000000..9e942c6 Binary files /dev/null and b/uses/compier/images/pc1.jpg differ diff --git a/uses/compier/images/pc1.jxl b/uses/compier/images/pc1.jxl new file mode 100644 index 0000000..cdd6ca7 Binary files /dev/null and b/uses/compier/images/pc1.jxl differ diff --git a/uses/compier/images/pc2.jpg b/uses/compier/images/pc2.jpg new file mode 100644 index 0000000..018cee1 Binary files /dev/null and b/uses/compier/images/pc2.jpg differ diff --git a/uses/compier/images/pc2.jxl b/uses/compier/images/pc2.jxl new file mode 100644 index 0000000..10a84be Binary files /dev/null and b/uses/compier/images/pc2.jxl differ diff --git a/uses/compier/index.php b/uses/compier/index.php new file mode 100644 index 0000000..65aa3ee --- /dev/null +++ b/uses/compier/index.php @@ -0,0 +1,105 @@ + + + + + + My Computer + + + + + +

the compier

+

my main computer

+

My main PC is an ever-shifting, questionably arranged agglomeration of components selected as if at random, initially designed and assembled by yours truly circa March of '22. Apparently, I have a lot to say about it.

+
+
+
+ + + Front view of my computer tower. It's black, with solid metal side panels and a mostly grey front panel. It has four 5.25" expansion bays and two 3.25" external expansion bays. The top 5.25" bay contains an optical drive and the rest are filled with a 3D-printed vent for an extra fan. One of the 3.25" bays is occupied by an aftermarket front I/O panel with two USB 3 ports and headphone and mic jacks. Below that is the power and reset buttons and power and hard drive LEDs, and then the stock intake vent. The very bottom piece of said vent has a USB logo printed on it. There's also a Pentium 4 sticker. + +
"Intel Inside" technically isn't a lie — the motherboard has an Intel wi-fi controller.
+
+
+
+
+ + + The inside of my computer. All of the components are promintently visible. Two intake fans are mounted on the bottom, directly below the GPU. My cable management is serviceable, with a lot of extra length crammed in the dead space between the top-mounted PSU and the optical drive. Also visible from this angle are the abnormally large feet. + +
Yes, I had to cut holes in the bottom for those fans. I also had to get a right angle adapter for the USB 3.0 header since these fans actually block the big dumb cable that hooks up there. Totally worth it — this is actually a better airflow situation for the GPU than the old case.
+
+
+
+

Internals

+

CPU — AMD Ryzen 7 5700G

+

The Ryzen 7 5700G is basically the 5800 except cheaper and you trade PCIe gen 4 support for an integrated GPU. This was important to me in case my dedicated GPU died or otherwise became unavailable. This has come in useful occasionally.

+

CPU Cooler — Noctua NH-U12A

+

Admittedly, a bit overkill for the 65-watt chip it's attached to. I bought it because I was getting thermal throttling with the stock cooler, but when I took it off to put the new cooler on I discovered I hadn't mounted the stock cooler properly to begin with. The stock cooler, mounted correctly, would probably have sufficed, but frankly that mounting system was dogshit anyway. SecuFirm™ gang 4 lyfe.

+

Now that I have it, this cooler is great. Nothing specific to say, it just works and works very well. I wouldn't be surprised if this was the first and last CPU cooler I ever buy. My one complaint is that the fan clips are kind of annoying to deal with.

+

Motherboard — Gigabyte B550 AORUS PRO AC

+

Nothing much to say here that you couldn't get from the product page on Newegg. Plenty of external I/O, though internal I/O has proven limited, and has yet to cause any problems with operation. I chose it partly for the included wireless functionality, which now mostly gets used for my bluetooth Xbox controller ever since I upgraded to a wired connection.

+

I recommend this motherboard if for some reason you're building an AM4 gaming system in $CURRENT_YEAR, but be warned that the screws holding the M.2 heatsinks down are made of cheese and will snap off if over-torqued. Don't ask me how I know. Also, the included Wi-Fi antenna is fugly and has an absolutely pathetic mounting magnet.

+

RAM — G.Skill Ripjaws V 2x16GB DDR4-3600 CL18

+

Good RAM. No complaints. I thought for a while that the XMP profiles weren't compatible with my CPU or something, but an update to my motherboard's BIOS solved that.

+

Boot SSD — Samsung 980 500GB (NVMe)

+

Used solely to store my OS and programs. Far bigger than necessary for that purpose, but no issues so far. Plenty fast and all that. I initially assumed it had DRAM, then I learned it didn't, then I learned that it's one of those drives that leeches off of your system memory instead of having an onboard cache, so make of that what you will.

+

Secondary SSD — WD Blue 2TB (NVMe)

+

This drive is mounted as /home, for convenient OS reinstalls and such-like. Also nice and zippy, but I suspect I'm not actually doing anything that would hit this thing hard enough to noticeably differentiate its performance from that of any other NVMe SSD. This one also uses your system memory as a cache, but that's fine. I've got plenty to go around.

+

The drive that used to fill this role was a WD Blue 1TB SATA SSD that started off serving the same purpose as an aftermarket upgrade to my old laptop, but got transplanted wholesale when I upgraded to the new system. That drive still functions, but since it holds all my most sensitive and irreplacable files, I elected to replace it for Peace Of Mind™ after my PSU exploded, and opted for a cheeky capacity upgrade while I was at it. Plus, this one was on sale for like, $90 off!

+

HDD — WD Black 4TB (7200RPM)

+

This drive is here as an overcorrection following years of gaming on laptops with tiny little SSDs in them. I mostly fill it with Legally Obtained Content™ and the dregs of my Steam library that I don't play very often. Absolutely no complaints thus far.

+

Case — Dynex DX-350CC

+

I seem to have accidentally gotten into building sleeper PCs. I promise I didn't mean to — I was drawn to this case for its superior expandability, greater ease of working-on, and massively increased piezo-buzzer-havingitude compared to the Corsair 110R this machine used to reside in. It just so happens to also be from 2004, back when "Pentium" was the name for Intel's flagship line of CPUs instead of their worst ones and I was learning to walk.

+

For all those reasons plus its absolutely charming aesthetic character, I really like this case. Unlike the last guy, I can actually get at the modular PSU without yanking it out and scratching all the paint off. It even constitutes an upgrade in terms of front I/O and airflow, after some aftermarket mods.

+

See, this case came with mounts for two 92mm fans, which is better than some of its contemporaries, but not nearly enough for several hundred watts of glistening, sinewy computing muscle. In order to bring it up to modern snuff, I cut a couple slightly sketchy speed holes in the bottom and 3D-printed a bracket and vent for the front drive bays, and mounted the 120mm fans out of my old case in those places. I also fitted some slightly goofy-looking aftermarket rubber feet to give the case more ground clearance to get better airflow from the bottom. Since I now have two entire fans blowing directly onto the GPU, I'd guess that it's actually getting better airflow than in the old case.

+

Power Supply — EVGA SuperNOVA G6 1000W

+

This power supply is a tad bit overkill for the system it's in — in spite of my new video card, I'm still running a 65-watt CPU. I've got so much headroom I could probably fit a second of the same GPU in here. I could probably get away with a 750-watt unit, but I've got good — or at least understandable — reasons for going this crazy.

+

I originally specced out this system with a much more sensible Seasonic Focus GX-650 rated for 650 watts, but despite being, by all accounts, the correct power supply for my use case at the time, it still died suddenly with a loud POP two and a half years into Seasonic's 10-year Worry-Free Warranty™. The RMA process was good, at least.

+

I wanted to get something less likely to suffer the same fate this time around, but having just lost a well-reviewed unit from a reputable brand with a good efficiency rating and a generous yet sensible rated wattage to nothing but bad luck, the only thing I could really do to maybe accomplish this other than just getting luckier was to buy something so overbuilt that it no longer regards my machine running at full bore as a significant load, hence this absolute goliath of a PSU. The original plan was to get a slightly more reasonable 850 watt unit instead, but this one was on a really good sale. I basically paid 850-watt money for it.

+

As of writing a few months after installing it in my system, my plan has yet to backfire. Time will tell if I made the right call.

+

Optical Drive — LG WH16NS40 Blu-Ray Burner

+

It's really important to me that my computer have a disc drive, and this was the cheapest unit available that supported all the major formats. Like most of the parts in my computer, it functions reliably as advertised without significant issue and I don't have much to say on the matter. This thing isn't just for the Aesthetic™ — I have a decently large collection of CDs that I've ripped using my computer.

+

I used to have a WH14NS40, which is basically the same save for slightly worse performance in certain specific contexts and a weird firmware issue to do with ripping 4K blu-rays. I had no problems with it, but I had to cannibalize it from my main rig for a different build and ended up replacing it with this, the closest thing available to the exact same unit.

+

Case Fans — Arctic P12 (x3) + Noctua NF-A9 (x2)

+

All perfectly fine fans. The 120mm Arctic P12s are good value at a good noise level, but in my experience the same cannot be said for their smaller fans, hence the premium Noctuas for the 92mm fan mounts.

+

I've also got random generic dust filters on all the intakes in a desperate attempt to sort of control the dust buildup inside my machine. It kind of works.

+

GPU — AMD Radeon RX 6800 XT

+

Fine, enough edging. Here's the part you're probably actually interested in, you filthy gamer.

+

I got this card used in late 2024 for circa half of its launch MSRP — I would not have been able to justify something this high-end brand new, especially at scalper prices when I was initially building this machine. I used to run an RX 6600 XT, but I had a project going which urgently required a quality video card and I'd been looking for an excuse to upgrade the one in my machine for a while, so out it came and a-scouring the eBay listings I went.

+

Gaming wise, the 6600 XT was about all I really needed. Frankly, I could probably get by on the integrated graphics in my CPU, but I quite like having two display outputs to complement my second monitor. This new GPU is ludicrous overkill for me in this department; it's marketed towards playing the latest triple-A titles at maxed-out settings in 4K, which means it completely pulverizes every PSX-graphics indie title I can throw at it with the overwhelming force and ruthless efficiency of the Chicxulub impactor.

+

The real reason I wanted this orbital nuke of a graphics processor was for Blender. If Blender Open Data is to be believed, this thing represents a more than doubling of the performance available to me in the Cycles rendering engine, which translates to a substantial improvement in render times. Of course, a mid-range Nvidia product would be better here than anything AMD is capable of, but as a known Linux user that was a no-go for me; I've heard nothing but horror stories about Nvidia GPUs and desktop Linux, and my personal experience frankly corroborates them. The venerable Mr. Torvalds said it best: fuck 'em.

+

There were a handful of GPUs in this performance class and approximate price bracket that I was considering — in fact, my original upgrade plan was a 7700 XT. I went with the 6800 XT because I deduced through the awesome power of spreadsheets that, with the current state of the used market, it had all the others beat in price-to-performance ratio, and it wasn't even close. I specifically went for the AMD reference model, since it was the only version with a short enough heatsink that I was confident it would fit in my case without any modifications.

+

I want it on record here that if I ever drop north of a grand on a 4090 or whatever the biggest baddest new this-or-a-used-car AAA-cruncher is and I haven't won the lottery, I am to be taken out back and shot like a lame horse. Frankly, I probably need some sense beaten into me if I'm buying lottery tickets to begin with.

+

Peripherals

+

Mouse — Logitech G602

+

This is my forever mouse. Excellent build quality, more than good enough performance for my casual gamer ass, and it takes AAs. I recently took it apart to replace the first component to start failing, the switch for the left mouse button. I intend to keep using this mouse until I can't get replacement parts for it, or I get carpal tunnel and have to upgrade to something with better ergonomics.

+

I generally prefer wired peripherals where possible, but the RF dongle this mouse uses has been rock-solid for me, as long as I don't keep it behind a bunch of EMI-blocking metal panels. My only real issue with this mouse is that the software for it doesn't work on Linux, but I only need that to configure the side buttons.

+

Keyboard — Keychron V3 and Q0

+

I would have just gotten a 100% keyboard, but they didn't have it in the chassis colour I wanted so I ended up with a TKL and separate numpad instead. I'm a huge fan of both, what with the open-source firmware and hot-swappable switches and all. I especially like the extra included keycaps for use with a Mac, not because I intend to use it with a mac, but because it lets me finally get rid of the fucking Windows logo on my keyboard.

+

Unless I lose them in a house fire or something, I think these units probably constitute my "endgame", as keyboard enthusiasts say. They have every feature I care about and every upgrade or change I can see myself caring to make is maximally easy. This is one of those things that I shelled out for with the intent of never, ever replacing it.

+

Gamepad — Xbox One wireless controller

+

I bought this several years ago when I was still running Windows because I wanted maximum compatibility for minimum effort. It still works now that I'm on Linux, using bluetooth and with xpadneo installed. It's decent, no complaints, I'm sure it could be better but I don't use it enough to justify caring.

+

Monitors — MSI MAG274QRFW 27" 1440p 180Hz (2x)

+

Another "endgame" purchase. Very good monitors, if I replace them it'll be because they broke. (Speak of the devil, one of them has been replaced under warranty since I originally wrote this section.) I truly don't care for OLEDs — they get burn-in, for god's sake, I thought we moved on from that in the early 2000's when LCDs became commonplace.

+

These are mounted on a cheap, AmazonBasics-tier VESA monitor stand that came with a huge metal foot that kind of defeated the purpose, but that I have since replaced with a much more compact combination of 3D-printed brackets and wood screws.

+

Headphones — Beyerdynamic DT 770 Pro (Modified)

+

After a lifetime of losing headphones to frayed cables and the inevitable failure of poor quality materials, my top priority when getting my next nice pair of cans was durability, and Beyerdynamic's products fit the bill nicely. As a bonus, they also have excellent sound quality and are supremely comfortable.

+

The only issue with these headphones is the non-removable cable, which is an automatic deal-breaker for me. I purchased mine through a modding company that replaced that cable with a 4-pin mini XLR jack, which has proven to be a bit of a double-edged sword as finding sanely priced replacement cables for it is nigh impossible.

+

I'm also rocking aftermarket cat ears. I just don't trust the quality on the cheap novelty headphones that come with them built in.

+ + + A pair of Beyerdynamic DT 770 Pro headphones with a removable mini XLR cable plugged in, a custom green headband wire, and aftermarket cat ears. + +

Drawing Tablet — HUION Kamvas Pro 12

+

Perfectly cromulent 12-inch display tablet. It doesn't completely work out of the box, but the proprietary driver program is at least available for Linux. I like that the stylus is completely passive and doesn't need to be charged, which is frankly an absurd thing for a stylus to require.

+

Webcam — Logitech C925e

+

It's a USB webcam. The picture is good enough — better than most laptops — but it does some annoying auto-adjustment stuff that makes chroma-key shenanigans difficult at times. Standout features are the privacy shutter, indicator light when the camera is in use, and screw mount. I'm sure the microphone is adequate in a pinch, but I have no reason to use it.

+

Microphone — Audio-Technica AT2020 USB+

+

Very good microphone. Probably as good as I'll ever need. Superb sound quality; my friends in voice chat complain whenever they hear me on anything else. I'd have gotten the XLR version but I did not yet own an audio interface and didn't want to shell out for one just for this.

+

In what is becoming a running theme, it sits on a perhaps unbefitting $20 no-name mic arm from Amazon, with matching cheap shock mount and pop filter. They work, though. The springs on the arm are loud and, as my friends are keen to point out every time, quite audible through the mic.

+

Audio Interface — Arturia Minifuse 2

+

Nothing to write home about for the most part. It's a good quality audio interface with the amount of I/O I presently need, which is to say two mono inputs, and it mostly works fine on Linux. Bizarrely, though, between this and my Benhringer Model D, the only device with a MIDI interface that's recognized by my computer is the analog synthesizer.

+ + diff --git a/uses/cumulonimbus/bg.jpg b/uses/cumulonimbus/bg.jpg new file mode 100644 index 0000000..27a1ed4 Binary files /dev/null and b/uses/cumulonimbus/bg.jpg differ diff --git a/uses/cumulonimbus/bg.jxl b/uses/cumulonimbus/bg.jxl new file mode 100644 index 0000000..1882e7d Binary files /dev/null and b/uses/cumulonimbus/bg.jxl differ diff --git a/uses/cumulonimbus/index.php b/uses/cumulonimbus/index.php new file mode 100644 index 0000000..b0d8b5a --- /dev/null +++ b/uses/cumulonimbus/index.php @@ -0,0 +1,52 @@ + + + + + + cumulonimbus + + + + + + +

cumulonimbus

+

get it? 'cause it's in da cloud

+

cumulonimbus is an OVH KS-1 dedicated server and the larger, more intimidating successor to cumulus, the DigitalOcean VPS that I used to use. Its specs are as follows:

+
    +
  • CPU: 4c/8t Intel Xeon-D 1520
    • +
  • RAM: 32GB DDR4-2133 ECC
    • +
  • SSD: 480GB Mirrored RAID
    • +
  • OS: Ubuntu Server 24.04 LTS
    • +
  • Bandwidth: 300Mbps symmetrical
    • +
+

As appears to be a pattern for me, it's massive overkill for what I need it for, but as I expand on here, it's actually close to half the price of the much wimpier old VPS. Pretty crazy.

+

Software

+

OS - Ubuntu Server 24.04

+

Canonical isn't my favourite company, but Ubuntu server is fine enough and it's what I'm used to for servers. I have never once had any major problems with this.

+

Web Server/Reverse Proxy - Caddy

+

This is the software that makes all my websites (of which there are now several) and other services available to the internet. I used to use Nginx for this, and both programs do this job quite well, but I like Caddy because it's much simpler to configure and handles HTTPS automatically for you.

+

Radicale

+

A fairly basic and extremely reliable solution for hosting synced calendars and contacts lists. It even tolerates my abuse of symlinks to create a shared calendar for my family, a feature it does not support by default.

+

This isn't really a reflection on Radicale, but I really appreciate that somehow, Apple has decided to build CalDAV support directly into iOS. Even Android needs a third-party app for that.

+

Sharkey

+

When it became clear that Firefish was a dead project, my choices for migrating my fedi instance were a burgeoning hate-fork of Firefish and a fork of upstream Misskey that required directly tinkering with the instance database in order to migrate. Apparently I preferred the latter.

+

It's a pretty damn good user experience by my estimation, and it has a lot of nice features I use and a hell of a lot of nice features that I don't. It's kind of a miracle it works as well as it does with all this stuff in it. The frontend is pretty heavy, but that's obviously not an issue for me.

+

If you're going to install any Misskey derivative, I'd strongly recommend just using the Docker image. Installing it natively requires you to essentially download the source code and compile it yourself, and if you're not used to the Node.js ecosystem it's really more trouble than it's worth.

+

Forgejo

+

My needs aren't really comprehensive enough to speak on the quality of Forgejo as a git forge beyond that it seems pretty good and does everything I need. I do like how easy it is to update.

+

FreshRSS

+

I ended up with this because I elected to ditch Nextcloud in the process of migrating hosting providers, and this was the first RSS reader that I managed to get working on the new server. I swear, it's like the RSS 2.0 spec states that your self-hosted RSS reader has to have installation instructions that don't work.

+

I've yet to find an RSS reader with a user experience I like, but this one is tolerable enough that I don't think "I should really find a replacement for this" every time I use it like I did when I was using Whatever Nextcloud Has™, plus it supports a couple common APIs so I can replace the frontend if I decide I hate it.

+

Speaking of which, I'm currently using a mobile app called Capy Reader to access this on my phone since the mobile web UI kind of sucks.

+

rss-bridge

+

Extracts RSS feeds from a genuinely kind of shocking number of websites that don't otherwise have them. I make generous use of this. Feel free to use my instance if you want.

+

SearXNG

+

Aggregates search results from various other search engines. Does that job well and has like, a lot of options to customize where it pulls results from. I wish it had more powerful image result filtering tools, though.

+

VaultWarden

+

My password manager. Before this I used KeepassXC in conjunction with Syncthing to get it onto my phone, which was a pretty good solution, with the one downside that I could only add passwords from my PC because I didn't completely trust Syncthing not to disappear one of my passwords in a syncing conflict. My primary motivation for switching to this was that it eliminates that concern. It's also just good in general.

+

This makes two services I'm self-hosting even though my paid Protonmail account also has them.

+

Nepenthes

+

A tarpit for AI scrapers. Self-explanatory at this point.

+ + diff --git a/uses/images/switchback.jpg b/uses/images/switchback.jpg new file mode 100644 index 0000000..ad388d8 Binary files /dev/null and b/uses/images/switchback.jpg differ diff --git a/uses/images/switchfront.jpg b/uses/images/switchfront.jpg new file mode 100644 index 0000000..29cd7c4 Binary files /dev/null and b/uses/images/switchfront.jpg differ diff --git a/uses/index.php b/uses/index.php new file mode 100644 index 0000000..72423a3 --- /dev/null +++ b/uses/index.php @@ -0,0 +1,94 @@ + + + + + + + My setup + + + + + + +

my setup

+

If yours is different you're objectively stupid

+

Computers

+ compier +

My main PC, a mid-tower desktop "designed" and built by me, boasting a Ryzen 5700G, 32 gigs of DDR4, something like 6 terabytes of storage, a comically overbuilt PSU, and a graphics card. It runs arch, btw.

+ Servy 586 +

A home-built TrueNAS box assembled from used gaming parts that could pass for a high-end, if a little dated, gaming rig if not for the preponderance of hard drives I put in it in place of a competent GPU. Much more stable than the old one.

+

Read about its conception and construction here.

+

Libre Computing Le Potato

+

A Raspberry Pi clone that I use to run Pi-hole, and that's it. I wanted a machine that was isolated from my incessant tinkering with the big boy server.

+ cumulonimbus +

The cloud server that runs this website and almost everything else I self-host that's accessible from the public internet, because paying two Imperial Netflix Subscriptions is better than dealing with the endless maze of headaches that is pointing your DNS records to a machine on a residential connection at a shared dwelling.

+

I wrote a blog post about it!

+

Google Pixel 8a

+

This counts as a personal computer.

+

Chosen solely because it was the most recent Pixel at a sane price, I was pushed to upgrade to this from my old 4a by the impending end of software support for 5th generation and older Pixels. Turns out, buying a used Android is a good way to not get security updates for most of the device's useful life, and if I'm gonna bother with GrapheneOS it would behoove me to make sure I'm up to date on those.

+

Seeing for myself the difference that four years of iteration has made to the a-series Pixels has only solidified my perception that smartphones are as good as they'll ever need to be and have been for quite some time. The faster processor, nicer screen, and better camera in this year's model don't make a difference for the things I do with my phone, and the lack of a headphone jack has already proven inconvenient.

+

That said, the loss of the headphone jack did not come without its benefits in exchange. The 8a is broadly a nicer and more premium-feeling device than the 4a, and I specifically appreciate the wireless charging and faster cellular data connection more than I was expecting to. Bizarrely, even my 4G LTE speeds in areas without 5G service seem to be drastically improved.

+

I also like some of the new features in newer versions of Android that never released for the 4a, chief among them the "Charging Optimization" switch that limits the battery to 80% charge to preserve its health long-term, which I'll be needing since I plan to keep this sucker for the entire seven years that it's slated to keep getting security updates. Extraordinarily rare Google W.

+

Consoles

+

New 2DS XL (Hacked)

+

Did you know it's surprisingly easy to hack your 3DS? Do it now!

+

I also used to have a Switch, but I've sold it on account of I never really use the thing anyway. I still wanna show off the dope clear shell mod I did to it though, so here's that:

+
+ dope awesome nintendo pictures + Front view of a Nintendo Switch with clear plastic shells on the joycons + Back view of a Nintendo Switch with clear plastic shells on the joycons and console +
+

Other Hardware

+

Prusa MINI+

+

I bought a Prusa because their printers have a reputation for quality, which this unit has certainly lived up to. It's been quite reliable, and when it fails, it's usually my fault in a really obvious way. It automates a lot of features that I suspect would have been pain points on a cheaper printer, up to and including uploading gcode to it directly over the network. This thing's easier to use than a regular 2D printer!

+

My one major issue is that the cantilevered gantry results in a slight inaccuracy in the Z axis, meaning the first layer is too high on one side of the bed and too low on the other. I suspect that this is why they didn't make it bigger, although it could also just be my fault for going and ordering the un-assembled kit version to save money on assembly.

+

I run mine with Prusa's satin textured bed plate for easier removal of PETG parts (I managed to damage the included smooth plate printing big stuff in PETG) and a 0.6mm Diamondback nozzle for printing with filaments with abrasive additives. It's expensive for a nozzle, but I think for the last nozzle I'll ever need to buy on an already 700 Canadian Victory Point printer it makes sense. I used to run an E3D Nozzle X, but I think I wrecked the coating trying to clean it with a brass wire brush.

+

CyberPower CP1500PFCLCD

+

A UPS that powers my computer, server, and related paraphernalia. I got it for all the normal reasons you get a UPS (power outage protection and such-like) and it has thus far performed as advertised. I wouldn't try to game off of the thing, but it's proven more than sufficient to keep my machines on long enough for a graceful shutdown in the event of a power outage. Highly recommend getting one.

+

Netgear GS308

+

It's a gigabit network switch. It has 8 ports. It performs as advertised. What else is there to say?

+

CMF Watch Pro 2

+

I used to be the kind of unconditional tech enthusiast who thought smartwatches as a premise were really cool, but that was when I was like 13, and the novelty of my Moto 360 and its adorable little WearOS videogames honestly wore off pretty quick. I'm not so Tiktok-brained that grabbing my phone out of my pocket to check the time or my notifications or whatever registers as an inconvenience, let alone to the extent that I would want to buy a smartwatch about it.

+

So why'd I buy this then? For me, it's about the biometric sensors. Primarily I just wanted some hard data to assuage some anxiety I was having about the state of my heart, and a device that costs as much as a dedicated heart monitor while doing all the other smartwatch stuff and not making me feel like a paranoid weirdo for owning it seemed like a pretty damn good deal to me.

+

The smartwatch itself is fine. The custom OS it runs is a little more basic than even circa-2016 WearOS in terms of software features, but I honestly don't care about any of that stuff anyway, and it's actually really nice for the hundred Canadian Zero-Calorie Sugar-Free Diet Dollars and free shipping that they're charging, although I wish the app reported more detailed biometric data, said the undisputed queen of run-on sentences.

+

The one problem I'm having so far is that after like a month the included pleather wristband is starting to discolor and flake off and generally do Pleather Things™, but frankly this is a very cheap smartwatch and I'd rather them cut costs on the one part I can easily replace than on, like, the battery or the CPU or some shit. Hopefully this isn't indicative of the long-term endurance of the actual device.

+

Software

+

Desktop Operating System - EndeavourOS (Linux)

+

My main computer runs EndeavourOS with the GNOME desktop environment. I chose it mostly to get the AUR, which has occasionally proved useful, but at this point I'm kind of stuck here because all the config files for my programs are in standard locations, god forbid, and everyone else is on flatpaks now, which fuck that all up for no good reason. I once failed to switch to Fedora because of this.

+

I have a long history with Linux, dating back to 2015 with the first computer I ever owned: a Chromebook that I put Linux on to play Minecraft, which ChromeOS couldn't do in any meaningful capacity at the time. It took me all of nine months to blow it up doing that because it was passively cooled with a plastic shell and not designed to ever go above ~30% usage on the dinky little Celeron that was its excuse for a CPU. After that I got a real PC running Windows, which solved the Minecraft problem so I mostly stuck to that for the next six years, although I did make intermittent attempts to switch to Linux again.

+

I pulled it off for real in 2021, when I took a combination of upsetting news about the upcoming Windows 11 and an SSD upgrade to my laptop as an opportunity to swap out my operating system as well. It went pretty well, all told; I wasn't using much Windows-exclusive software other than Paint.NET and some games, the latter of which now run great on Linux anyway thanks to Valve's efforts with Proton. Shame I can't play all my Epic Games Store freebies anymore, though.

+

My current desktop environment of choice, as previously mentioned, is GNOME. I used to run XFCE, and KDE before that, but I got sick of all my stuff occasionally breaking on me and wanted to see if GNOME would be sufficiently UX-designed that it would Just Work™ and Not Get In My Way™ and all that. So far so mostly good. I was worried about how well Wayland would work, but it's basically fine, with the exception of Discord not playing nice with regards to screensharing.

+

Mobile Operating System - Graphene OS (Android)

+

On top of the bordering on iPhone-grade support lifetime, this here is the other reason I'm so brand-loyal to Google's first-party hardware.

+

GrapheneOS is a fork of Android that's been security-hardened and de-googled, two of my favourite things for an operating system to be. It's dedicated to privacy and security above all else, almost to a fault. I'm told it's only available on the Pixel line because those phones have security hardware in them no other OEM on the planet can be bothered with.

+

GrapheneOS provides a few user-facing privacy features that I quite like, such as the ability to deny network and sensor access to apps in the permission settings, and a bunch of under-the-hood security improvements I'm woefully underqualified to explain short of just pasting stuff wholesale from their website.

+

Do I need this level of security? Probably not. Would I enjoy some of the features GrapheneOS strips out in the name of security? Possibly. But I like the peace of mind knowing that if cops ever get a hold of my phone they'll at least be kind of frustrated trying to access it.

+

Web Browser - Firefox

+

I quite like Firefox. It's extremely customizable (especially if you know where to look), the devtools are better, and there's a wealth of privacy tools available that just kind of don't exist in Chrome (including adblockers as of late). It can also edit PDFs now!

+

On top of being generally superior, I also use Firefox on principle. It's currently the only major browser outside of the Apple-exclusive Safari that isn't built atop Google's Chromium, and I don't like the idea of Google having total monopolistic control over all web browsers.

+

Firefox is one of the only pieces of software I'll actively advocate switching to, so go do it. Do it now. It, like essentially all other browsers, can import your data from its competition, and I'd also recommend using this profile generator to fortify it for maximum privacy while you're at it.

+

All that said, Mozilla is under questionable management at the moment and kind of in Google's pocket anyway, so maybe we shouldn't be relying completely on them to champion the free web. Maybe throw some money in the general direction of the Servo project.

+

I use the Fennec fork of Firefox on mobile, and Ungoogled Chromium for the occasional poorly-built website (usually streaming services, work stuff, or banks) that doesn't want to run in my weird paranoid Firefox config.

+

IDE - VSCodium

+

Microsoft's Visual Studio Code is, loathe though I may be to admit it, my favourite IDE I've ever used, which is why I use VSCodium, an open-source build of VSCode with all the telemetry and shit stripped out.

+

3D Graphics - Blender

+

Lucky that the only 3D graphics program available on Linux just so happens to also be the best one. I use this sucker for just about everything it can theoretically do, from CAD to video editing, and even some things that it's actually good at!

+

Photo Editor - GIMP

+

Honestly, what were you expecting? If you want to edit raster graphics on Linux, GIMP is more or less the be-all-end-all, unless you want to do everything in the terminal with ImageMagick. I'd prefer to use Paint.NET or even my Legally Obtained DRM-free copy of Photoshop CS6, but somehow photo editors are one of the only things that are consistently incompatible with WINE. I've been meaning to give Photopea a shot.

+

DAW - REAPER

+

My primary motivation for choosing REAPER is that it's available for Linux. My secondary motivation is that it has a lot less of the bizarre idiosyncracies and feature omissions that I found limiting when I was using LMMS. It's also cheaper for a perpetual license than even the shittiest most artificially-limited versions of most of the other major DAWs, although it's not like I can run any of them anyway.

+

Media Players - Rhythmbox, MPV, VLC

+

I use Rhythmbox for music, MPV for video, and VLC for anything that doesn't open one of the other two when I click on it. All three are very boringly good at what they do, and all three are varying levels of fugly.

+

Torrent Client - qBittorrent

+

This is the program I use to download my, uh, Linux ISOs. And local copies of Wikipedia. At least one of those is actually true. I've got it configured to only work through my VPN. I don't know if my ISP would actually get on my case if I torrented anything... unscrupulous without it, but I'd rather not risk it.

+

Syncthing

+

Syncthing is a peer-to-peer automatic file syncing program that I use to automatically sync files between my various devices, peer-to-peer style. It works really well and I really like it. Among other things, I use it to get photos from my phone onto my PC, my music library from my PC onto my phone, and for automatic backups of both to my server.

+

Notes - Obsidian

+

The best user experience I've seen in a notes program since the Notes app on my iPhone 4S. The thing that sold me on it is that it saves your notes as markdown files in a user-defined folder, so I can point Syncthing to it. This beats out my previous solution of Whatever Nextcloud Has™ by a country mile. Let me know if you know of an RSS reader that works like this.

+

Shell - zsh

+

I switched to zsh largely due to ambient peer pressure from the wider Linux community, and I doubt I'm taking full advantage of its many advanced features, whatever those are, but I do quite like how conducive it is to customization with such programs as Oh My Zsh and Powerlevel10k, and I miss its improved tab completion and command history functionality whenever I'm ssh'd into one of my servers.

+ + + + \ No newline at end of file diff --git a/uses/servy586/4k_in_more_ways_than_one.png b/uses/servy586/4k_in_more_ways_than_one.png new file mode 100644 index 0000000..3248da8 Binary files /dev/null and b/uses/servy586/4k_in_more_ways_than_one.png differ diff --git a/uses/servy586/bg.jpg b/uses/servy586/bg.jpg new file mode 100644 index 0000000..f909b63 Binary files /dev/null and b/uses/servy586/bg.jpg differ diff --git a/uses/servy586/index.php b/uses/servy586/index.php new file mode 100644 index 0000000..19fa1d5 --- /dev/null +++ b/uses/servy586/index.php @@ -0,0 +1,84 @@ + + + + + + My Home Server + + + + + +

servy 586

+

my home server

+

Assembled from mostly used parts that range from vaguely sensible to wildly overspecced for my use case, my home server seems to have ended up as my personal exercise in gratuitous computing overkill, for the sort of peasant that can't afford 4 grand for an RTX 4090.

+

It got that way because I was trying to build a machine of a similar level of performance to the old gaming laptop that used to be my home server, before I vivisected it and grafted on a NAS, only to find that it didn't seem to like my doing that very much. Believe it or not, the point of this monster was to get away from the unusably bad stability issues the old server was having, and it seems to have worked. You can read more about how I justified it all to myself here.

+

Hardware

+

CPU - AMD Ryzen 7 3700X

+

When I said "gratuitous computing overkill", this is primarily what I meant. For a home server, this high-end, albiet 5-year-old, gaming CPU is admittedly a little bit ridiculous. An Intel N100 Chromebook chip would be more than capable of most of the things this server is doing, but I had a good reason to go for something this fast: I knew I wanted to run Minecraft servers on this machine, possibly more than one, and with Minecraft, single-core performance is king. Even professional Minecraft hosting providers use chips like this, because enterprise-grade server hardware is worse than the consumer stuff for this task.

+

My line of reasoning for choosing this CPU was as follows: my currect machine has an i7-9750H in it, so I'll get the desktop version of that, the i7-9700K, for similar performance, except wait, the corresponding Ryzen chip from the same generation is a way better value on the used market, let's get that. And that's how I ended up accidentally doubling my multi-threaded performance despite specifically setting out not to get a major upgrade. Realistically, though, I wouldn't have saved a ton of money going for something more in line with my stated goal anyway.

+

CPU Cooler - Thermalright Peerless Assassin 120

+

In what is becoming something of a theme here, I'm well aware that this cooler is ludicrously overbuilt for the chip I'm asking it to cool, but that's the point. This thing provides more than ample headroom for me to set a nice, relaxed, quiet curve on the machine's case fans, which is important since it's currently sitting right next to my desk.

+

Motherboard - ASUS ROG CROSSHAIR VI HERO X370

+

Also a bit of a silly motherboard for a home server, what with all the built-in Gaming Lights™ and fancy overclocking features. I need it though, because this is the only thing with all the expandability I need. It has eight whole SATA ports, exactly enough for all my drives, which saves me having to burn a PCIe slot on a SATA controller. This particular board also has another helpful feature: if add-in cards are installed in both the first and second PCIe x16 slots, it shares the bandwidth evenly between them for two x8 connections instead of having one x16 and one x4. This gives me enough lanes for the specific 10 gig network card I'm using.

+

Buying used components is always a bit of a risky play, and I initially thought this board, or the CPU, was dead on arrival when it failed to POST with a cryptic CPU error. Fortunately, I was able to fix it with the BIOS flashback feature. I may or may not have updated the BIOS, but it gives you so little feedback I don't know. I just inserted the USB drive, hit the flashback button and waited until it stopped blinking. Either way, it works now.

+

RAM - Corsair Vengeance LPX 2x16GB DDR4-3200 CL16

+

It's RAM. What can I say? I picked this particular kit because it was the cheapest one available from a brand I actually trusted. I bought this stuff new, since used DDR4 prices at the time were exactly the same anyway.

+

GPU - Nvidia Quadro P400

+

A bit of an anemic video card for gaming, but I'm not gaming on this machine, at least not like that. This card was both dirt cheap used and has the two features I was actually looking for and nothing more: literally any video output at all for first-time setup, and good transcoding performance for Jellyfin.

+

Network Card - Dell Intel X540-T2 10GbE

+

These old server NICs allow for 10 gigabit ethernet connectivity at rock-bottom prices. I originally bought two so I could put one each in the server and my main PC and direct-attach them, but limitations of my B550 motherboard killed that plan. This one still went in the server so it will be ready when I eventually upgrade to something that can accept the other card.

+

The one downside of these cheap old network cards is that the fans on them are pretty much always dying and tend to be very loud. I solved this problem by splicing a replacement fan onto the connector from the original, and mounting it to the card's heatsink with a zip-tie that's screwed into one of the original fan mounting holes.

+
+ A 40mm wide, 10mm thick Noctua fan zip-tied to the heatsink on a PCIe Ethernet card. + The zip-tie is screwed into one of the original fan mounting holes on the heatsink. As in, the screw is going through the zip-tie. +
+

Lucky me the original fan is a standard 12 volt one and doesn't take, like, 19 volts or something stupid like that. I wouldn't put it past Dell.

+

Power Supply - Seasonic GX-650 650W

+

I originally bought a GX-650 for my main PC, then it blew up out of nowhere and I RMA'd it, but still bought a beefier replacement anyway out of both an abundance of caution and a desire for more GPU upgrade headroom. When this unit arrived, it ended up in my server. Again, it's overkill for what I need, but that's now my official strategy for PSUs.

+

Case - Enlight 7237 (?)

+

This Pentium 3-era case was among the first I found that could accommodate my needs for this machine, although I admit my search strategy was flawed. Still, I was enamoured with this case and, frankly, building in it was a pleasure compared to my experiences with modern cases. I can actually get to the modular PSU cables without removing anything! Imagine that! And in a case that predates the concept of modular power supplies by fully half a decade. In spite of its objectively dogshit airflow, this case makes me resent the modern Corsair box I originally built my main rig in.

+

Since this case appears to have been whitelabeled by a system integrator called Touch Computer before being emptied out and sold to me, there's no indication of what model it is, but it closely resembles the Enlight 7237, so I suspect it's either that or something closely related. Apparently these were very common back in the day, and I can see why.

+
+
+
+ A beige PC tower with four 5.25" bays and two external 3.5" bays, populated with an optical drive and a floppy drive respectively. The only visible branding is a Pentium III sticker and a badge that reads "TOUCH". + The inside of the same old PC case. Its layout is extremely pragmatic: motherboard in the very bottom corner, PSU in the top corner above it, and all the drive bay mounts are in a cage lining the front side. In other words, it looks like an old PC case. +
+
These photos are from the case's Ebay listing. It did, in fact, ship with all that stuff, including the IDE cable.
+
+
+

The "586" in this machine's name is derived from the Pentium sticker on the front of the case.

+

Drives

+

Boot Drive - Samsung 870 EVO 250GB (2x) (Mirrored)

+

I run two boot disks in a mirrored array for increased reliability. It's not strictly necessary, but it's one more thing I can rule out if the thing ever fails to boot.

+

I bought these drives for the original laptop server build, but they didn't make the cut after I hit some weird laptop-BIOS-ass limitations on my SATA connectivity.

+

Apps Storage - Crucial BX500 1TB + WD Blue 1TB (Mirrored)

+

I like my redundancy, especially since both of these drives are technically used. The BX500 was used for the same purpose in the old server, and the WD Blue was originally a storage upgrade for that laptop when it was still my daily driver, before being transplanted into my shiny new desktop rig, before then being replaced for peace of mind when my PSU a-sploded.

+

These are the drives I install programs to and such-like. There's no reason I couldn't use the giant HDD pool for this, but the performance hit just wouldn't be worth the savings, especially since I only had to buy one of these drives for home-server purposes anyway.

+

Game Server Storage - Samsung OEM 256GB NVMe

+

Not redundant, unfortunately, since I only had one of these laying around and there was only one remaining drive slot in the system when I decided to add it. This is the original boot drive from the old laptop, meaning it's over four years old, so it arguably needs redundancy the most, but frequent automated backups should mitigate that issue.

+

I install my game server(s) to this drive for maximum performance. By now the pattern must have emerged that I'm going all out on speed for anything that's going to affect that in particular. Only the best for the half a dozen or so friends who are gonna ever actually play on this thing. I think we've all dealt with enough poorly-performing shit-tier Minecraft servers in our time.

+

Bulk Storage - Seagate Exos 16TB 7200RPM (x4) (RAIDZ1)

+

A patently insane amount of storage. Even configured such that one of them is used up entirely on redundancy, that's still well north of 40TB of usable space. It's enough for my entire life, and that's the idea. These drives hold automated backups of all my other devices, my entire library of Legally Obtained media, and a good amount of other stuff, too. The NAS is to minimize the chances I ever lose any of it, and the massive HDD array is to minimize the chances I have to delete any myself.

+

I absolutely could not afford drives like this new — I got these drives Manufacturer Recertified™ from serverpartdeals.com. This makes them ever-so-slightly less trustworthy than new drives, but that's what the RAID is for, and the recertified ones are half the price of brand new. I chose the specific drives I did because they were the best available in terms of cost-per-terabyte at the time I bought them.

+

Software

+

OS - TrueNAS Scale

+

I could probably recreate my elaborate configuration on like, baseline debian or something, but I don't want to. Between four ZFS pools, virtual machines, a slightly convoluted system of SMB shares, and various other services, the slick web GUI TrueNAS provides makes everything far more convenient. Its configuration export feature was also very handy when migrating to the new machine.

+

It's got some idiosyncracies to it, but in general TrueNAS smooths out the experience of running this server enough that I'm doing a lot of things I probably couldn't be bothered to otherwise.

+

Jellyfin

+

Let's be real, this is what home servers are for. This is why you get one, to make watching your, uh, totally legally obtained movies on your phone more convenient. Jellyfin does a great job of this. It fetches metadata reliably and plays nice with my GPU for transcoding. I also use it to host my music library, now that the Finamp beta lets you transcode your downloads to OPUS.

+

Homepage

+

I mostly keep this around because there's no way to point your Firefox new tab page to a local file on your computer, but it's got some nice features. Namely, it can display stats from your various services.

+

Syncthing

+

I fucking love Syncthing. I've got all my favourite files from my PC and my phone backing up to my server, automatically and with zero effort. If I could only run one thing on my server, it'd be this.

+

Filebrowser

+

A Google Drive-style web file browser for my network shares. I can access them over SMB, of course, but this provides the same functionality with a lot less friction for devices and people that aren't super compatible with that level of nerd shit.

+

OS - Debian Linux

+

Wait, what? Didn't I just say I was running TrueNAS? I am, but I also have a virtual machine under TrueNAS for my game servers, and this is the OS I use for that. There's a learning curve here compared to Ubuntu Server, which I'm more used to, but at the end of the day Linux is Linux.

+

Crafty Controller

+

A convenient admin panel for my Minecraft servers. Getting my old server imported was an Experience, but after that it's been smooth. Highly recommend. I especially like the automated backup system.

+

WireGuard

+

I run a WireGuard client in the VM with a server on my VPS to make my game servers accessible from outside the house without giving out my IP address, worrying about dynamic DNS, or trying to port forward on the solid lump of concentrated ISP malice that passes for my router. I had to write a couple configuration files by hand, god forbid, but otherwise this was much easier.

+ + diff --git a/uses/servy586/nictua.jpg b/uses/servy586/nictua.jpg new file mode 100644 index 0000000..c692bf8 Binary files /dev/null and b/uses/servy586/nictua.jpg differ diff --git a/uses/servy586/servercase.jpg b/uses/servy586/servercase.jpg new file mode 100644 index 0000000..bbd1006 Binary files /dev/null and b/uses/servy586/servercase.jpg differ diff --git a/uses/servy586/servercaseinside.jpg b/uses/servy586/servercaseinside.jpg new file mode 100644 index 0000000..038f65d Binary files /dev/null and b/uses/servy586/servercaseinside.jpg differ diff --git a/uses/servy586/ziptiemount.jpg b/uses/servy586/ziptiemount.jpg new file mode 100644 index 0000000..ea00cb1 Binary files /dev/null and b/uses/servy586/ziptiemount.jpg differ diff --git a/wimpod.js b/wimpod.js new file mode 100644 index 0000000..a0af339 --- /dev/null +++ b/wimpod.js @@ -0,0 +1,198 @@ +// PokƩneko v0.3 by https://james.nekoweb.org/ +// https://jamesschoch.github.io/Pokeneko/ + +// PokƩneko is built using sprites from PDMCollab's Sprite Repository. +// https://sprites.pmdcollab.org + +// This snippet uses sprites from https://sprites.pmdcollab.org/#/0767 + +var pokemon = {"pokedex":"0767","shiny":false,"animData":{"Walk":{"$":{},"Name":"Walk","Index":"0","FrameWidth":"40","FrameHeight":"32","Durations":{"$":{},"Duration":["8","8","8","8"]},"animURL":"https://jamesschoch.github.io/Pokeneko/sprite/0767/Walk-Anim.png"},"Idle":{"$":{},"Name":"Idle","Index":"7","FrameWidth":"40","FrameHeight":"32","Durations":{"$":{},"Duration":["8","14","8","40"]},"animURL":"https://jamesschoch.github.io/Pokeneko/sprite/0767/Idle-Anim.png"}}}; +var trackerjson; + pokemon.state = "none"; + var walkAnimInterval, idleAnimInterval; + var dirlisting; + var distancePx = 0; + var CurrentMouseXPostion; + var CurrentMouseYPostion; + var scale = 2; + var rotation = 0; + var rotations = 8; + var state; + var laststate; + var frameCounter; + var animPlaying = false; + var mouseIdleTime = 0; + var anglevar; + + var sprite = document.createElement("div"); + sprite.id = "sprite"; + sprite.style.position = "fixed"; + sprite.style.zIndex = "1000000"; + sprite.style.width = "64px"; + sprite.style.height = "64px"; + sprite.style.pointerEvents = "none"; + sprite.style.top = "50%"; + sprite.style.left = "50%"; + + document.body.appendChild(sprite); + + function getOffset(element) { + if (!element.getClientRects().length) { + return { top: 0, left: 0 }; + } + + var rect = element.getBoundingClientRect(); + var win = element.ownerDocument.defaultView; + return ( + { + top: rect.top + win.pageYOffset, + left: rect.left + win.pageXOffset + }); + } + + function timerIncrement() { + mouseIdleTime = mouseIdleTime + 1; + } + + function updateDistanceRotation() { + var spriteX = getOffset(document.getElementById("sprite")).left + 32; + var spriteY = getOffset(document.getElementById("sprite")).top + 32; + distancePx = distance(spriteX, spriteY, CurrentMouseXPostion, CurrentMouseYPostion); + anglevar = angle360(spriteX, spriteY, CurrentMouseXPostion, CurrentMouseYPostion); + if (anglevar > 67.5 && anglevar < 112.5) { + rotation = 0; + } else if (anglevar > 22.5 && anglevar < 67.5) { + rotation = 1; + } else if (anglevar > 337.5 || anglevar < 22.5) { + rotation = 2; + } else if (anglevar > 292.5 && anglevar < 337.5) { + rotation = 3; + } else if (anglevar > 247.5 && anglevar < 292.5) { + rotation = 4; + } else if (anglevar > 202.5 && anglevar < 247.5) { + rotation = 5; + } else if (anglevar > 157.5 && anglevar < 202.5) { + rotation = 6; + } else if (anglevar > 112.5 && anglevar < 157.5) { + rotation = 7; + } + } + + function addEvent(elm, evType, fn, useCapture) { + if (elm.addEventListener) { + elm.addEventListener(evType, fn, useCapture); + return true; + } + else if (elm.attachEvent) { + var r = elm.attachEvent('on' + evType, fn); + return r; + } + else { + elm['on' + evType] = fn; + } + } + + document.onmousemove = function (event) { + CurrentMouseXPostion = event.pageX; + CurrentMouseYPostion = event.pageY; + updateDistanceRotation(); + mouseIdleTime = 0; + } + + function angle(cx, cy, ex, ey) { + var dy = ey - cy; + var dx = ex - cx; + var theta = Math.atan2(dy, dx); + theta *= 180 / Math.PI; + + return theta; + } + + function distance(cx, cy, ex, ey) { + var dx = cx - ex; + var dy = cy - ey; + return Math.sqrt(dx * dx + dy * dy); + } + + function angle360(cx, cy, ex, ey) { + var theta = angle(cx, cy, ex, ey); + if (theta < 0) theta = 360 + theta; + return theta; + } + + function setSprite(animName, frame) { + var animData = pokemon.animData[animName]; + var sprite = document.getElementById("sprite"); + if (animName !== "Sleep") { + var rotations = 8; + } else { + var rotations = 1; + } + sprite.style.backgroundImage = "url(" + animData.animURL + ")"; + sprite.style.backgroundSize = (animData.FrameWidth * scale * animData.Durations.Duration.length) + "px " + (animData.FrameHeight * scale * rotations) + "px"; + sprite.style.width = animData.FrameWidth * scale + "px"; + sprite.style.height = animData.FrameHeight * scale + "px"; + sprite.style.backgroundPosition = (0 - ((animData.FrameWidth * (frame % animData.Durations.Duration.length)) * scale)) + "px " + (0 - ((rotation * animData.FrameHeight) * scale)) + "px"; + sprite.style.imageRendering = "pixelated"; + + } + + var runningAnim; + var runningAnimName = ""; + + function runAnim(animName) { + if (pokemon.pokedex) { + if (runningAnimName === animName) { + return; + } else { + clearInterval(runningAnim); + var frames = []; + for (var i = 0; i < pokemon.animData[animName].Durations.Duration.length; i++) { + for (var j = 0; j < pokemon.animData[animName].Durations.Duration[i]; j++) { + frames.push(i); + } + } + + runningAnimName = animName; + var i = 0; + runningAnim = setInterval(function () { + setSprite(animName, frames[i]); + i++; + if (i == frames.length) { + setSprite(animName, frames[i]); + i = 0; + } + }, 33); + } + } + } + + var moveSprite = setInterval(function () { + + if (pokemon.pokedex) { + if (distancePx >= 55) { + state = "Walk"; + runAnim("Walk"); + + } else { + state = "Idle"; + runAnim("Idle"); + } + if (state == "Walk") { + + var sprite = document.getElementById("sprite"); + var spriteX = getOffset(document.getElementById("sprite")).left; + var spriteY = getOffset(document.getElementById("sprite")).top; + + var angle = angle360(spriteX, spriteY, CurrentMouseXPostion, CurrentMouseYPostion); + var dx = Math.cos(angle * Math.PI / 180) * 4; + var dy = Math.sin(angle * Math.PI / 180) * 4; + sprite.style.left = spriteX + dx + "px"; + sprite.style.top = spriteY + dy + "px"; + + } + updateDistanceRotation(); + + laststate = state; + } + }, 33); \ No newline at end of file -- cgit v1.2.3