Edit: @[email protected] has designed a better solution using only CSS, and this should be used instead of the old script! If you’re reading this page for the first time, ignore this message.

This userstyle adds a red heart next to people that are from your home server, and any other servers that you manually define. Spot your server buddies out in the wild!

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

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

  6. (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

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

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

  • GodM
    link
    fedilink
    English
    arrow-up
    1
    ·
    2 years ago

    i’m trying it out and it doesn’t seem to do anything, at least here

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

      Did you edit the variables at the top of the script? It no longer assumes your homeserver, since it works globally.

      I put in sh.itjust.works as the homeserver and this is the view from sh.itjust.works server:

      and this is the view from pawb.social side (identical):

      Edit: Also, at least in my experience I had to refresh old pages once or twice before the new script would start working. Try a few new tabs and see if that fixes it.

      • GodM
        link
        fedilink
        English
        arrow-up
        2
        ·
        edit-2
        2 years ago
        1. i had to edit many things, and then in the end i realized it wasn’t running bc the top @match did not match sh.itjust.works. in the end i’m using https://**/*, idk what that does but it matches.
        2. I excluded myself from the hearts. If you also don’t wanna add hearts to yourself because, well, you already know you are from your server, then you can add this to the line:
        const yourUsername = "username goes here"
        if ((fromHomeServer || endsWithFrendServer) && username.href.split('/u/')[1] !== yourUsername)
        
        • Yote.zip@pawb.socialOP
          link
          fedilink
          English
          arrow-up
          1
          ·
          2 years ago

          weird. the screenshots I took were with the normal match - I’m using violentmonkey so maybe they have different match behavior? Does https://*/* work? I may just change the default to that if it doesn’t matter either way

          • GodM
            link
            fedilink
            English
            arrow-up
            2
            ·
            edit-2
            2 years ago

            hmmm seems to work now?? idk what happened before. (using https://*/*)