Communities

Writing
Writing
Codidact Meta
Codidact Meta
The Great Outdoors
The Great Outdoors
Photography & Video
Photography & Video
Scientific Speculation
Scientific Speculation
Cooking
Cooking
Electrical Engineering
Electrical Engineering
Judaism
Judaism
Languages & Linguistics
Languages & Linguistics
Software Development
Software Development
Mathematics
Mathematics
Christianity
Christianity
Code Golf
Code Golf
Music
Music
Physics
Physics
Linux Systems
Linux Systems
Power Users
Power Users
Tabletop RPGs
Tabletop RPGs
Community Proposals
Community Proposals
tag:snake search within a tag
answers:0 unanswered questions
user:xxxx search by author id
score:0.5 posts with 0.5+ score
"snake oil" exact phrase
votes:4 posts with 4+ votes
created:<1w created < 1 week ago
post_type:xxxx type of post
Search help
Notifications
Mark all as read See all your notifications »
Q&A

Welcome to Codidact Meta!

Codidact Meta is the "town hall" (meta-discussion site) for the Codidact community network and the Codidact software. Whether you have bug reports or feature requests, support questions or rule discussions that touch the whole network – this is the site for you.

Post History

80%
+6 −0
Q&A A Codidact badge/flair for my profile on my web site?

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 i...

posted 8mo ago by trichoplax‭  ·  edited 8mo ago by trichoplax‭

Answer
#2: Post edited by user avatar trichoplax‭ · 2026-01-06T16:05:21Z (8 months ago)
Reduce ambiguity
  • 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:
  • > ![Code Golf Stack Exchange user card showing my avatar, username, reputation, and gold, silver, and bronze badges](https://meta.codidact.com/uploads/z79kdy8gj5594b9bcd3qqtrhnhik)
  • Contrast this with my Code Golf SE flair for use on an external website:
  • > ![Code Golf Stack Exchange flair card showing my avatar, Code Golf logo, username, reputation, and gold, silver, and bronze badges](https://meta.codidact.com/uploads/opzbo27z01f9orsqqehxb9z26j9e)
  • There is also an overall SE flair showing multiple communities:
  • > ![Stack Exchange flair card showing my avatar, username, total reputation over all communities, gold, silver, and bronze badges, and a selection of community logos](https://meta.codidact.com/uploads/1k0lenh4wwrws3zzzb8hye7ytvcj)
  • 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 reputation, 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.
  • 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:
  • > ![Code Golf Stack Exchange user card showing my avatar, username, reputation, and gold, silver, and bronze badges](https://meta.codidact.com/uploads/z79kdy8gj5594b9bcd3qqtrhnhik)
  • Contrast this with my Code Golf SE flair for use on an external website:
  • > ![Code Golf Stack Exchange flair card showing my avatar, Code Golf logo, username, reputation, and gold, silver, and bronze badges](https://meta.codidact.com/uploads/opzbo27z01f9orsqqehxb9z26j9e)
  • There is also an overall SE flair showing multiple communities:
  • > ![Stack Exchange flair card showing my avatar, username, total reputation over all communities, gold, silver, and bronze badges, and a selection of community logos](https://meta.codidact.com/uploads/1k0lenh4wwrws3zzzb8hye7ytvcj)
  • 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.
#1: Initial revision by user avatar trichoplax‭ · 2026-01-06T16:00:32Z (8 months ago)
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:

> ![Code Golf Stack Exchange user card showing my avatar, username, reputation, and gold, silver, and bronze badges](https://meta.codidact.com/uploads/z79kdy8gj5594b9bcd3qqtrhnhik)

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

> ![Code Golf Stack Exchange flair card showing my avatar, Code Golf logo, username, reputation, and gold, silver, and bronze badges](https://meta.codidact.com/uploads/opzbo27z01f9orsqqehxb9z26j9e)

There is also an overall SE flair showing multiple communities:

> ![Stack Exchange flair card showing my avatar, username, total reputation over all communities, gold, silver, and bronze badges, and a selection of community logos](https://meta.codidact.com/uploads/1k0lenh4wwrws3zzzb8hye7ytvcj)

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 reputation, 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.