Github Badges

Want to show off your projects on github to world? Then a sexy badge on your blog would be awesome.

Its still under development, but here is a screenshot of the unit tests + the sample badge below.

Live Demo

See the project website: http://drnicjavascript.rubyforge.org/github_badge

Usage

It is expected that to use the widget, you will copy + paste + modify the following snippet into your blog sidebar.

<div id="github-badge"></div>
<script type="text/javascript" charset="utf-8">
  GITHUB_USERNAME = "drnic";
  GITHUB_LIST_LENGTH = 10;
  GITHUB_HEAD = "div"; // e.g. change to "h2" for wordpress sidebars
  GITHUB_THEME = "white"; // try 'black'
  GITHUB_TITLE = "My projects"
  GITHUB_SHOW_ALL = "Show all"
</script>
<script src="http://drnicjavascript.rubyforge.org/github_badge/dist/github-badge-launcher.js" type="text/javascript"></script>

Black background? If your site has a black background the badge will automatically attempt to use the black_badge.css theme. If it doesn't trigger for your site add the GITHUB_THEME='black' code to the configuration above.

Website

http://drnicjavascript.rubyforge.org/github_badge

Author

Dr Nic Williams, drnicwilliams@gmail.com

github-badges

Commits

bump website

bumped to 1.2.4

if jquery is already installed the badge now works (was using the wrong $.getScript call for a callback)

opening projects via badge link opens another window/tab

updae website

updated to jQuery 1.3.2

README