1. Zack Gramana
  2. Bitbucket Ribbons

Overview

HTTPS SSH

ABOUT BITBUCKET RIBBONS

I wanted to add a nice callout to my Bitbucket repository from my project website. "Github Ribbons" are a nice way to do that for Github repos, but unfortunately, I could not find any "Bitbucket Ribbons" out there, so I threw these together.

DESIGN

I drew these using InkScape 0.48.1.0, an excellent vector drawing application (which also happens to be free/open-source software). I've uploaded PNG's to the repository, along with the source SVG files.

Using

To use, you'll need to include some style information. The easiest way is to use inline styles, like this:

For left corners:

<a href="https://bitbucket.org/YourName/YourRepo" style="position:absolute;z-index:10000;top:0;left:0;">
  <img src="//bitbucket.org/zgramana/bitbucket-ribbons/raw/988dffc5fbeb/png/bitbucket-ribbon-black-l.png" />
</a>

For right corners:

<a href="https://bitbucket.org/YourName/YourRepo" style="position:absolute;z-index:10000;top:0;right:0;">
  <img src="//bitbucket.org/zgramana/bitbucket-ribbons/raw/988dffc5fbeb/png/bitbucket-ribbon-black.png" />
</a>

Left Corner

Right Corner

STATUS

These are provided as is, and I don't plan to do anything further with them. Feel free to fork and conquer!

LICENSE

Copyright (c) 2012 Zachary Gramana

Creative Commons License This work is licensed under a Creative Commons Attribution 3.0 Unported License.

Attribution not required.