Share on Mastodon icon

[alfonsomunozpomer]

I made a ‘Share on Mastodon’ icon plus a footer link as well. See picture below.

I was wondering if this is something you’d be interested in? I thought it’d be better to ask before opening a PR.

[jhauraw]

Ya sure, unless it needs a JS library to share. Does the share func work with just a link like the Twitter one?

You prob already saw this, but the SVGs have 32x32 viewbox and a 1:1 ratio meaning perfect square with icon touching edges of viewbox on at least two sides. This makes all the icons scale and look proper.

Run the svg through nano as well: https://vecta.io/nano

[jhauraw]

Oh wait, we should use their logo instead of a custom designed one. In their presskit is the one called "Logotype (Full).svg". This is the one I would suggest (with viewbox changed and color to black), unless you have a reason why we would want a custom icon?

[alfonsomunozpomer]

The reason I’m not using the official Mastodon icon is that the share service I’m using is toot, and that’s the icon from the project. Since Mastodon is a federated network, there are multiple servers and you can’t have a single click link, so to speak. You need to go through some middle service that allows you to select your server in order to share a link. Toot lets you store the default server in your browser’s local storage to make things easier, though. In the end the link is like a Twitter link, e.g. href="https://toot.karamoff.dev?text={{ printf "%s by @%s %s" $currentPage.Title $author.mastodon $currentPage.Permalink }}".

Let me know your thoughts and I can open a PR with either icon.