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
    2
    ·
    1 year ago

    The way I’ve done mine is to detect universally if it’s a lemmy instance, and if it is, run. Otherwise just return.

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

      Yeah, that’s definitely an option, but then the script will have to check on every website you visit. Practically it’s not a problem but it feels a little weird. If there’s a good reason to run this script on foreign lemmy servers it’s not a problem to change to that style, but for right now I didn’t see a reason to make it global.

      • GodM
        link
        fedilink
        English
        arrow-up
        1
        ·
        1 year ago

        when i install it i’ll just make it run globally, i see no reason why not x) i’m always visiting all the instances anyway cuz it’s better that way for now until better fedtools come out

          • GodM
            link
            fedilink
            English
            arrow-up
            1
            ·
            1 year 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
              1 year 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
                1 year 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
                  ·
                  1 year 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
                    1 year ago

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