drnic / github-badges
watch download tarball
public
Forks8Right
Watchers65Right
Description: GitHub Blog Badges for Everyone
Homepage: http://drnicjavascript.rubyforge.org/github_badge/
Clone URL: git://github.com/drnic/github-badges.git
name age
history
message
file .gitignore Tue May 06 17:01:50 -0700 2008 Added .DS_Store to .gitignore file. [carlosbrando]
file .gitmodules Sat Jan 03 19:52:41 -0800 2009 migrated website -> gh-pages branch, and replac... [drnic]
file History.txt Sat Jan 03 20:00:11 -0800 2009 bump to v1.2.3 [drnic]
file License.txt Fri Apr 25 19:25:25 -0700 2008 initial import [drnic]
file README.markdown Tue May 06 17:55:16 -0700 2008 1.2.2 - updated doc/website for new GITHUB_TITL... [drnic]
file Rakefile Mon May 05 21:33:01 -0700 2008 1.2.0 - fixed check for blackness [drnic]
directory config/ Sat Apr 26 03:38:37 -0700 2008 update website with git src [drnic]
directory lib/ Tue Mar 31 10:45:03 -0700 2009 Added better test for opera support (tested in ... [Adam Pearson]
directory script/ Tue Mar 31 10:40:18 -0700 2009 Changed ruby shebang to work with my instance o... [Adam Pearson]
directory src/ Sat Jan 03 20:00:11 -0800 2009 bump to v1.2.3 [drnic]
directory tasks/ Sat Apr 26 02:58:06 -0700 2008 tests for launcher; clean up dist task; website [drnic]
directory test/ Sat Jan 03 20:00:11 -0800 2009 bump to v1.2.3 [drnic]
submodule website - 6aa404d Mon Jan 26 21:17:09 -0800 2009 update website [drnic]
README.markdown

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.

github badge: new look-n-feel

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