Skip to main content
10 of 19
deleted 2010 characters in body
Isaac
  • 665
  • 1
  • 5
  • 16

se-flair: HTML Combined StackExchange-Site Flair

##Screenshots

Screenshots of some samples:

my flair Jeff Atwood Jon Skeet

Tooltip with total reputation:

total rep tooltip

Tooltip with specific-site reputation:

single-site rep tooltip

##About

se-flair produces combined-account flair in the form of a short HTML document suitable for iframe-embedding that fits with the look of the standard flair on StackExchange sites. Using HTML allows for links to multiple specific-site profiles and tooltips showing total rep and specific-site rep. Totals are calculated across all linked accounts (as opposed to the standard combined StackExchange flair, which only uses sites where the user has at least 200 rep).

Display name and gravatar are taken from the highest-rep associated account. The specific sites shown and linked are in descending-rep order. The number of sites shown and linked can be chosen from 1-8 (with a default of 7, since the 8th just barely doesn't fit).

Data is cached for up to 8 hours.

###se-flair.appspot.com

See http://se-flair.appspot.com/ for more complete instructions. Short version:

  • http://se-flair.appspot.com/[association-id]/ produces an HTML document suitable for iframe-embedding
  • http://se-flair.appspot.com/js/[association-id]/ produces javascript that inserts the stylesheet link into the document head and writes the flair div into the document

Note that your association-id is a 36-character-long string (32 hex digits and 4 hyphens).

###Compatibility

See se-flair.appspot.com for instructions on how to embed the flair. Embedding both by iframe and by javascript works in current versions of Chrome, Firefox, Safari, and IE. In at least some versions of IE, the favicons for the sites do not render well and the bounds for the suggested iframe are not quite right, though the javascript embedding method works fine other than the favicons.

###Updates

See Experimental Features/Changes and Revision History answer.

##Contact

Comment here or email ilg at the domain in the website in my profile.

##Code

Written in Python (directly fetching API URLs), running on Google App Engine.

Isaac
  • 665
  • 1
  • 5
  • 16