rel="me" verification on About page links

[obrl-soil]

Having recently started a Mastodon account, I see there's an option to help 'verify' one's account against one or more external websites, described in the docs here and more generally here, with results that look like this. tl;dr one adds rel="me" to the <a></a> tag when linking to one's Mastodon profile from elsewhere.

I'm not sure how to do this on my blog's About page except by editing the HTML immediately after rendering the site and before pushing it to GH pages like this.

Would it be possible to add an attribute to the yml in about.qmd to help automate this? e.g.

links:
   - icon: mastodon
     aria-label: Mastodon
     href: https://mastodon.social/@yourhandle
     rel: "me"

There are other variations I've seen like rel="me nofollow" that may also need be handled.

[dragonstyle]

This is a nice suggestion - I created an issue to track this and will try to get to it soon!

[obrl-soil]

Thanks!

[jimjam-slam]

I'd also love to see this! I tried adding a link manually to my home page body with:

[Mastodon verification](https://aus.social/@jimjamslam){rel="me" style="display: none;"}

Which renders to:

<p><a href="https://aus.social/@jimjamslam" rel="me" style="display: none;">Mastodon verification</a></p>

But it isn't getting picked up. Not sure if display: none; is causing it to be ignored, as the Mastodon docs don't place any conditions beyond it having rel="me".

[jimjam-slam]

Update: the above does, in fact, work! I just had to add the link first and list it on my profile second.

[mcanouil]

This feature is in v1.3 pre-release. 🥳
See #3333

Thanks @effigies

[mjskay]

Does rel: me work on links in the navbar? I tried:

website:
  navbar:
    tools:
      - icon: mastodon
        href: "https://hci.social/%40jovi"
        text: JoVI Mastodon
        rel: me

And the rel attribute doesn't seem to be added to the output HTML.

(also, I tried "https://hci.social/@jovi" at first and the link came out as "https://hci.social/", hence the use of url-encoded %40 for @ above --- not sure if that's a bug)

[mjskay]

@cscheid 👋 :)
Thanks for opening an issue!

@mcanouil thanks --- that fix worked for me under website: navbar: tools:. Oddly, under website: page-footer: right: (where we also have the link) I just realized I can use href: "https://hci.social/@jovi" just fine, and conversely your suggested fix does not work there. Not sure why those two places are behaving differently.

My output of quarto --version is 1.3.313 if that helps.

[cscheid]

PR is up, #5757

[cscheid]

and conversely your suggested fix does not work there. Not sure why those two places are behaving differently.

They're expanded using different EJS templates. I bet we have some inconsistencies there. I'll make sure to review this with @dragonstyle.

[cscheid]

@mjskay the latest stable 1.3 release is 1.3.361, so that might account for the difference. I just merged the fix on main, and backported it to v1.3. A new 1.3 patch release should be out in ~2 weeks. If you want to use the prerelease version, v1.4.114 is currently being built and will have the fix for this.

[mjskay]

thanks so much @cscheid!

[mcanouil]

Closing as completed: #3212