Treehouse badge API

Yes, you can use

http://teamtreehouse.com/jonathanschneider.json

to get JSON output of your badges and points.

Perfect! Thanks!

I made a pen that uses the shadow DOM and a Javascript closure to build a Treehouse activity widget/component from the Treehouse API without JQuery or external libraries (only external stylesheets). Been wanting to learn more about the shadow DOM and how it works so this was a fun chance to give it a shot. Not sure if this will work in most browsers outside Chrome, though.

Gonna keep playing with it to get it responsive and maybe add some animations. Only requires you to add my code inline wherever you want it to appear in your HTML. Javascript needs to be placed after the template HTML in order for it to work. Added in the 'Varela Round' font from Google Fonts in the Javascript since it looked most similar to Treehouse's font. Also added the 'devIcon' CSS as an import in the template stylesheets to get the language icons (yes, I know the business icon is for Bootstrap, had to improvise from the icons I had). There are a few modifiable variables at the top of the Javascript. Obviously, you'll want to change the username to your own.

http://codepen.io/HaulinOats/pen/MaBZGL

Is there any way to display the leaderboard?