GitHub Ribbons

With the rollout of GitHub Pages, why not show the world that you collaborate on GitHub? I’ve prepared these ribbons that you can overlay on your site by copying and pasting the appropriate snippet into your site’s HTML. Make sure to change the URL in the link to contain your username instead of “you”.

See the ribbon in use at defunkt.github.com, pjhyett.github.com, and mojombo.github.com.

If you’re not satisfied with one of the colors here, I’ve provided the PSD files (MIT licensed). Feel free to modify as you please. The font being used is Collegiate.

	<a href="http://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_left_red_aa0000.png" alt="Fork me on GitHub" /></a>
	<a href="http://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_left_green_007200.png" alt="Fork me on GitHub" /></a>
	<a href="http://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_left_darkblue_121621.png" alt="Fork me on GitHub" /></a>
	<a href="http://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_left_orange_ff7600.png" alt="Fork me on GitHub" /></a>
	<a href="http://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_left_gray_6d6d6d.png" alt="Fork me on GitHub" /></a>
	<a href="http://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_left_white_ffffff.png" alt="Fork me on GitHub" /></a>

	<a href="http://github.com/you"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /></a>
	<a href="http://github.com/you"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png" alt="Fork me on GitHub" /></a>
	<a href="http://github.com/you"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" /></a>
	<a href="http://github.com/you"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub" /></a>
	<a href="http://github.com/you"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub" /></a>
	<a href="http://github.com/you"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub" /></a>

tekkub Fri Dec 19 14:00:43 -0800 2008

Added one to http://tekkub.github.com/ :)

JackDanger Fri Dec 19 15:28:44 -0800 2008

These are excellent. Thanks for putting them on S3 for us.

binarylogic Fri Dec 19 15:52:24 -0800 2008

So we can advertise github on our sites free of charge? I don’t believe it.

Oshuma Fri Dec 19 21:36:05 -0800 2008

Looks pretty freakin’ awesome, I must say.

http://corrupt.save-state.net/

badboy Sat Dec 20 08:34:56 -0800 2008

hm… I created badboy.github.com but I get a “Page does not exist!” error. Is it because my login name is “BadBoy” ? (case-sensitive?)

Or do I just have to wait a few minutes more?

entp Sat Dec 20 11:14:29 -0800 2008

BadBoy: I overheard someone else in #github having the same issue. I’d look for an issue in http://support.github.com so you can be notified when it’s fixed.

tss Sat Dec 20 11:29:29 -0800 2008

These look great! Ones that say “Hosted on GitHub” would be nice too :-).

badboy Sat Dec 20 11:47:42 -0800 2008

cool…thanks.

lenary Sun Jan 18 08:33:35 -0800 2009

I put these to use in a completely different place. on a desktop background. Granted i can’t click it, but it does look right and say something awesome.

lenary Sun Jan 18 08:34:45 -0800 2009

ok, the link failed, so i’m going to have to do it the silly way:

elia Mon Mar 23 06:18:24 -0700 2009

Why don’t you publish gif versions? I mean for the fools who want to be sexy on IE too…

alanhaggai Tue Apr 14 22:05:39 -0700 2009

Excellent ribbons! Thank you.

Please log in to comment.

GitHub Ribbons

Comments

The GitHub Bloggers