Various changes
- New journal post - New article in da blog - Moved /uses, /music, and /greenhouse to top-level directories - Added some new guys to the landing page - Replaced background PNGs with JXLs with JPG fallback - Added mothvertisement - Added my isopod quiz results to /etc - Hid a broken webgarden - Fixed a bug where /guestbook was wider than the screen on mobile due to bad text wrapping\ - Link to my art page has been moved from /links to top navbar - Added to /links: - My revolt account - Unapothecary Link Directory - Removed my tumblr account from /links, at least for the time being. I quit posting for the bit, you see - Added a randomized MBTI type to /stats - Probably some other stuff I forgor
This commit is contained in:
will
parent
47c7ecf8ae
commit
bfdd89595a
|
|
@ -13,8 +13,7 @@
|
|||
<h2 id="caption">hi</h2>
|
||||
<p><span title="General Kenobi!">Hello there!</span> They call me Will (<?php echo file_get_contents($_SERVER['DOCUMENT_ROOT'] . '/pronouns.txt'); ?>), but I tend to go by deep twisty (more on that later) or some variation of "isopod" or "bathynomus" on the internet. I like to make stuff on the computer, like <a href="https://deeptwisty.bandcamp.com/">music</a>, or <a href="https://deeptwisty.com/art">art</a>, or this website. I've heard rumors calling me such things as "canadian", "autistic", and "incalculably talented". I cannot confirm or deny any of these allegations.</p>
|
||||
<h2>What's a "deep twisty"?</h2>
|
||||
<p>"deep twisty" is a pseudonym I came up with to release music under, because everyone is doing it. It comes from some tweets from an <a href="https://web.archive.org/web/20221214182955/https://twitter.com/SubnauticaSCM/status/1095774020446744576">official Subnautica twitter account</a> 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 on, apparently.</p>
|
||||
<!--p>As for "niceopod", "nice" was the best word I could think of that rhymes with the first syllable of "isopod". I feel like it sounds like I'm trying to say I'm nice. <span title="I'm slowly deprecating this username for this reason. You'll typically find it replaced with "isopod" or "bathynomus" or some other isopod-related thing, depending on availability.">I'm not</span>, it's just that the alternatives were "iceopod" and "sliceopod". Isopods are nice though.</p-->
|
||||
<p>"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 <a href="https://web.archive.org/web/20221214182955/https://twitter.com/SubnauticaSCM/status/1095774020446744576">official Subnautica twitter account</a> 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 on, apparently.</p>
|
||||
<p>I go by Will because that's my name and I can't be fucked changing it.</p>
|
||||
<h2>About the site</h2>
|
||||
<p>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 Nginx on a VPS with 4GB of RAM and 2 CPU cores running Ubuntu Server, with domains registered with <a href="https://porkbun.com/">Porkbun</a>.
|
||||
|
|
@ -24,7 +23,8 @@
|
|||
<blockquote>"Most of it goes over my head, but it's still fun to read and look at, and I am not immune to isopods."<span class="attr">-<a href="https://kalechips.net/">Kalechips</a></span></blockquote>
|
||||
<blockquote>"Furry behavior"<span class="attr">-<a href="https://seaslug.neocities.org/">Seaslug</a></span></blockquote>
|
||||
<blockquote>"fuxk"<span class="attr">-f</span></blockquote>
|
||||
<div id="rightsidebg" style="background-image: url(bg.png); --distancefromcenter: -10%;" title="Pictured: Me on my daily walk"></div>
|
||||
<blockquote>isopod isopod isopod isopod isopod isopod isopod isopod isopod<span class="attr">-Twiggy</span></blockquote>
|
||||
<div id="rightsidebg" style="background-image: url(bg.jxl), url(bg.jpg); --distancefromcenter: -10%;" title="Pictured: Me on my daily walk"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,91 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Music</title>
|
||||
<link href="../../style.css" rel="stylesheet" type="text/css" media="all">
|
||||
<style>
|
||||
#flex-container {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
filter: drop-shadow(3px 3px 6px black);
|
||||
}
|
||||
#flex-container a {
|
||||
--columncount: 2;
|
||||
position: relative;
|
||||
width: calc(var(--bodywidth) / var(--columncount));
|
||||
height: calc(var(--bodywidth) / var(--columncount));
|
||||
background-image: var(--img);
|
||||
background-size: cover;
|
||||
transition-duration: 0.5s;
|
||||
overflow: hidden;
|
||||
}
|
||||
#flex-container a:hover {
|
||||
z-index: 50;
|
||||
box-shadow: 0 0 12px 2px black;
|
||||
transform: scale(1.2);
|
||||
color: #df1955;
|
||||
}
|
||||
#flex-container a span {
|
||||
background-color: #000000cc;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 5.2rem;
|
||||
padding: 0 2rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
transition-duration: 0.5s;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#flex-container a:hover span {
|
||||
bottom: -5.2rem;
|
||||
}
|
||||
@media only screen and (max-width: 43rem) {
|
||||
#flex-container a {
|
||||
--columncount: 1;
|
||||
}
|
||||
}
|
||||
@media only screen and (hover: none) {
|
||||
#flex-container a:hover {
|
||||
transform: initial;
|
||||
z-index: initial;
|
||||
box-shadow: initial;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<?php include($_SERVER['DOCUMENT_ROOT'] . '/seasonal.php'); ?>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<?php include($_SERVER['DOCUMENT_ROOT'] . '/nav.php'); ?>
|
||||
<h1>music</h1>
|
||||
<h2 id="caption">Albums I like</h2>
|
||||
<div id="flex-container">
|
||||
<a style="--img: url(covers/spectrum.png);" target="_blank" href="https://findaeden.bandcamp.com/album/spectrum"><span>findaeden - Spectrum</span></a>
|
||||
<a style="--img: url(covers/funeral.png);" target="_blank" href="https://noisemaster.bandcamp.com/album/funeral-ep"><span>Noisemaker - Funeral EP</span></a>
|
||||
<a style="--img: url(covers/ultrakill_imperfect_hatred.png);" target="_blank" href="https://heavenpierceher.bandcamp.com/album/ultrakill-imperfect-hatred"><span>Heaven Pierce Her - ULTRAKILL: Imperfect Hatred</span></a>
|
||||
<a style="--img: url(covers/el_camino.png);" target="_blank" href="https://theblackkeys.com/?frontpage=true"><span>The Black Keys - El Camino</span></a>
|
||||
<a style="--img: url(covers/for_science.png);" target="_blank" href="https://waxlimbs.bandcamp.com/album/for-science"><span>Waxlimbs - For Science!</span></a>
|
||||
<a style="--img: url(covers/triangle_unicode.png);" target="_blank" href="https://wearemagonia.bandcamp.com/album/triangle-unicode-lp"><span>We Are Magonia - Triangle Unicode</span></a>
|
||||
<a style="--img: url(covers/unstoppable_force.png);" target="_blank" href="https://caliphate.bandcamp.com/album/unstoppable-force"><span>CALIPHATE - Unstoppable Force</span></a>
|
||||
<a style="--img: url(covers/walks_of_lung.png);" target="_blank" href="https://patriciataxxon.bandcamp.com/album/walks-of-lung"><span>Patricia Taxxon - Walks of Lung</span></a>
|
||||
<a style="--img: url(covers/realign.png);" target="_blank" href="https://vine.bandcamp.com/album/realign"><span>Red Vox - Realign</span></a>
|
||||
<a style="--img: url(covers/fucked_up_friends_3.png);" target="_blank" href="https://tobaxxo.bandcamp.com/album/fucked-up-friends-3"><span>TOBACCO - Fucked Up Friends 3</span></a>
|
||||
<a style="--img: url(covers/synthicate.png);" target="_blank" href="https://newretrowave.bandcamp.com/album/synthicate"><span>LAZERPUNK - Synthicate</span></a>
|
||||
<a style="--img: url(covers/vast.png);" target="_blank" href="https://waterflame.bandcamp.com/album/vast"><span>Waterflame - Vast</span></a>
|
||||
<a style="--img: url(covers/tortured_waters.png);" target="_blank" href="https://newretrowave.bandcamp.com/album/tortured-waters"><span>DEADLIFE - Tortured Waters</span></a>
|
||||
<a style="--img: url(covers/millenialism.png);" target="_blank" href="https://music.businesscasual.biz/album/millennialism"><span>NYSE - MILLENNIALISM</span></a>
|
||||
<a style="--img: url(covers/concrete_and_gold.png);" target="_blank" href="https://www.foofighters.com/"><span>Foo Fighters - Concrete and Gold</span></a>
|
||||
<a style="--img: url(covers/revolution_radio.png);" target="_blank" href="https://greenday.com/"><span>Green Day - Revolution Radio</span></a>
|
||||
<a style="--img: url(covers/the_last_ninja_2_c64_ost.png);" target="_blank" href="https://www.youtube-nocookie.com/embed/bjbN2RyZXHI"><span>Matt Gray - The Last Ninja 2 (C64) OST</span></a>
|
||||
<a style="--img: url(covers/aeon_core.png);" target="_blank" href="https://perctrax.bandcamp.com/album/aeon-core"><span>Scalameriya - Aeon Core</span></a>
|
||||
</div>
|
||||
<div id="leftsidebg" style="background-image: url(bg.png); --distancefromcenter: -10%;" title="Pictured: Not necessarily the best, but objectively the coolest medium of music storage. Who am I kidding, this just looks cool. The coolest medium of music storage is obviously CDs, on account of the lasers and the ease of making digital backups."></div>
|
||||
<br>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -9,6 +9,16 @@
|
|||
<uri>https://isopod.cool/</uri>
|
||||
</author>
|
||||
<generator>ME</generator>
|
||||
<entry>
|
||||
<title>Stop Using Chromium</title>
|
||||
<id>stop_using_chromium</id>
|
||||
<link rel="alternate" href="https://chrome.bathynomus.xyz/" type="html" title="Stop Using Chromium"></link>
|
||||
<published>2023-08-16T00:00:00+00:00</published>
|
||||
<updated>2023-08-16T00:00:00+00:00</updated>
|
||||
<summary>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.</summary>
|
||||
<category term="chromium"/>
|
||||
<category term="google"/>
|
||||
</entry>
|
||||
<entry>
|
||||
<title>Discord - So Your Favourite Chat App Sucks Now</title>
|
||||
<id>discord</id>
|
||||
|
|
|
|||
|
|
@ -57,8 +57,8 @@
|
|||
<h1>blog</h1>
|
||||
<h2 id="caption">inane ramblings</h2>
|
||||
<nav>
|
||||
<a href="blog.atom">Atom (articles)</a>
|
||||
<a href="https://journal.miso.town/atom?url=https://isopod.cool/blog/">Atom (journal)</a>
|
||||
<a href="blog.atom">Article feed</a>
|
||||
<a href="https://journal.miso.town/atom?url=https://isopod.cool/blog/">Journal feed</a>
|
||||
</nav>
|
||||
<?php
|
||||
$username = "niceopod"; // Your username here!
|
||||
|
|
@ -105,6 +105,17 @@
|
|||
}
|
||||
echo "</ul>";
|
||||
?>
|
||||
<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>
|
||||
|
|
@ -178,8 +189,8 @@
|
|||
<article id="2023-02-07">
|
||||
<h2>2023-02-07</h2>
|
||||
<picture>
|
||||
<source srcSet="images/2023-02-07_lollmao.jxl" type="image/jxl">
|
||||
<img loading="lazy" src="images/2023-02-07_lollmao.png" alt="Email from johnsmith98969896@gmail.com to sussybaka.uwu@bathynomus.xyz: Hello, [four line breaks] My name is john smith and I am a Digital Marketer and Content Writer, [three line breaks] myself, write unique and outstanding content that can be added to your website. [three line breaks] Please let me know if you accept guest blogs so I can share some topics. You can also suggest to me any topic of your choice. [four line breaks] If you are interested in my proposal, please reply positively.">
|
||||
<source srcset="images/2023-02-07_lollmao.jxl" type="image/jxl">
|
||||
<img loading="lazy" src="media/2023-02-07_lollmao.png" alt="Email from johnsmith98969896@gmail.com to sussybaka.uwu@bathynomus.xyz: Hello, [four line breaks] My name is john smith and I am a Digital Marketer and Content Writer, [three line breaks] myself, write unique and outstanding content that can be added to your website. [three line breaks] Please let me know if you accept guest blogs so I can share some topics. You can also suggest to me any topic of your choice. [four line breaks] If you are interested in my proposal, please reply positively.">
|
||||
</picture>
|
||||
<p>No, John, no I do not.</p>
|
||||
</article>
|
||||
|
|
@ -215,20 +226,20 @@
|
|||
<summary>Isopods</summary>
|
||||
<a href="https://www.inaturalist.org/photos/184195133">
|
||||
<picture>
|
||||
<source srcSet="images/2023-01-23_calmanesia.jxl" type="image/jxl">
|
||||
<img loading="lazy" src="images/2023-01-23_calmanesia.png" alt="Very spiky isopod in the genus Calmanesia">
|
||||
<source srcset="media/2023-01-23_calmanesia.jxl" type="image/jxl">
|
||||
<img loading="lazy" src="media/2023-01-23_calmanesia.png" alt="Very spiky isopod in the genus Calmanesia">
|
||||
</picture>
|
||||
</a>
|
||||
<a href="https://www.inaturalist.org/observations/46633771">
|
||||
<picture>
|
||||
<source srcSet="images/2023-01-23_troglodillo.jxl" type="image/jxl">
|
||||
<img loading="lazy" src="images/2023-01-23_troglodillo.png" alt="Spotted brown isopod in the genus Troglodillo">
|
||||
<source srcset="media/2023-01-23_troglodillo.jxl" type="image/jxl">
|
||||
<img loading="lazy" src="media/2023-01-23_troglodillo.png" alt="Spotted brown isopod in the genus Troglodillo">
|
||||
</picture>
|
||||
</a>
|
||||
<a href="https://www.inaturalist.org/observations/41366000">
|
||||
<picture>
|
||||
<source srcSet="images/2023-01-23_bathynomus.jxl" type="image/jxl">
|
||||
<img loading="lazy" src="images/2023-01-23_bathynomus.png" alt="A giant isopod, Bathynomus Giganteus">
|
||||
<source srcset="media/2023-01-23_bathynomus.jxl" type="image/jxl">
|
||||
<img loading="lazy" src="media/2023-01-23_bathynomus.png" alt="A giant isopod, Bathynomus Giganteus">
|
||||
</picture>
|
||||
</a>
|
||||
</details>
|
||||
|
|
@ -253,9 +264,9 @@
|
|||
<details>
|
||||
<summary>Click to be subjected</summary>
|
||||
<p>Thanks. I really needed to get this out of my system.</p>
|
||||
<img src="images/2022-12-21_zsh.png" alt="The sickest damn Neofetch config you've ever seen in your life">
|
||||
<img src="media/2022-12-21_zsh.png" alt="The sickest damn Neofetch config you've ever seen in your life">
|
||||
<p>Admittedly, this is actually a fork of Neofetch called Hyfetch. It's functionally the same though, all it does is color the ASCII Manjaro logo with nonbinary pride flag colors. Anyway, just look at this shit. I'm gonna brag about every damn detail of it to you now. First off, those lines surrounding everything are dynamically drawn. The width of the box is dependent on the width of the <span title="It's just the top line because I know that one's likely to always be the longest">top line</span> there. All the shit underneath is dynamic too. That "playing" indicator goes away completely when nothing's playing, and as a fun little touch I made it so that separators in the title string like " - " and " | " are replaced with a line that connects up to the box. The to-do list below it isn't hard coded either. That thing pulls from a text file in my home directory and dynamically draws those lines to connect to each item, and it also disappears when there's nothing in the to-do list. I've configured zshrc to only show this when I log in via terminal emulators so it doesn't clog up my IDE terminal windows or my <span title="Don't ask.">ssh</span> client. Half these readouts are custom. I had to install a whole separate program (shoutout <a href="https://github.com/clbr/radeontop">radeontop</a>) to get the GPU load. I had to learn both sed and ANSI escape codes to get this to work. It's so packed to brimming with both I almost want to throw up looking at it, and I didn't even get most of it off Stack Overflow. I can do all this crazy crap because Neofetch's config file is literally just a shell script it runs, but that also means I had to write all that shit in <i>bash</i>. Let me tell you, it's a bitch and a half to get almost anything of substance done in that fuckin' mess of a language. I learned the hard way it can only do integer math on its own. Javascript's weird type coercion shit and Lua counting arrays from 1 instead of 0 is child's play compared to what I had to deal with to get my Neofetch looking all pretty. If statements in this nightmare language are fucking indecipherable. I had to search for "bash if" more than I had to search for anything related to that ANSI control code fuckery.</p>
|
||||
<img src="images/2022-12-21_ssh.png" alt="An equally sick fetch script as the first, but fully custom and running on my VPS">
|
||||
<img src="media/2022-12-21_ssh.png" alt="An equally sick fetch script as the first, but fully custom and running on my VPS">
|
||||
<p>I also have this. I coded it for my VPS, just because, and it's <i>entirely</i> custom. From <span title="Except the ASCII art. I stole the ASCII art from Neofetch. It's my code printing it and my ANSI escapes coloring it, though.">scratch</span>. This is how I learned Bash can't do floating point math. Did I need to do this? No. Was there any good reason for me to do this? Probably not. What's your point?</p>
|
||||
</details>
|
||||
<p>I also went bowling today, so that was fun. I sucked shit at it. There was pizza.</p>
|
||||
|
|
@ -317,9 +328,9 @@
|
|||
<p>I've been working on that music video I mentioned in... uh... July. I'd be lying if I said I thought I was making good progress, but I'm certainly making progress. Here's some pictures:</p>
|
||||
<details>
|
||||
<summary>Pictures</summary><br>
|
||||
<img style="width:100%;" src="images/2022-10-01_arm.png" alt="A low-poly 3D render of a robotic arm mounted on a vertical rail">
|
||||
<img style="width:100%;" src="images/2022-10-01_drone.png" alt="A low-poly 3D render of a quadcopter-style drone carrying a cube with "CRATE" crudely scrawled on the front">
|
||||
<img style="width:100%;" src="images/2022-10-01_cam.png" alt="A low-poly 3D render of a wall-mounted camera with a glowing green light below the lens">
|
||||
<img style="width:100%;" src="media/2022-10-01_arm.png" alt="A low-poly 3D render of a robotic arm mounted on a vertical rail">
|
||||
<img style="width:100%;" src="media/2022-10-01_drone.png" alt="A low-poly 3D render of a quadcopter-style drone carrying a cube with "CRATE" crudely scrawled on the front">
|
||||
<img style="width:100%;" src="media/2022-10-01_cam.png" alt="A low-poly 3D render of a wall-mounted camera with a glowing green light below the lens">
|
||||
And a partial test render:
|
||||
<video style="width:100%;" controls>
|
||||
<source src="images/2022-10-01_mv_preview.mp4" type="video/mp4">
|
||||
|
|
@ -434,7 +445,7 @@
|
|||
<h2>2022-07-14</h2>
|
||||
<p>Instead of writing a new blog post, I have added an <a href="https://journal.miso.town/">HTML Journal</a> to my site. <span title="Naturally, the logical conclusion of this is one page each for posts of every possible word count.">This will be a place for posts that are too short to warrant a blog post, but too long to be a <a href="https://status.cafe/users/niceopod">status</a>.</span> For example:</p>
|
||||
<p>I installed some RGB strips in my computer recently! Well, one RGB strip. I bought two, but they were both a meter long and I seem to have underestimated just how long that is. When I built the computer, I figured I didn't need RGB, so I went out of my way a little to avoid it and then I realized that the glass panel on my case was tinted so I couldn't even see in. Hence the RGB strip, because I didn't want to spend money replacing perfectly good parts with ones that light up. I've got the strip crammed in a gap next to the wall of the case where it's blocked from direct view so that it just illuminates the inside and doesn't shine in my face. Here's a picture:</p>
|
||||
<img src="images/2022-07-14_PC-RGB.jpg" style="width: 50%; margin: 0 25%;" alt="My computer tower. The inside is illuminated in rainbow colors by a hidden RGB LED strip.">
|
||||
<img src="media/2022-07-14_PC-RGB.jpg" style="width: 50%; margin: 0 25%;" alt="My computer tower. The inside is illuminated in rainbow colors by a hidden RGB LED strip.">
|
||||
<p>It's not exactly radiant compared to some other peoples' setups, but I like it. It's subtler.</p>
|
||||
<p>Cool, right? I've retrofitted the blog post list to be compliant with HTML Journal's fresh new sister spec, <a href="https://blog.miso.town/">HTML Blog</a>, as well, mainly for the automatic feed generation it offers.</p>
|
||||
</article>
|
||||
|
|
@ -443,7 +454,7 @@
|
|||
<a href="https://kiosk.nightfall.city/"><img src="images/neonkiosk.png" alt="Neon Kiosk"></a>
|
||||
<a href="https://journal.miso.town/"><img src="images/banner-htmlj.png" alt="Valid HTML Journal"></a>
|
||||
</div>
|
||||
<div id="rightsidebg" style="background-image: url(bg.png); --distancefromcenter: -10%;"></div>
|
||||
<div id="rightsidebg" style="background-image: url(bg.jxl), url(bg.jpg); --distancefromcenter: -10%;"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -6,15 +6,24 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>More</title>
|
||||
<link href="../style.css" rel="stylesheet" type="text/css" media="all">
|
||||
<!--style type="text/css">
|
||||
#changelogwindow {
|
||||
height: 15rem;
|
||||
}
|
||||
<style>
|
||||
#mothvertisement {
|
||||
margin-left: auto;
|
||||
display: block;
|
||||
margin-right: auto;
|
||||
max-width: 728px;
|
||||
width: 100%;
|
||||
height: 90px;
|
||||
}
|
||||
|
||||
#todowindow {
|
||||
height: 15rem;
|
||||
}
|
||||
</style-->
|
||||
@media (max-width: 750px) {
|
||||
#mothvertisement {
|
||||
max-width: 300px;
|
||||
width: 100%;
|
||||
height: 250px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<?php include($_SERVER['DOCUMENT_ROOT'] . '/seasonal.php'); ?>
|
||||
</head>
|
||||
|
||||
|
|
@ -25,6 +34,9 @@
|
|||
<nav><a href="quotes/">quotes</a><a href="https://rss-bridge.isopod.cool/?action=display&bridge=GiteaBridge&context=Commits&branch=main&host=https%3A%2F%2Fgit.isopod.cool&user=will&project=isopod.cool&format=Atom">changelog (atom)</a><!--a href="changelog.php">changelog (legacy)</a--></nav>
|
||||
<iframe src="https://john.citrons.xyz/embed?ref=https://isopod.cool/"
|
||||
style="margin-left:auto;display:block;margin-right:auto;max-width:732px;width:100%;max-height:94px;height:fit-content;border:none;"></iframe>
|
||||
<iframe src="https://mothvertising.moth.monster/embed" id="mothvertisement"></iframe>
|
||||
<br>
|
||||
<a href="https://casiopea.neocities.org/isopod/isopodquiz.html"><img src="images/isopod_quiz_result.png"></a>
|
||||
<h2>Time warp</h2>
|
||||
<p><a href="../old/1/">v1</a> - Old, slow, basically just a carrd page on steroids. Made heavy use of <code>float</code> initially. Ugh.</p>
|
||||
<p><a href="../old/2/">v2</a> - Slick as hell but entirely Javascript-dependent. This is where my webpage became a website.</p>
|
||||
|
|
@ -81,7 +93,7 @@
|
|||
<li>Write another blog post</li>
|
||||
<li>Update privacy policy</li>
|
||||
</ul>
|
||||
<div id="leftsidebg" style="background-image: url(bg.png); --distancefromcenter: -10%;"></div>
|
||||
<div id="leftsidebg" style="background-image: url(bg.jxl), url(bg.jpg); --distancefromcenter: -10%;"></div>
|
||||
|
||||
</body>
|
||||
|
||||
|
|
|
|||
|
|
@ -269,7 +269,7 @@
|
|||
echo_message($mage, "Girls are always whole ass wet from the roof", true);
|
||||
echo_message($celian, "This is an amazing day for humanity, and by humanity, I mean my titties", true);
|
||||
?>
|
||||
<div id="leftsidebg" style="margin: 0; background-image: url(bg.png);"></div>
|
||||
<div id="leftsidebg" style="margin: 0; background-image: url(bg.jxl), url(bg.jpg);"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -50,14 +50,14 @@
|
|||
<iframe src="https://lu.tiny-universes.net/webgarden/webgarden.html" scrolling="no" loading="lazy"></iframe>
|
||||
<iframe src="https://sadgrl.online/webgarden.html" scrolling="no" loading="lazy"></iframe>
|
||||
<iframe src="https://obspogon.neocities.org/webgarden" scrolling="no" loading="lazy"></iframe>
|
||||
<iframe src="https://kitecreature.net/webgarden.html" scrolling="no" loading="lazy"></iframe>
|
||||
<!--iframe src="https://kitecreature.net/webgarden.html" scrolling="no" loading="lazy"></iframe-->
|
||||
<iframe src="https://pip-pepping.neocities.org/web-garden/webgarden.html" scrolling="no" loading="lazy"></iframe>
|
||||
<iframe src="https://dantescanline.com/webgarden.html" scrolling="no" loading="lazy"></iframe>
|
||||
<iframe src="https://missmoss.neocities.org/webgarden.html/" scrolling="no" loading="lazy"></iframe>
|
||||
<!--iframe src="https://dokodemo.neocities.org/webgarden.html" scrolling="no" loading="lazy"></iframe-->
|
||||
<iframe src="https://neonriser.neocities.org/webgarden.html" scrolling="no" loading="lazy"></iframe>
|
||||
</div>
|
||||
<div id="rightsidebg" style="background-image: url(bg.png); --distancefromcenter: 10%;"></div>
|
||||
<div id="rightsidebg" style="background-image: url(bg.jxl), url(bg.jpg); --distancefromcenter: 10%;"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -86,6 +86,9 @@
|
|||
.gb-index {
|
||||
text-align: right;
|
||||
}
|
||||
.gb-cool {
|
||||
word-break: break-all;
|
||||
}
|
||||
.gb-name, .gb-date, .gb-index {
|
||||
min-width: calc(var(--bodywidth) / 3);
|
||||
}
|
||||
|
|
@ -209,7 +212,7 @@
|
|||
else { $output = $output.$name; }
|
||||
$output = $output."</div><div style='grid-area:gb-date;' class='gb-date'>$date</div><div style='grid-area:gb-index;' class='gb-index'>Entry #$index</div>";
|
||||
if($cool) {
|
||||
$output = $output."<div style='grid-area:gb-cool;'><b>cool thing</b>: <a href='$cool'>$coolsanitized</a></div>";
|
||||
$output = $output."<div style='grid-area:gb-cool;' class='gb-cool'><b>cool thing</b>: <a href='$cool'>$coolsanitized</a></div>";
|
||||
}
|
||||
if($found) {
|
||||
$output = $output."<div style='grid-area:gb-found;'><b>How did you find me?</b><br>$found</div>";
|
||||
|
|
@ -223,7 +226,7 @@
|
|||
$totaloutput = $output.$totaloutput;
|
||||
}
|
||||
echo $totaloutput; ?>
|
||||
<div id="leftsidebg" style="background-image: url(bg.png);"></div>
|
||||
<div id="leftsidebg" style="background-image: url(bg.jxl), url(bg.jpg);"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -321,10 +321,13 @@
|
|||
<a target="_blank" href="https://dokodemo.neocities.org/" title="made by Dokodemo"><img alt="An isopod!" src="images/isopod3.png"></a>
|
||||
<a target="_blank" href="https://wobble.town/visit/93" title="charles"><img alt="Charles" src="https://wobble.town/visit/93/wobble.gif" style="width: 64px; image-rendering: pixelated; filter:hue-rotate(20deg) brightness(110%) drop-shadow(2px 2px 3px black);"></a>
|
||||
<a target="_blank" href="https://lu.tiny-universes.net" title="hi, i'm kevin!"><img alt="Kevin" src="images/plant1-2.png"></a>
|
||||
<a target="_blank" href="https://newlambda.neocities.org/" title="benlet"><img alt="benlet" src="images/benlet1.png" style="width: 32px; image-rendering: pixelated;"></a>
|
||||
<a target="_blank" href="https://newlambda.neocities.org/stuff/adopt" title="benlet"><img alt="benlet" src="images/benlet1.png" style="width: 32px; image-rendering: pixelated;"></a>
|
||||
<a target="_blank" href="https://www.pixelcatsend.com/profile&id=3734" title="Shadow"><img alt="Shadow" src="images/shadow.png" style="image-rendering: pixelated;"></a>
|
||||
<a target="_blank" href="https://tarraxahum.neocities.org/adopt/adopt_center" title="french fry"><img alt="french fry" src="images/fry.png" style="height: 2rem;"></a>
|
||||
<a target="_blank" href="https://kelpeater.neocities.org/collections/isopods" title="Another isopod!"><img alt="Another isopod!" src="images/casiopea_isopod.png" style="height: 4rem;"></a>
|
||||
<a target="_blank" href="https://shroom.ink/decay/adopt-a-shroom/" title="Ophiocordyceps Unilateralis"><img alt="Ophiocordyceps Unilateralis" src="images/Ophiocordyceps_unilateralis.png" style="height: 4rem;"></a>
|
||||
</div>
|
||||
<div id="rightsidebg" style="background-image: url(images/bg.png); --distancefromcenter: 11%;" title="Pictured: The eponymous "deep twisty""></div>
|
||||
<div id="rightsidebg" style="background-image: url(images/bg.jxl), url(images/bg.jpg); --distancefromcenter: 11%;" title="Pictured: The eponymous "deep twisty""></div>
|
||||
<div id="bubblecolumn"></div>
|
||||
<?php
|
||||
if(date("w") == "5" && rand(0, 9) == 4) {
|
||||
|
|
|
|||
|
|
@ -49,20 +49,17 @@
|
|||
<td>Matrix</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2"><h2>Me</h2></td>
|
||||
<td>bathynomus#5230</td>
|
||||
<td>Revolt</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="https://deeptwisty.com/art/" rel="me">deeptwisty.com/art</a></td>
|
||||
<td>My art page</td>
|
||||
<td colspan="2"><h2>Me</h2></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="https://isopod.zone/@root" rel="me">@root@isopod.zone</a></td>
|
||||
<td>My account on my personal fediverse instance</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="https://tumblr.isopod.cool/" rel="me">@isopodhours</a></td>
|
||||
<td>My Tumblr account</td>
|
||||
</tr>
|
||||
<!--tr><td><a href="https://tumblr.isopod.cool/" rel="me">@isopodhours</a></td><td>My Tumblr account</td></tr-->
|
||||
<tr>
|
||||
<td><a href="https://deeptwisty.bandcamp.com/" rel="me">deeptwisty.bandcamp.com</a></td>
|
||||
<td>My Bandcamp page. If you want to support me, you can buy my music here.</td>
|
||||
|
|
@ -72,7 +69,7 @@
|
|||
<td>The Youtube channel for my music</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="https://www.youtube.com/@isopodgaming" rel="me">Willem</a></td>
|
||||
<td><a href="https://www.youtube.com/@isopodgaming" rel="me">isopod gaming</a></td>
|
||||
<td>My Youtube channel for other stuff</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
@ -374,7 +371,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td><a href="https://links.yesterweb.org/">Yesterlinks</a> [<a href="https://links.yesterweb.org/surf.php">Random</a>]</td>
|
||||
<td>A "user-curated directory of interesting off-the-beaten path websites", with over 500 links and counting!</td>
|
||||
<td>A "user-curated directory of interesting off-the-beaten path websites", with over 600 links and counting!</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="https://search.marginalia.nu/">Marginalia Search</a> [<a href="https://search.marginalia.nu/explore/random">Random</a>]</td>
|
||||
|
|
@ -386,9 +383,11 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td><a href="https://vincentsdungeon.com/links.html">Vincent's Dungeon/links</a></td>
|
||||
<td>A bigger link directory than mine brimming with educational, web, and TTRPG resources, curated by Vincent.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="https://unapothecary.neocities.org/websites">Unapothecary Link Directory</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
<div id="rightsidebg" style="background-image: url(bg.png); --distancefromcenter: -10%;" title="Pictured: My internet connection"></div>
|
||||
<div id="rightsidebg" style="background-image: url(bg.jxl), url(bg.jpg); --distancefromcenter: -10%;" title="Pictured: My internet connection"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
91
music/index.php
Normal file
91
music/index.php
Normal file
|
|
@ -0,0 +1,91 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Music</title>
|
||||
<link href="../../style.css" rel="stylesheet" type="text/css" media="all">
|
||||
<style>
|
||||
#flex-container {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
filter: drop-shadow(3px 3px 6px black);
|
||||
}
|
||||
#flex-container a {
|
||||
--columncount: 2;
|
||||
position: relative;
|
||||
width: calc(var(--bodywidth) / var(--columncount));
|
||||
height: calc(var(--bodywidth) / var(--columncount));
|
||||
background-image: var(--img);
|
||||
background-size: cover;
|
||||
transition-duration: 0.5s;
|
||||
overflow: hidden;
|
||||
}
|
||||
#flex-container a:hover {
|
||||
z-index: 50;
|
||||
box-shadow: 0 0 12px 2px black;
|
||||
transform: scale(1.2);
|
||||
color: #df1955;
|
||||
}
|
||||
#flex-container a span {
|
||||
background-color: #000000cc;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 5.2rem;
|
||||
padding: 0 2rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
transition-duration: 0.5s;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#flex-container a:hover span {
|
||||
bottom: -5.2rem;
|
||||
}
|
||||
@media only screen and (max-width: 43rem) {
|
||||
#flex-container a {
|
||||
--columncount: 1;
|
||||
}
|
||||
}
|
||||
@media only screen and (hover: none) {
|
||||
#flex-container a:hover {
|
||||
transform: initial;
|
||||
z-index: initial;
|
||||
box-shadow: initial;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<?php include($_SERVER['DOCUMENT_ROOT'] . '/seasonal.php'); ?>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<?php include($_SERVER['DOCUMENT_ROOT'] . '/nav.php'); ?>
|
||||
<h1>music</h1>
|
||||
<h2 id="caption">Albums I like</h2>
|
||||
<div id="flex-container">
|
||||
<a style="--img: url(covers/spectrum.jpg);" target="_blank" href="https://findaeden.bandcamp.com/album/spectrum" ><span>findaeden - Spectrum</span></a>
|
||||
<a style="--img: url(covers/funeral.jpg);" target="_blank" href="https://noisemaster.bandcamp.com/album/funeral-ep" ><span>Noisemaker - Funeral EP</span></a>
|
||||
<a style="--img: url(covers/ultrakill_imperfect_hatred.jpg);" target="_blank" href="https://heavenpierceher.bandcamp.com/album/ultrakill-imperfect-hatred"><span>Heaven Pierce Her - ULTRAKILL: Imperfect Hatred</span></a>
|
||||
<a style="--img: url(covers/el_camino.jpg);" target="_blank" href="https://theblackkeys.com/?frontpage=true" ><span>The Black Keys - El Camino</span></a>
|
||||
<a style="--img: url(covers/for_science.jpg);" target="_blank" href="https://waxlimbs.bandcamp.com/album/for-science" ><span>Waxlimbs - For Science!</span></a>
|
||||
<a style="--img: url(covers/triangle_unicode.jpg);" target="_blank" href="https://wearemagonia.bandcamp.com/album/triangle-unicode-lp" ><span>We Are Magonia - Triangle Unicode</span></a>
|
||||
<a style="--img: url(covers/unstoppable_force.jpg);" target="_blank" href="https://caliphate.bandcamp.com/album/unstoppable-force" ><span>CALIPHATE - Unstoppable Force</span></a>
|
||||
<a style="--img: url(covers/walks_of_lung.jpg);" target="_blank" href="https://patriciataxxon.bandcamp.com/album/walks-of-lung" ><span>Patricia Taxxon - Walks of Lung</span></a>
|
||||
<a style="--img: url(covers/realign.jpg);" target="_blank" href="https://vine.bandcamp.com/album/realign" ><span>Red Vox - Realign</span></a>
|
||||
<a style="--img: url(covers/fucked_up_friends_3.jpg);" target="_blank" href="https://tobaxxo.bandcamp.com/album/fucked-up-friends-3" ><span>TOBACCO - Fucked Up Friends 3</span></a>
|
||||
<a style="--img: url(covers/synthicate.jpg);" target="_blank" href="https://newretrowave.bandcamp.com/album/synthicate" ><span>LAZERPUNK - Synthicate</span></a>
|
||||
<a style="--img: url(covers/vast.jpg);" target="_blank" href="https://waterflame.bandcamp.com/album/vast" ><span>Waterflame - Vast</span></a>
|
||||
<a style="--img: url(covers/tortured_waters.jpg);" target="_blank" href="https://newretrowave.bandcamp.com/album/tortured-waters" ><span>DEADLIFE - Tortured Waters</span></a>
|
||||
<a style="--img: url(covers/millenialism.jpg);" target="_blank" href="https://music.businesscasual.biz/album/millennialism" ><span>NYSE - MILLENNIALISM</span></a>
|
||||
<a style="--img: url(covers/concrete_and_gold.jpg);" target="_blank" href="https://www.foofighters.com/" ><span>Foo Fighters - Concrete and Gold</span></a>
|
||||
<a style="--img: url(covers/revolution_radio.jpg);" target="_blank" href="https://greenday.com/" ><span>Green Day - Revolution Radio</span></a>
|
||||
<a style="--img: url(covers/the_last_ninja_2_c64_ost.jpg);" target="_blank" href="https://www.youtube-nocookie.com/embed/bjbN2RyZXHI" ><span>Matt Gray - The Last Ninja 2 (C64) OST</span></a>
|
||||
<a style="--img: url(covers/aeon_core.jpg);" target="_blank" href="https://perctrax.bandcamp.com/album/aeon-core" ><span>Scalameriya - Aeon Core</span></a>
|
||||
</div>
|
||||
<div id="leftsidebg" style="background-image: url(bg.jxl), url(bg.jpg); --distancefromcenter: -10%;" title="Fun fact: I own music on vinyl but not a record player!"></div>
|
||||
<br>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
6
nav.php
6
nav.php
|
|
@ -17,8 +17,8 @@ if($_SERVER["DOCUMENT_ROOT"] !== getcwd()) {
|
|||
echo "<a href='https://$host/'>home</a>";
|
||||
}
|
||||
echolink("about", "about");
|
||||
echolink("about/uses", "uses");
|
||||
echolink("about/music", "music");
|
||||
echolink("uses", "uses");
|
||||
echolink("music", "music");
|
||||
echo "</div><div>";
|
||||
echolink("blog", "blog");
|
||||
echolink("links", "links");
|
||||
|
|
@ -27,7 +27,7 @@ echolink("guestbook", "guestbook");
|
|||
echo "</div><div>";
|
||||
echo "<a href='https://deeptwisty.com/art/'>art</a>";
|
||||
echolink("stats", "stats");
|
||||
echolink("etc/greenhouse", "greenhouse");
|
||||
echolink("greenhouse", "greenhouse");
|
||||
echolink("etc", "etc");
|
||||
echo "</div></nav>";
|
||||
?>
|
||||
|
|
@ -87,7 +87,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td>Web services</td>
|
||||
<td title="That's three websites, Akkoma, Calckey, SearXNG, RSS-Bridge, Forgejo, Matrix, Nextcloud, and Radicale.">11</td>
|
||||
<td title="That's three websites, Akkoma, Calckey, SearXNG, RSS-Bridge, Forgejo, Matrix, Mumble, Nextcloud, and Radicale.">12</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Domains owned</td>
|
||||
|
|
@ -199,8 +199,32 @@
|
|||
<td>Number I'm thinking of</td>
|
||||
<td><?php echo rand(0, 69420); ?></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Personality</td>
|
||||
<td><?php
|
||||
$ei = array(
|
||||
"E",
|
||||
"I"
|
||||
);
|
||||
echo $ei[array_rand($ei)];
|
||||
$sn = array(
|
||||
"S",
|
||||
"N"
|
||||
);
|
||||
echo $sn[array_rand($sn)];
|
||||
$tf = array(
|
||||
"T",
|
||||
"F"
|
||||
);
|
||||
echo $tf[array_rand($tf)];
|
||||
$jp = array(
|
||||
"J",
|
||||
"P"
|
||||
);
|
||||
echo $jp[array_rand($jp)];
|
||||
?></td>
|
||||
</tr>
|
||||
</tbody></table>
|
||||
<div id="leftsidebg" style="background-image: url(bg.png); --distancefromcenter: -10%;" title="Pictured: A graph. I don't know what it's measuring. I hope the top line's the housing market."></div>
|
||||
|
||||
<div id="leftsidebg" style="background-image: url(bg.jxl), url(bg.jpg); --distancefromcenter: -10%;" title="Pictured: A graph. I don't know what it's measuring. I hope the top line's the housing market."></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -87,7 +87,7 @@
|
|||
<td>Stylus theme I made for <a href="https://status.cafe/">status.cafe</a>, the site behind the little status widget on my blog, and the attached forum.</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div id="rightsidebg" style="background-image: url(bg.png); --distancefromcenter: -15%;" title="Pictured: The level of code quality you're getting if you use this stuff"></div>
|
||||
<div id="rightsidebg" style="background-image: url(bg.jxl), url(bg.jpg); --distancefromcenter: -15%;" title="Pictured: The level of code quality you're getting if you use this stuff"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -161,7 +161,7 @@ label[for='navtoggle'] {
|
|||
width: 100%;
|
||||
border: none;
|
||||
}
|
||||
img {
|
||||
img, picture {
|
||||
max-width: 100%;
|
||||
}
|
||||
summary:hover {
|
||||
|
|
|
|||
|
|
@ -155,8 +155,14 @@
|
|||
</details>
|
||||
<details>
|
||||
<summary>Pictures</summary>
|
||||
<img src="images/pc1.png" style="width: 50%;" alt="My computer tower. The CPU heatsink, graphics card, RAM, and optical drive are prominently visible.">
|
||||
<img src="images/pc2.png" style="width: 50%;" alt="Closer shot of the inside of my compter with the glass side panel removed. My shoddy cable management is on full display.">
|
||||
<picture>
|
||||
<source srcset="images/pc1.jxl" type="image/jxl">
|
||||
<img src="images/pc1.jpg" alt="My computer tower. The CPU heatsink, graphics card, and RAM are prominently visible through the glass side panel. An optical drive is also visible on the front.">
|
||||
</picture>
|
||||
<picture>
|
||||
<source srcset="images/pc2.jxl" type="image/jxl">
|
||||
<img src="images/pc2.jpg" alt="Closer shot of the inside of my compter with the glass side panel removed. My shoddy cable management is on full display.">
|
||||
</picture>
|
||||
</details>
|
||||
</li>
|
||||
<li>
|
||||
|
|
@ -345,7 +351,7 @@
|
|||
</details>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="leftsidebg" style="background-image: url(bg.jxl), url(bg.png); --distancefromcenter: -20%;"></div>
|
||||
<div id="leftsidebg" style="background-image: url(bg.jxl), url(bg.jpg); --distancefromcenter: -20%;"></div>
|
||||
|
||||
</body>
|
||||
|
||||
Loading…
Reference in a new issue