For comparison and discussion of what we do/don't want to be included, this sounds similar to what SE call "flair" (we don't need to use the same name here).

Note that the image in your question is of a user card, which appears under a post, and doesn't need as much context because it is already on a Codidact page. For displaying on an external website we might want some context such as the Codidact logo or name or both, or the logo or name of the specific community if it isn't an overall Codidact badge.

To demonstrate the potential differences, here is what my user card looks like under a Code Golf SE post:

Contrast this with my Code Golf SE flair for use on an external website:

There is also an overall SE flair showing multiple communities:

Hopefully we can do better than this in terms of use of space, treatment of long usernames, and consistency, but these show that we might want to have some differences from the user card that shows under a post.

In addition to having a community specific and an overall Codidact version, perhaps we could also have a few variations that a user can choose from, depending on what they want to emphasise. For example, Codidact puts less emphasis on the reputation score, so perhaps we could have a version that shows reputation and a version that does not, so a user can prioritise what to use the space for. Similarly we could have multiple sizes, with different amounts of information.

These could all be listed in a dedicated page, perhaps a tab on the user page, and each one could be accompanied by the raw text to paste into your website's HTML to display it.

posted 8 months ago

CC BY-SA 4.0

8mo ago

trichoplax‭

304 119 1068 421