Represent Your Repositories Using the GitHub Badge!

By  on  

Update: The badge includes jQuery which breaks any MooTools on your page. Be aware before including...as I wasn't.

Update 2: MooTool's own Thomas Aylott has an awesome MooTools version! You can grab it at: http://github.com/subtleGradient/mootools-github-badge/tree/master!

GitHub users are generally proud of their repositories. Why not bring your repository list into your blog then?

The XHTML / JavaScript

<div id="github-badge"></div>
<script type="text/javascript" charset="utf-8">
  GITHUB_USERNAME = 'darkwing';
  GITHUB_LIST_LENGTH = 30;
  GITHUB_HEAD = 'div';
  GITHUB_THEME = 'white';
  GITHUB_TITLE = 'David\'s Projects';
  GITHUB_SHOW_ALL = 'Show all';
</script>
<script src="http://drnic.github.com/github-badges/dist/github-badge-launcher.js" type="text/javascript"></script>

Sooooooo little code!

So what are you waiting for? Represent and share your GitHub repositories!

Recent Features

  • By
    9 Mind-Blowing WebGL Demos

    As much as developers now loathe Flash, we're still playing a bit of catch up to natively duplicate the animation capabilities that Adobe's old technology provided us.  Of course we have canvas, an awesome technology, one which I highlighted 9 mind-blowing demos.  Another technology available...

  • By
    Chris Coyier&#8217;s Favorite CodePen Demos

    David asked me if I'd be up for a guest post picking out some of my favorite Pens from CodePen. A daunting task! There are so many! I managed to pick a few though that have blown me away over the past few months. If you...

Incredible Demos

  • By
    QuickBoxes for Dojo

    Adding to my mental portfolio is important to me. First came MooTools, then jQuery, and now Dojo. I speak often with Peter Higgins of Dojo fame and decided it was time to step into his world. I chose a simple but useful plugin...

  • By
    MooTools Wall Plugin

    One of the more impressive MooTools plugins to hit the Forge recently was The Wall by Marco Dell'Anna.  The Wall creates an endless grid of elements which can be grabbed and dragged, fading in elements as they are encountered.  Let me show...

Discussion

  1. wesite look like firefox personas web page Awesome design

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!