hitstun

e-five Mod , 1 month ago to Mbin Dev

@hitstun just wanted to check with you as I think I misunderstood your request for a CSS var for color scheme. Do you mean you'd like something like class=theme--scheme-[light/dark] on the body class? For instance when the user selects tokyo night, solarized dark, dark, kbin it's theme--scheme-dark and when light or solarized light, theme--scheme-light to save you from having to type out selectors for each theme?

And I did investigate the magazine description federation issues. Think I have an idea, I'll make an issue for it and it will probably be the next thing I work on after my current open PRs.

#Mdev

hitstun , 1 month ago

@e-five Yeah, something like that. I'm sure some Mbin instances will want to create their own themes in addition to the six default ones. If each new theme sets either theme--scheme-dark or theme--scheme-light, they'd be compatible with any magazine-specific CSS that uses them.

I was also thinking about making the themes set their colors in RGBA format like rgba(253,246,227,1) instead of hex like #fdf6e3. That way, we can set alpha values for cool transparent backgrounds and gradients. But I guess if I really wanted to, I could write JavaScript that make that conversion for me. I keep forgetting that there's magazine-specific JavaScript too.

hitstun , 28 days ago

@e-five Ah, that makes sense now. I wondered why the Solarized theme has a light background on my desktop but a dark background on my phone. Those match my dark mode preferences on those browsers. I thought I messed up my CSS somewhere.

hitstun Mod , 1 month ago (edited 1 month ago) to Floating Is Fun

On this day 25 years ago, Bertrand Piccard and Brian Jones became the first to fly non-stop around the world in a balloon. They suffered multiple mechanical failures through their flight, resulting in a icy cold trip that was definitely not fun but historic for #balloons nonetheless.

By the way, how do you like my new two-column layout? Since we're very visual-focused, it makes sense to present Fedia's thumbnails at their full 380x380 size. I still need to make it look better on small displays like phones, and I'm thinking I'll allow more columns on wider displays. It's too bad my CSS doesn't federate to any other instances and isn't used when browsing by tag.

hitstun OP Mod , 1 month ago (edited 1 month ago)

@e-five Oh wow, thank you! I didn't realize I had an Mbin developer in the crowd here. I come from Old Reddit where CSS is all we had to work with. People pull off some sorcery with CSS, such as /r/GlobalOffensive's and /r/LeaguePBE's sidebar craziness and /r/AdamNeely's transparent background. It's a shame my CSS doesn't federate to other instances, so it's only possible to see it on my own instance.

A few things would help, though:

• Add magazine panel options to display thumbnails at their full size, which on Fedia is 380x380, togglable for the main page and for all article pages
• Make article pages download the attached image automatically and replace the thumbnail with the full image when loaded
• Fix formatting of the magazine description so the line breaks federate to other instances
• Get article badges working like Reddit post flairs
• Add a magazine panel option to allow multiple columns and specify the maximum columns allowed
• Throw an appropriate error message if an image I'm uploading is too large, which on Fedia is 6,000,000 bytes
• Add a CSS variable for if we're currently in a dark mode
• Write theme colors in RGBA instead of Hex so CSS writers can do math with those colors
• Add a user option to restrict text string searches and tag searches to one magazine or all federated magazines

...That ended up being more than a few ideas. I should quit being lazy and make GitHub issues for some of these.