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”.

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="https://github.com/you"><img decoding="async" width="149" height="149" src="https://blog-github-com-develop.go-vip.co/wp-content/uploads/2008/12/forkme_left_red_aa0000.png" class="attachment-full size-full" alt="Fork me on GitHub" loading="lazy"></a>
	<a href="https://github.com/you"><img decoding="async" width="149" height="149" src="https://blog-github-com-develop.go-vip.co/wp-content/uploads/2008/12/forkme_left_green_007200.png" class="attachment-full size-full" alt="Fork me on GitHub" loading="lazy"></a>
	<a href="https://github.com/you"><img decoding="async" width="149" height="149" src="https://blog-github-com-develop.go-vip.co/wp-content/uploads/2008/12/forkme_left_darkblue_121621.png" class="attachment-full size-full" alt="Fork me on GitHub" loading="lazy"></a>
	<a href="https://github.com/you"><img decoding="async" width="149" height="149" src="https://blog-github-com-develop.go-vip.co/wp-content/uploads/2008/12/forkme_left_orange_ff7600.png" class="attachment-full size-full" alt="Fork me on GitHub" loading="lazy"></a>
	<a href="https://github.com/you"><img decoding="async" width="149" height="149" src="https://blog-github-com-develop.go-vip.co/wp-content/uploads/2008/12/forkme_left_gray_6d6d6d.png" class="attachment-full size-full" alt="Fork me on GitHub" loading="lazy"></a>
	<a href="https://github.com/you"><img decoding="async" width="149" height="149" src="https://blog-github-com-develop.go-vip.co/wp-content/uploads/2008/12/forkme_left_white_ffffff.png" class="attachment-full size-full" alt="Fork me on GitHub" loading="lazy"></a>

	<a href="https://github.com/you"><img decoding="async" width="149" height="149" src="https://blog-github-com-develop.go-vip.co/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" class="attachment-full size-full" alt="Fork me on GitHub" loading="lazy"></a>
	<a href="https://github.com/you"><img decoding="async" width="149" height="149" src="https://blog-github-com-develop.go-vip.co/wp-content/uploads/2008/12/forkme_right_green_007200.png" class="attachment-full size-full" alt="Fork me on GitHub" loading="lazy"></a>
	<a href="https://github.com/you"><img decoding="async" width="149" height="149" src="https://blog-github-com-develop.go-vip.co/wp-content/uploads/2008/12/forkme_right_darkblue_121621.png" class="attachment-full size-full" alt="Fork me on GitHub" loading="lazy"></a>
	<a href="https://github.com/you"><img decoding="async" width="149" height="149" src="https://blog-github-com-develop.go-vip.co/wp-content/uploads/2008/12/forkme_right_orange_ff7600.png" class="attachment-full size-full" alt="Fork me on GitHub" loading="lazy"></a>
	<a href="https://github.com/you"><img decoding="async" width="149" height="149" src="https://blog-github-com-develop.go-vip.co/wp-content/uploads/2008/12/forkme_right_gray_6d6d6d.png" class="attachment-full size-full" alt="Fork me on GitHub" loading="lazy"></a>
	<a href="https://github.com/you"><img decoding="async" width="149" height="149" src="https://blog-github-com-develop.go-vip.co/wp-content/uploads/2008/12/forkme_right_white_ffffff.png" class="attachment-full size-full" alt="Fork me on GitHub" loading="lazy"></a>

Written by

Tom Preston-Werner

@mojombo