In: , ,
On: 2013 / 06 / 04 Viewed: times
Shorter URL for this post: http://ozh.in/we

I really like how Github displays your yearly code contributions, in that 52×7 green dot matrix. It's cute, informative, and has become iconic enough that any nerd knows what it refers to.

contributions

I like it so I funcoded a script that will deliver a message after 365 days of running — fun, but kinda slow, right?

So, I made something more interactive and instantly fun, something you can play with: I'm delighted to introduce contribution, a site to "Generate Github-like contribution graph" and print them on a t-shirt (or just save them as a PNG for whatever use you'll like)

It's neat with short messages that fit the grid, works best with capital letters but hey, experiment:

at_ozh

hello-world

I've had great fun coding that site, especially the server side PHP script that generates the matrix from the letter input. It was also my first experiment using Bootstrap and I must say it's pretty neat for the design-impaired people like myself.

The t-shirt printing is powered by Zazzle: their API is decently documented and I've bought a couple of shirts from them in the past and have been pleased by the quality. I ordered myself a tshirt with "@ozh", can't wait to show it off at work :>

Go ahead, play with contribution and make some cool contrib graph. You'll be the coolest looking nerd on the beach this summer :)

Shorter URL

Want to share or tweet this post? Please use this short URL: http://ozh.in/we

Metastuff

This entry "Generate Github-like contribution graph – for fun and for t-shirts" was posted on 04/06/2013 at 6:41 pm and is tagged with , ,
Watch this discussion : Comments RSS 2.0.

3 Blablas

  1. slaFFik says:

    Your http://contribution.io/ is not working any more :(

  2. Ozh says:

    slaFFik ยป indeed, I didn't renew the domain :) Still available at http://ozh.org/contribution/ !

  3. slaFFik says:

    Thanks!
    Zazzle API returns error though.

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
Gravatars: Curious about the little images next to each commenter's name ? Go to Gravatar and sign for a free account
Spam: Various spam plugins may be activated. I'll put pins in a Voodoo doll if you spam me.

Read more ?

 « One million !