I made a userscript (eventually converted into a userstyle) so I could go sightseeing across lemmy and spot all you animals out in the wild. pawb.social, pawb.fun, and furry.engineer are pre-filled already, but you can add other servers to track as well!

Edit: Special mention to redyoshi49q@furry.engineer for this post, whose techniques resulted in CSS to achieve parity with my userscript. My older userscript should not be used anymore, as the CSS will do the same thing but more efficiently.

Instructions:

  1. Install Stylus extension for firefox/chrome

  2. “Write new style” in the addon settings

  3. Copy paste the CSS code below in

  4. Modify the code around line ~11 in order to reflect your homeserver and any additional frendservers that you want to highlight. Currently it’s set to pawb.social and the mastodon servers that pawb.social also operates, but feel free to add some of the furry instances below as well (post in the comments if you’ve got a good furry instance to add here!):

  1. Modify the code around line ~19 to reflect your homeserver

  2. (Optional) If you’d like your homeserver buddies to have a different marker, uncomment the various sections around line ~27 through ~50 by removing the /* and */ bits

  3. (Optional) Play around with different markers and colors!

CSS/Userstyle: https://gist.github.com/redyoshi49q/f1b2d1da0a8f7536aba1f8c3110d2dd8

  • Wander@yiffit.net
    link
    fedilink
    English
    arrow-up
    0
    ·
    1 year ago

    Thank you so much for this and thank you for mentioning us! ❤️

    I’m not on a PC right now but will install it in a little while.

    • Yote.zip@pawb.socialOP
      link
      fedilink
      English
      arrow-up
      0
      ·
      1 year ago

      ❤️ I’m working on an update to this at the moment so stay tuned. The way lemmy re-uses links is not what I was expecting, so currently if lemmy live-inserts a new post above another one, everyone’s hearts get mixed up. I’ve got a fix for this but I’m going to look at a couple other features as well.

      • Wander@yiffit.net
        link
        fedilink
        English
        arrow-up
        2
        ·
        1 year ago

        No worries! I was wondering if I could pitch an idea. The biggest gripe I have right now with Lemmy is not being able to only view content of furry instances.

        I was imagining a userscript that when you turn it on, hides any post that wasn’t submitted to an @pawb.social or @yiffit.net instance.

        Do you think that’s feasible?

        • Yote.zip@pawb.socialOP
          link
          fedilink
          English
          arrow-up
          3
          ·
          edit-2
          1 year ago

          I updated the script here: https://greasyfork.org/en/scripts/468689-frend-detector-lemmy

          From a userscript side I think what you want is not super easy. I’m more of a backend guy than a web dev so maybe I’m missing something obvious, but best case I think you’d only get a couple posts at a time with a script solution, since the server is going to serve you a ton of junk you don’t want before you filter it out with a script. To my (limited) knowledge, there’s no way to ask the server for specific communities so you get a full page worth of useful content.

          I think the main thing we need is multi-community support (e.g. r/furry+secretfurryagenda+furry_irl on reddit), the ability to view the local timeline of another lemmy instance, and possibly those two ideas combined into multi-local-instance timeline. I think this sort of feature is only doable by the actual lemmy team via feature request on the lemmy github: https://github.com/LemmyNet/lemmy/issues

          I’m super new to lemmy though, so I might be missing something!

        • redyoshi49q@furry.engineer
          link
          fedilink
          arrow-up
          1
          ·
          1 year ago

          A CSS script could do that… if the :has() selector is supported.

          With that said, I’ve recently run into issues with that selector not being supported (due to it being recent CSS spec) in two different (but not recently updated) user style extensions that I’ve tried it with (in one, it is entirely unrecognized; in the other, you get errors when trying to do nontrivial things in the :has() ).

          I could copy/paste some example user CSS for you if you’d like to see if you can get it working.