Comment on Is there a server that doesn't require allowing javascript of a million other servers?

rimu@piefed.social ⁨1⁩ ⁨week⁩ ago

• trinsec@piefed.social ⁨1⁩ ⁨week⁩ ago

  Just curious, what's the 5% that doesn't work with JS disabled?

  source

  • rimu@piefed.social ⁨1⁩ ⁨week⁩ ago

    Voting, lol. Kinda important.

    Dropdown menus. They're not really needed but life sucks without them.

    Can't manually switch between dark and light mode (only automatically based on browser settings).

    There's probably more but I haven't seriously tried to use PieFed for long without JS. Fundamentally it's built HTML and CSS first, with sprinkles of JS added on for funsies rather than the modern way of being all about JS.

    source

    • foggy@lemmy.world ⁨1⁩ ⁨week⁩ ago

      Yesterday:

      <nav script="dropdown.js" style="dropdown.css">
        <button onclick="toggleDropdown()">Menu</button>
      </nav>
      

      source
    • e0qdk@reddthat.com ⁨1⁩ ⁨week⁩ ago

      Voting

      You could support this by making vote buttons submit a form if JS isn’t enabled. (That’s what mlmym does.)

      Can’t manually switch between dark and light mode

      Hmm… There are some pretty nifty things you can do with a hidden checkbox, label, and some clever CSS (e.g. html:has(#element:checked) + CSS variables – though FYI :has is baseline 2023.)

      Making it persistent would require some more effort – e.g. form + cookies + server side style sheet selection, most likely. mlmym lets users change their theme w/o JS by submiting a form on the setting page. I’d have to think a bit if there’s a good way to make it persistent across multiple requests for logged out users with a CDN caching things in between though…

      only automatically based on browser settings

      Doesn’t actually work for me in a FF138-based browser w/ JS blocked via NoScript – I always get light mode despite having a dark mode preference set. (Where do you have your prefers-color-scheme media query?)

      Also, FYI I had to manually override font restriction – otherwise all your buttons end up as tofu characters. (I think NoScript is being kind of unreasonably strict there by blocking first party fonts.) That’s a papercut kind of issue, but figured I’d point it out in case it might save you some debugging time if you get confused NoScript users in the future.

      source

      • rimu@piefed.social ⁨1⁩ ⁨week⁩ ago

        Yeah I think it'd be worth getting the voting buttons working, those are pretty key functionality.

        The icons being stored in a font is kinda problematic (some browsers choke, large font file) but on the other hand it's so great being able to set the color of them in CSS, which I found difficult when they are a SVG.

        source
• awbvious@lemmy.world ⁨1⁩ ⁨week⁩ ago

  Looks nice is my immediate impression (looking at it with all javascript off, including ). Still would like thumbnails that are the entire image just much smaller, maybe via CSS. The cropping is very misleading on a lot of images. Perhaps one could use css-toggle-switch–not going to try to solution it, and I know last time I checked css wasn’t great for it. But the results are notably different from lemmy.world for Active or Top past 12 hours. Not necessarily /bad/, particularly for top posts as they at least have a bit of engagement. But it seems like part of the solution is just don’t incorporate results from servers that require javascript. Is it possible (ethical even) to incorporate them, but be a middle-man that saves the user from their javascript?

  source

  • rimu@piefed.social ⁨1⁩ ⁨week⁩ ago

    In https://piefed.social/user/settings there are two different compact modes to choose from, which shrink the images to varying degrees.

    I don't know of any way to determine how JS-heavy a link is.

    source

    • awbvious@lemmy.world ⁨1⁩ ⁨week⁩ ago

      I’ll try to play with it next time I’m on desktop. Thanks!

      source
• mesamunefire@piefed.social ⁨1⁩ ⁨week⁩ ago

  Piefed i kinda awesome. Switched earlier in the year :)

  source