JS

This Javascript displays a user's IP address. I used it as a joke for my FAQ section, it does not store any info lol
document.addEventListener("DOMContentLoaded", function () { fetch("https://api.ipify.org?format=json") .then((response) => response.json()) .then((data) => { document.getElementById("ip-address").textContent = data.ip; }) }); <span id="ip-address"></span> this code works like this:
(is it accurate? probably not. but if you're just using it as a gimmick who cares)

This Javascript applies lazy loading to all images. var images = document.querySelectorAll('img'); images.forEach(function(image) { image.setAttribute('loading', 'lazy'); }); idk how to show an example

CSS

This style is for juneish's tapedeck. Works only on Firefox/Librewolf
tape-deck { display: flex; align-items: center; gap: 1em; font: 0.875em/1 pixel, sans-serif; } tape-deck button { text-decoration: underline dotted; background: none; border: none; padding: 0; cursor: pointer; font: inherit; color: inherit; user-select: none; } tape-deck select { text-overflow: ellipsis; white-space: nowrap; contain: inline-size; overflow: hidden; flex: 1; background: none; border: none; padding: 0; color: inherit; font: inherit; text-align: right; cursor: pointer; } button, select, summary { user-select: none; cursor: pointer; } this style looks like this:

żakk yaps about the style above

The reason the file names look odd is because they're japanese songs, and I just uploaded them like that. Obviously, you can't have japanese characters in file names so they went all fucky. If you name your files correctly they will not look as bad as they do in the image above.
also i do not know why this style does not work on anything but firefox, i didn't even notice this issue until someone in the nekoweb server pointed it out to me (since all my friends use firefox). I will get to fixing this issue since I cannot force the world to use firefox. Sadly.

This style is for maxpixel's last fm widget #listening { display: flex; flex-direction: column; align-items: flex-start; font-family: MS Gothic; } #listening p:first-child { font-weight: bold; margin-bottom: 8px; margin-top: 1px; } #trackInfoContainer { display: flex; align-items: center; } #trackInfoContainer img { width: 64px; height: 64px; border-radius: 5px; margin-right: 12px; } #trackInfo { display: flex; flex-direction: column; } #trackName { font-size: 16px; font-weight: bold; margin: 0; } #artistName { font-size: 14px; color: gray; margin: 2px 0 0; } this style looks like this: