se-flair: HTML combined Stack Exchange site flair

Screenshots

Screenshots of immoderate samples:

Tooltip pinch full reputation:

Tooltip pinch specific-site reputation:

Live PNG Samples:

About

se-flair produces combined-account flair successful nan shape of a short HTML archive suitable for iframe-embedding, a javascript record for embedding, aliases a PNG image. The flair fits pinch nan look of nan modular flair connected Stack Exchange sites. Using HTML allows for links to aggregate specific-site profiles and tooltips showing full rep and specific-site rep. Totals are calculated crossed each linked accounts (as opposed to nan modular mixed Stack Exchange flair, which only uses sites wherever nan personification has astatine slightest 200 rep).

Display sanction and gravatar are taken from nan highest-rep associated account. The circumstantial sites shown and linked are successful descending-rep order. The number of sites shown and linked tin beryllium chosen from 1-8 (with a default of 7, since nan 8th conscionable hardly doesn't fit).

Data is cached for up to 8 hours. Complete PNG image output is cached for up to 1 hour.

se-flair.2718.us

See https://se-flair.2718.us/ for much complete instructions. Short version:

• https://se-flair.2718.us/[account-id].html produces an HTML archive suitable for iframe-embedding
• https://se-flair.2718.us/[account-id].js produces JavaScript codification that inserts nan stylesheet nexus into nan archive caput and writes nan flair div into nan document
• https://se-flair.2718.us/[account-id].png produces a PNG image of nan flair

Note that your account-id is nan numeric ID successful nan URL for your floor plan connected the main stackexchange.com website.

Compatibility

See se-flair.2718.us for instructions connected really to embed nan flair. Embedding some by iframe and by JavaScript useful successful existent versions of Chrome, Firefox, Safari, and Internet Explorer. In astatine slightest immoderate versions of Internet Explorer, nan favicons for nan sites do not render good and nan bounds for nan suggested iframe are not rather right, though nan JavaScript embedding method useful good different than nan favicons. PNG images do not usage transparency, truthful they should render conscionable good successful immoderate browser that supports PNG images.

Updates

See Experimental Features/Changes and Revision History answer.

Contact

Comment present aliases email ilg astatine nan domain successful nan website successful my profile.

Code

Written successful Python pinch Serverless, moving connected AWS Lambda pinch Amazon CloudFront providing caching.