#i have a css problem

[ryutarotakedown]

hello, magnus protocol fans! are You searching for a transcript of the first episode? do You, despite knowing that there are official PDF transcripts of the magnus protocol on the rusty quill website, wish there were also a handy website format that you can pull up on your phone? perhaps one with a faded yellow background even?

well you're in luck!

enjoy :)

(all credit for the base code goes to @snarp, whose TMA transcript website is the greatest of all time and whose blanket permission i used to clone this repository)

[jihnari]

this is how i spent my week 🤡 (pure html/css mock of a character's phone notifications)

i added in the "notification settings" and "clear" buttons for accuracy, and then had the terrible thought "but what if the clear button cleared the notifications"

it does that now! i dont want to talk about how long it took to get it to do that. but. it does that now ✨

[valiant-if]

Hey, everyone!

I'm currently working on a very basic implementation for short stories to be read in the actual game, but I encountered something that I wasn't aware was an issue.

For some reason, dialog popups that exceed a certain length are overflowing off the page, and this happens even when I go into the style sheet and change the dialog overflow property accordingly. (And, yes, this happens on both PC and mobile.)

Thankfully, I don't think any of the dialog boxes so far exceed the length of the box, which is doubtless why no one has ever reported this issue to me before. But it does mean that, until I can figure out why that's happening, there is a possibility that future dialog boxes will have this problem.

As for short stories, I wanted to implement them with dialog boxes because I think it looks nicer that way (on mobile specifically), but instead I'll be doing the more simple (and probably expected) implementation of making passages with the <<return>> macro.

The demo update this week is going to be pretty sparse on account of the holidays, but it will have the first four "Snowed In" snippets of the bunch. The last four will be released with the January 4th update, which will be the last day of the free month of ko-fi benefits.

[clumsypuppy]

My god I need to finish this website so I can write diary entries and not be this obvious abt it

[acediscowlng]

the funny thing about corporate job hunting is that so many listings require proficiency in whatever their saas of choice is like it's some big deal for the job or something but 95% of the time it's like. a calendar app with a search bar. or like. notion.

[laurelnose]

I saw your Disco Elysium work skin on AO3 and I felt like I could add to it a bit. I thought it'd be cool if the formatting could break down if anything ever happened near the Pale. I'm pretty solid at programming so I'm definitely not asking you to do it, but if you had any suggestions I'll take them. Part of the problem is the fact that everything you've written applies to the entire workskin div, and my smooth brain was never that good at frontend in the first place.

hi! that sounds awesome; let me know if you do end up figuring something out and I’d be happy to link to your mods!

lol yeah I love div minimalism but it has its drawbacks. and tbh even I go a bit cross-eyed trying to read my own gradient code. 😅 It would probably be easier to mess with if you used the FELD Playback version, which applies the background to a div nested within the workskin. You can leave out the feld-overlay-start and feld-overlay-end divs if you don’t wanna deal with them. Also I cannot recommend this codepen enough for work skin testing, it really simplifies the whole business.

It then depends on what you would want “breaking down near the pale” to look like. My first instinct is to lean into the tape metaphor. Nesting the parts of the fic that take place near the pale in a div with a TV-static background and some negative margin fuckery to make it cover its containing div could work, maybe with some gradient work to make the static fade in and out. Or possibly have the tape background itself fade out. You could do this by making a new feld-body class with an added linear gradient with the background gray at the bottom fading to transparent over maybe, idk, 5-10em?, another where the linear gradient goes from top to bottom inside, and a third solid gray div with zero top/bottom margin that you could sandwich between them. Or use white instead of solid gray.

More subtle effects might be text-only: a series of classes for p tags with increasing transparency, for instance. Have you looked at THE FURY OF A SHATTERED MIRROR by ASpooky, especially chapters 11-15? They’ve done some really fantastic work with formatting there. The insertion of “Heart. Lungs. Liver. Nerves. Heart. Lungs. Liver. Nerves” in ch. 11 particularly seems pale-adjacent, since it can add signal from other sources.

[wander-wren]

this is seriously going to drive me insane so even tho i didnt want to say anything until i was done,,,,,bc i am a strong independent woman (gender unspecified),,,,,,,,anyone out there know html

im makin a neocities. it was going great for like three days! but. uh

[chameleon-sting]

battle of the century: my desire to gain a better understanding of both html and css so i can make my website nice and functional vs the allure of devil hunting action

[thunderlina]

In the wake of the TikTok ban and revival as a mouthpiece for fascist propaganda, as well as the downfall of Twitter and Facebook/Facebook-owned platforms to the same evils, I think now is a better time than ever to say LEARN HTML!!! FREE YOURSELVES FROM THE SHACKLES OF MAJOR SOCIAL MEDIA PLATFORMS AND EMBRACE THE INDIE WEB!!!

You can host a website on Neocities for free as long as it's under 1GB (which is a LOT more than it sounds like let me tell you) but if that's not enough you can get 50GB of space (and a variety of other perks) for only $5 a month.

And if you can't/don't want to pay for the extra space, sites like File Garden and Catbox let you host files for free that you can easily link into NeoCities pages (I do this to host videos on mine!) (It also lets you share files NeoCities wouldn't let you upload for free anyways, this is how I upload the .zip files for my 3DS themes on my site.)

Don't know how to write HTML/CSS? No problem. W3schools is an invaluable resource with free lessons on HTML, CSS, JavaScript, PHP, and a whole slew of other programming languages, both for web development and otherwise.

Want a more traditional social media experience? SpaceHey is a platform that mimics the experience of 2000s MySpace

Struggling to find independent web pages that cater to your interests via major search engines? I've got you covered. Marginalia and Wiby are search engines that specifically prioritize non-commercial content. Marginalia also has filters that let you search for more specific categories of website, like wikis, blogs, academia, forums, and vintage sites.

Maybe you wanna log off the modern internet landscape altogether and step back into the pre-social media web altogether, well, Protoweb lets you do just that. It's a proxy service for older browsers (or really just any browser that supports HTTP, but that's mostly old browsers now anyways) that lets you visit restored snapshots of vintage websites.

Protoweb has a lot of Geocities content archived, but if you're interested in that you can find even more old Geocities sites over on the Geocities Gallery

And really this is just general tip-of-the-iceberg stuff. If you dig a little deeper you can find loads more interesting stuff out there. The internet doesn't have to be a miserable place full of nothing but doomposting and targeted ads. The first step to making it less miserable is for YOU, yes YOU, to quit spending all your time on it looking at the handful of miserable websites big tech wants you to spend all your time on.

[dirtymaws]

you gave me the final kick i needed to finally start learning html and make a website! so far ive just added some text, but even knowing i can successfully make a body text is so accomplishing!!!!

YIPPEE!! AW that's so exciting, I'm so happy for you!! Adding new body text and watching it come to life is one of my favourite things to do on my website. There's words! MY words! I put those there!! I'm so so so so so glad I could offer any encouragement. I'm not the best coder in the world, and I can't do much, but what I can do brings me so much joy and I only hope it continues to be a fun, exciting, rewarding hobby for you!!

[irlmaeda]

im so good at this html shit. "just write a css file holy shit" no

[xumoonhao]

so far, hehe <3

[nynasunner]

Social media sites that claim to have custom css and when you check them out they only have inline css are the most vile thing on earth

[godsfavoritescientist]

I wouldn't call it *good* but I moved some things around in a base theme's code and now all I gotta do is add some images to the sides. baby's first tumblr theme edit 👍

[emcapi]

I ended up fully switching to mobile browser and uninstalling the app after discovering that the Tumblr app was the sole reason that my phone battery was draining absurdly fast, and overheating so bad that my phone was almost hot to the touch at times. I've had minimal issues with the mobile browser version, plus if you have the Firefox app, you can install uBlock Origin and no longer have to deal with the ads. It's a tiny bit less easy to reblog stuff, but I've adapted quickly.

How tf does tumblr drain battery faster than YouTube

[lonely-coconut]

New blinkie credit system idea

Heyo, new idea for my blinkie site today! So, right now for each blinkie they are linked to their source, and then it also says the source when hovered over, and it has a screenshot of the source (in an html comment) in case the credit link dies one day.

The problem is, that’s a whole lot of bologna. With this current system, I will have to swap the credit link for a screenshot link whenever an old link dies. And, well… how am I supposed to know when a credit link dies?? I’m not checking random blinkies 24/7. (Well, I kind of am… but that’s because I’m coding my blinkie site. Shh.) Would I make some kind of reporting system so users can tell me when they find a broken credit link? Or, will I have to tell the users that if a link is broken, to go into the code to find the screenshot?

No, those are both ridiculous and inefficient. Ideally, I won’t have to update a blinkie’s code at all, and the site should be accessible and intuitive to everyone. Once a blinkie’s in, it’s in, and good to go forever. That’s how it should be anyway. So my solution? Give each blinkie a link to it’s source AND a link to it's screenshot! I didn’t think this would be possible or easy, but with some css I think I’ve figured it out! Check it out gang:

(Blinkie source btw)

When you hover over a blinkie, you get three options. A link to the source, a link to the screenshot proving the creator, and a link to view the blinkie at full size! And, the blinkie itself is still linked to the source as well, so a simple click will still take you there. With this new system, I won’t have to update anything. Instead, on site I will explain like “Hey, each blinkie is linked to it’s source, but if the link is broken, you can view a screenshot which proves who the creator is by hovering over the blinkie!”

This goes so hard. I’m very happy about it. This means that I won’t have to update the site for credit over time, and the site should ideally still work perfectly fine without my intervention for years to come! The credit for every blinkie shall be immortalized, and accessible to all. It’s very exciting! Things are going just so swell right now.

Edit: Posting this today since I forgot it in my drafts lol. Since then the dropdown css looks a lot better, and I also made variations for each blinkie color! I’m not going to have this on day one (focusing more on quantity over quality right now), but I plan to go back and implement this at some point!