1
0
Fork 0
isopod.cool/blog/index.php

162 lines
13 KiB
PHP
Raw Normal View History

2023-01-09 21:30:45 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
2023-01-09 21:30:45 +00:00
<title>Blog</title>
<link href="../style.css" rel="stylesheet" type="text/css" media="all">
make it work on phones tm - Rearranged navigation significantly - Navbar is now unlimited width on desktop - Navbar is now always on top of the screen, even on the landing page - Navbar has been replaced with hamburger menu on mobile - Significant styling alterations to look good on phones tm - Most of the credit goes to a certain meta tag. - (Appearance on desktop is mostly unchanged) - The background on mobile is now 100% image, but darkened to improve contrast - Table pages such as /links/ and /stats/ now rearrange on mobile: column a column a column b column b vs column a column b column a column a column b column b column a column b - font size on landing page scales with device width on tall displays - guestbook posts use CSS grid now - Working on a @media (prefers-contrast: more) theme as well. Can't figure out how to test it though - Updated /stats/ - Added some new stats - Updated CD collection size - Updated /about/uses/ - I now use Nextcloud News instead of Yarr - My phone runs Graphene - I use Fennec browser on mobile instead of standard Firefox - New background as the old one was horrible for contrast - Added Waxlimbs - For Science! to /about/music/ - The oldest three articles on /blog/ now show a warning on hover that they're from the legacy v2 site - Corrected various markup issues with the help of validator.w3.org/nu/ - Added alt text to a ton of images - todo list is no longer a separate html file. it was fucking with the scaling on mobile and I couldn't be bothered - /stuff/ remains unchanged. I'll get to it - Hopefully that's everything lol
2023-02-26 11:22:38 +00:00
<style>
2023-02-03 10:00:55 +00:00
ul#articles {
2023-01-09 21:30:45 +00:00
margin: 0;
margin-top: 1rem;
2023-01-09 21:30:45 +00:00
display: flex;
flex-direction: column;
padding-left: 0;
list-style: none;
}
2023-02-03 10:00:55 +00:00
ul#articles li {
width: 100%;
2023-01-09 21:30:45 +00:00
list-style: none;
display: inline-block;
margin: .4rem 0;
2023-01-09 21:30:45 +00:00
}
2023-02-03 10:00:55 +00:00
ul#articles h2 {
2023-01-23 18:31:29 +00:00
margin: 0;
2023-01-09 21:30:45 +00:00
}
/*ul h2:first-of-type::before {
content: "Articles - "
}*/
article img, article video, article iframe {
filter:drop-shadow(var(--stddropshadow));
}
ul#articles li > a {
text-decoration: none;
}
ul#articles li > a > * {
display: block;
margin: 0.1rem 0;
}
ul#articles li a h4 {
text-decoration: underline;
}
ul#articles li a time, ul#articles li a span {
font-size: .9em;
color: gainsboro;
}
ul#articles li a time {
font-weight: bold;
}
article:first-of-type h2::before {
content: 'Journal - ';
}
2023-01-09 21:30:45 +00:00
</style>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/seasonal.php'); ?>
</head>
<body>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/nav.php'); ?>
<h1>blog</h1>
<h2 id="caption">inane ramblings</h2>
<nav>
<a href="blog.atom">Article feed</a>
<a href="https://journal.miso.town/atom?url=https://isopod.cool/blog/">Journal feed</a>
2023-01-09 21:30:45 +00:00
</nav>
<?php
$username = "niceopod"; // Your username here!
$ch = curl_init("https://status.cafe/users/$username/status.json");
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_HEADER, 0);
$str = curl_exec($ch);
if(curl_error($ch)) {
//echo curl_error($ch);
$str = "";
}
curl_close($ch);
$status_data = json_decode($str, true);
$content = $status_data["content"];
$face = $status_data["face"];
$timeago = $status_data["timeAgo"];
if(strlen($content) < 1) {
$content = "Something's gone wrong server side...";
}
echo "<div id='statuscafe'><div id='statuscafe-username'><a href='https://status.cafe/users/$username' target='_blank'>status</a> $face $timeago</div><div id='statuscafe-content'>$content</div></div>";
?>
<?php
$content = simplexml_load_file("blog.atom");
echo "<ul id='articles'>";
$year = "-69420";
$yc = 0;
foreach($content->entry as $entry) {
$nyr = substr($entry->published, 0, 4);
if($nyr != $year) {
$year = $nyr;
echo "<li><h2 id='$year'>$year</h2></li>";
}
make it work on phones tm - Rearranged navigation significantly - Navbar is now unlimited width on desktop - Navbar is now always on top of the screen, even on the landing page - Navbar has been replaced with hamburger menu on mobile - Significant styling alterations to look good on phones tm - Most of the credit goes to a certain meta tag. - (Appearance on desktop is mostly unchanged) - The background on mobile is now 100% image, but darkened to improve contrast - Table pages such as /links/ and /stats/ now rearrange on mobile: column a column a column b column b vs column a column b column a column a column b column b column a column b - font size on landing page scales with device width on tall displays - guestbook posts use CSS grid now - Working on a @media (prefers-contrast: more) theme as well. Can't figure out how to test it though - Updated /stats/ - Added some new stats - Updated CD collection size - Updated /about/uses/ - I now use Nextcloud News instead of Yarr - My phone runs Graphene - I use Fennec browser on mobile instead of standard Firefox - New background as the old one was horrible for contrast - Added Waxlimbs - For Science! to /about/music/ - The oldest three articles on /blog/ now show a warning on hover that they're from the legacy v2 site - Corrected various markup issues with the help of validator.w3.org/nu/ - Added alt text to a ton of images - todo list is no longer a separate html file. it was fucking with the scaling on mobile and I couldn't be bothered - /stuff/ remains unchanged. I'll get to it - Hopefully that's everything lol
2023-02-26 11:22:38 +00:00
$dt = substr($entry->published, 0, 10);
$ti = $entry->title;
$wn = "";
if(preg_match('/2022-0(5|4)-(21|25|13)/', $dt)) {
$wn = "title=\"This post is on the archived v2 version of the site. It will not load if you don't have Javascript enabled, and expect jank if viewing on mobile. You have been warned.\" ";
}
echo "<li><a ".$wn."href='".$entry->link["href"]."'><time>".$dt."</time><h4>".$ti."</h4><span>".$entry->summary."</span></a></li>";
}
echo "</ul>";
?>
2023-09-19 07:36:15 +00:00
<article id="2023-09-18">
<h2>2023-09-18</h2>
<p>Had a bit of a think about my principles and priorities website-wise. Long story short is I've turned off the redirect for chrome-based browsers. I've got a few reasons for doing this, chief among them being that I don't want to lock out people who have to use chrome because they don't have total control over their computers or rely on chrome-only accessibility tools or whatever, and also if I'm gonna use my website as a link hub it seems a bit counterproductive to block, statistically, most internet users from seeing it.</p>
<p>Also updated my recent blog post about Unity's latest fiasco. I felt like the second section was a little more of an unhinged rant than I was going for, so I rewrote it to hopefully come off a bit more level-headed and explain my point better.</p>
<p>I've also decided to start removing journal entries past the fifth one from this page. There are some things I want to stay on the internet forever, but in-depth accounts of my life are not one of them. Someone remind me to automate that.</p>
<hr>
<p>I saw a fox on my way home from work today, so that was cool.</p>
</article>
2023-09-15 08:23:59 +00:00
<article id="2023-09-15">
<h2>2023-09-15</h2>
<p>It was my birthday a couple days ago! I'm 21 now. I can drink in the States I guess, though I'm hoping that never comes up. My dad celebrated the occasion by taking me out to look at cars. This was complicated somewhat by two factors: One, I'm a fucking colossus and all human infrastructure is designed specifically to be just barely too small for me, and two, I live in fucking semi-rural North America and all you can get new here is huge SUVs and even huger pickup trucks.</p>
<p>First place I went was a Toyota dealership and the only thing I could fit comfortably in was the biggest damn SUV on the lot. In everything else my legs tried to clip through the steering wheel. Next and final place I looked at was a GM dealership. I had more luck fitting in things there, partly because it was also all big SUVs.</p>
<p>None of the SUVs were ever in consideration, really. Not if I could help it. I fucking despise big vehicles for reasons avid <a href="https://www.youtube.com/watch?v=jN7mSXMruEo">Not Just Bikes</a> viewers will be familiar with. The only thing I could find all day that I liked was this little VW Golf that someone had presumably traded in for one of the hulking behemoths it was sharing a lot with. It's surprisingly roomy in there - I had to almost max out the settings on the seat but I was more comfortable in that thing than most of the Toyotas. It was like a family SUV, but half the size.</p>
<p>I didn't buy anything. Besides the fact that I don't want to impulse buy a fucking car, my city isn't a very good place to shop for used cars, especially not of the type I actually want. I'd probably be able to find a better deal in the one nearby-ish big city, plus I'd like to shoot for a hybrid if I can swing it, something that more or less does not exist here. Fun learning experience though.</p>
<hr>
<p>Work's good. I was right about the reduced hours being temporary, so I'm back to normal on that front now. The store manager says they keep getting temperature alerts from the walk-in fridge, which confuses me - I went in there and scanned everything with the thermometer and everything's fine. I don't know where they've put the temperature probe they're using but I suspect the reading off it isn't representative.</p>
<hr>
<p>Being a computer toucher is fucking exhausting, dude. Did you know Unity wants to charge developers for installs of their games now? I wrote a blog post about it. Hopefully now I can stop thinking about that now. I'll try to do a positive one next time.</p>
</article>
<article id="2023-08-21">
<h2>2023-08-21</h2>
<p>Been a minute. A few website updates, but mostly minor stuff. One big thing: I've been thinking about image formats some and I've decided to replace a bunch of larger images where quality isn't hugely important such as backgrounds with JPEGs instead of PNGs like I had before in order to reduce the load on peoples' internet connections. I kept everything as PNG for a long time out of principle because JPEG objectively isn't very good in terms of quality, but you cant deny the filesize advantages and there are frankly greater evils in the space right now. Speaking of, I've also made the profoundly optimistic decision to also include JPEG XL versions of each image, for which the standard JPEGs act as fallbacks. This still results in a significantly smaller filesize per image visible on the website than PNGs, amazingly.</p>
<p>On a related note, people attempting to visit my website on a Chromium-based browser may have noticed that it's been replaced by a single <a href="https://chrome.bathynomus.xyz">page</a> urging them to stop doing that. I had a little popup about this before, but with Chromium getting exponentially more evil of late I felt the need to take a more aggressive stance.</p>
<p>I configured my reverse proxy to automatically redirect all clients with "Chrome" user agent strings to that page. This isn't hard to circumvent if you know what you're doing, and that's part of the point - as the article explains, Google wants to create a world where workarounds like that are impossible. I fully believe at this point that using Chromium-based browsers is tantamount to contributing to Google's stranglehold on the free web, but I feel like trying to make it actually impossible to access my website using them would run counter to the principles I'm espousing here, if the measures I've taken don't already.</p>
<hr>
<p>Work's been alright. I'm getting fewer hours than I'd like, but I have my reasons to believe that's a temporary arrangement. Nothing much else to report. It's been pretty uneventful for the most part, which I'm interpreting as a good thing. No news is good news.</p>
<p>So I was wrong about Invidious in my last entry - I gave Google WAY too much credit, lol. Turns out all they did is blocked a handful of big Invidious instances. That's all. The software still works, and Invidious has been updated to detect that it's been blocked and link you to another instance so Google's bullshittery is barely a roadbump.</p>
<p>I played a game called <a href="https://store.steampowered.com/app/1713610/Purrgatory/">Purrgatory</a> recently. It's pretty good. meow/10</p>
<p>Had to fly out for a wedding recently, and the experience has left me with a renewed hatred for every wretched part of that sordid system. If I could down a plane using 110ml of toothpaste, I would consider doing so a tragic waste of my talents. Oh, and there's also the fact that for someone of my freakishly colossal height most airplane seats have negative legroom. North American transcontinental high speed rail network when</p>
</article>
<article id="2023-06-28">
<h2>2023-06-28</h2>
<p>June's been pretty good. My manager is finally scheduling me better, for one thing. I also bought a network switch for my room to hook my 3D printer up to the LAN, and I'm a huge fan of its network functionality thus far. No more futzing around with the included flash drive for me!</p>
<p>I don't know why I didn't mention this sooner, but I set up a Calckey instance a couple months ago. It's my new main Fediverse account. I quite like the user experience, but the moderation tools leave a bit to be desired coming from Akkoma with its Message Rewrite Facility. Not like I need to do much moderating, though.</p>
<p>I also set up a Radicale server. I set my family up with accounts on it so we can all enter relevant events into a shared calendar. If you're a Radicale admin and you're wondering how to do that, basically each user gets their own folder in Radicale's directory, and you just need to make a calendar and symlink it into the folder for everyone you want to share it with. Also, did you know iOS has native support for CalDAV integration? Rare W for Apple there.</p>
<p>I'm glad I didn't make that Invidious instance I mentioned back in January. Apparently Youtube went and broke the method Invidious uses to grab Youtube videos. Or they just blocked Invidious specifically, somehow. Either way, Piped still works. lol. Anyway, fuck Youtube. Anyone know any good Peertube instances?</p>
<p>I've been working on some music recently, a little. Here's a preview of the song I'm working on:</p>
<audio controls=""><source src="media/2023-06-28_lead_wip.mp3" type="audio/mp3"></audio>
<p>I actually got that guitar-sounding noise by looping a short drum sample really fast and putting it through Paranoia Mangler, a bitcrusher plugin that comes standard with Reaper. I've gotta use this technique more often. It produces some of my favourite sounds.</p>
</article>
2023-06-01 04:16:19 +00:00
<article id="2023-05-31">
<h2>2023-05-31</h2>
<p>Let's get the bitching about work out of the way up front: my boss has been scheduling me full time for the past four weeks now despite knowing full well I'm supposed to be working part time, and furthermore he had me working six consecutive days just now. Any more of this shit and I will straight up quit. Fuck you bro</p>
<p>In brighter news, my finger's pretty much healed. That's pretty much it actually, between work and resting between shifts at work I haven't really had the time or energy to do much else. Remind me to burn down the capitalist system sometime.</p>
</article>
2023-01-09 21:30:45 +00:00
<div class="buttons" style="margin-bottom: 1rem;">
2023-09-19 07:36:15 +00:00
<a href="https://status.cafe/"><img src="media/banner-statuscafe.png" alt="Status Cafe"></a>
<a href="https://kiosk.nightfall.city/"><img src="media/neonkiosk.png" alt="Neon Kiosk"></a>
<a href="https://journal.miso.town/"><img src="media/banner-htmlj.png" alt="Valid HTML Journal"></a>
2023-01-09 21:30:45 +00:00
</div>
<div id="rightsidebg" style="background-image: url(bg.jxl), url(bg.jpg); --distancefromcenter: -10%;"></div>
2023-01-09 21:30:45 +00:00
</body>
</html>