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

168 lines
7.7 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-09-23 23:55:08 +00:00
.blogentry {
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));
}
2023-09-23 23:55:08 +00:00
.blogentry > * {
display: block;
margin: 0.1rem 0;
}
2023-09-23 23:55:08 +00:00
.entrysummary {
font-size: .9em;
color: gainsboro;
}
2023-09-23 23:55:08 +00:00
.entrytag {
font-size: .9em;
color: #bbbbbb;
font-style: italic;
display: inline-block;
margin-right: 1ch;
}
.entrydate {
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
2023-09-23 23:55:08 +00:00
$stag = $_GET["tag"];
$nostag = empty($stag);
if(!$nostag) {
echo "<a style='display: block; margin-top: 1rem; margin-bottom: 1rem;' href='.'>All articles</a>";
}
$content = simplexml_load_file("blog.atom");
echo "<ul id='articles'>";
$year = "-69420";
$yc = 0;
foreach($content->entry as $entry) {
2023-09-23 23:55:08 +00:00
$pfilt = false;
if(!$nostag) {
foreach($entry->category as $cat) {
$term = $cat["term"];
if($stag == $term) {
$pfilt = true;
}
}
}
2023-09-23 23:55:08 +00:00
if($pfilt or $nostag) {
$nyr = substr($entry->published, 0, 4);
if($nyr != $year) {
$year = $nyr;
echo "<li><h2 id='$year'>$year</h2></li>";
}
$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.\" ";
}
$cats = "";
foreach($entry->category as $cat) {
$term = $cat["term"];
$cats = $cats."<a class='entrytag' href='?tag=".$term."'>".$term."</a>";
}
echo "<li class='blogentry'><time class='entrydate'>".$dt."</time><h4 class='entrytitle'><a ".$wn."href='".$entry->link["href"]."'>".$ti."</h4></a><span class='entrysummary'>".$entry->summary."</span><span>".$cats."</span></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
}
}
echo "</ul>";
?>
<article id="2024-04-02">
<h2>2024-04-02</h2>
<p>Migrated my Firefish server to Sharkey today. I had to spend a while stumbling blindly through the totally foreign territory of docker and postgres, but it worked out surprisingly well in the end, except that I managed to delete all the media with a careless <code>rm -rf</code>. Whoops.</p>
<p>I also recently bought my first Lego set in the better part of a decade, at the recommendation of <a href="https://kalechips.net/posts/2024-03-25-Bug-Legos">this</a> blog post by Kalechips. I don't have much to say about them beyond what's covered there, but I absolutely love them. Definitely one of the better ways I could have spent a hundred Canadian FunBucks&trade;.</p>
<img src="media/2024-04-02_legobugs.jpg" alt="Roughly to-scale sized Lego models of a blue morpho butterfly, a hercules beetle, and a chinese mantis." />
</article>
<article id="2024-02-29">
<h2>2024-02-29</h2>
<p>I have this old pair of Skullcandy Crusher headphones that stopped working a few years ago due to some issue with the 3.5mm jack, and it recently occured to me that I finally have the tools to fix it! When I opened it up I noticed the port had lifted almost entirely off the motherboard and after soldering the pins back in place (and a generous application of hot glue, just in case) it works like new again! Credit to Skullcandy, all eight of the screws I had to remove were completely identical.</p>
</article>
<article id="2024-02-22">
<h2>2024-02-22</h2>
<p>Did a shell swap on my Switch and joycons yesterday. Check it out!</p>
<img src="media/2024-02-22/switchfront.jpg" alt="Front view of a Nintendo Switch with clear plastic shells on the joycons" />
<img src="media/2024-02-22/switchback.jpg" alt="Back view of a Nintendo Switch with clear plastic shells on the joycons and console" />
<p>I think it looks pretty cool. I got the shells from a company called <a href="https://extremerate.com/">eXtremeRate</a> which apparently makes full kits for this kind of mod. I thought I was just getting the plastic parts but they came with tons of extra screws and a screwdriver with the relevant bits, and they publish guides! Given I found this through a random Amazon listing, I am pleasantly surprised. Highly recommend their stuff.</p>
</article>
<article id="2024-02-14">
<h2>2024-02-14</h2>
<p>When I post a guide on my blog and the tutorial part starts with a header reading "How to do it" that's a reference to this btw</p>
<img src="media/2024-02-14_roundmeal.jpg" alt="Roundmeal." />
</article>
<article id="2024-01-29">
<h2>2024-01-29</h2>
<p>I just had a really nasty idea for a 3D printer design. I could describe it in detail, but instead I drew up this helpful diagram:</p>
<img src="media/2024-01-29/diagram.png" alt="A crude diagram outlining a concept for an FDM 3D printer that rotates around a central axis for a toroidal print volume." />
<p>The benefits of this approach are clear. If I receive $1000 in <a href="https://ko-fi.com/deeptwisty">donations</a> I will attempt to build it.</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>