Platform(s):
Website
URLs (aka web addresses) of any pages, if relevant:
N/A
Description of need:
Admittedly just a fun thing people can display on their blogs or personal websites.
Feature request details:
I think it’d be great to have HTML code one can use to embed a link to their iNaturalist profile, like with StackExchange profiles. (If this feature already exists, please let me know where to set it up! I spent hours trying to do it on my own and got stuck!)
I have prepared a mockup using existing iNaturalist APIs that fetch user data. It is my first time using Javascript and JSON parsing so it is pretty janky, and full disclosure, I started by using the HTML source for StackOverflow flairs as a starting point (which is pretty obvious visually). As you can see, I got stuck trying to embed the binoculars, leaf, and badge icons for observations, species, and identifications, respectively.
Clicking anywhere in this grey box links to the user’s iNaturalist profile.
If I could just fetch the icons, I’d already be happy putting this on my website, though of course if this were to become a proper thing, it could be souped up to fit iNaturalist’s current visual themes. I managed to steal the bird icon right from the iNaturalist website, because it’s just the favicon for the main page. However, the other ones don’t seem as easy to embed, as they seem to be pulled from different third-party databases of icons, which required signup and possibly payment.