Cowbird and the Occupy Saga

Pin It

The Tech group has been in contact with the fine folks over at cowbird.com. They have created a beautiful application for sharing stories and what better place to find stories than the Occupy Movement, check out their “occupy saga” here: cowbird.com/saga/occupy

The developers at Cowbird have developed a slick plugin to place cowbird content into any web site. You can see an example here: tech.nycga.net/cowbird. Learn more about how to put this into your own site after the jump 

All it takes is a little CSS and Javascript to get your very own Cowbird collection online.

First you’ll need to link to the cowbird CSS. You can place this anywhere in your document above the javascript call.

 <link rel="stylesheet" type="text/css" href="http://cowbird.com/assets/css/embed/cb-mosaic.css" />

Next we’ll add the javascript link:

 <script type="text/javascript" src="http://cowbird.com/assets/js/embed/cb-mosaic.js" charset="utf-8"></script>

Then we add our javascript function call:

<script type="text/javascript">
  $(function(){ var _cbm = new CowbirdMosaic({
      'columns'      : 5,
      'keys'         : true,
      'limit'        : 'none',
      'sort'         : 'reverse-chronological',
      'constraints'  : 'context=saga-1',
      'words'        : false
  });});
</script>

These options can be configured:

  • columns : how many columns in the mosaic — 510
  • keys : whether to show keys (date, loves, etc. [based on selected sort]) over each photo — truefalse
  • limit : how many stories to load — none (load more as browser window scrolls), 1050100, etc. (any number <= 100)
  • sort : how to sort the stories — narrativenewestoldestlovedviewed, chronological
  • words : whether to show a word over each photo — truefalse

Then we add the final element somewhere in your HTML:

<div id="cowbird-mosaic"></div>

Please share with us if you use this! Check out our version on this blog

2 comments

  1. David Everitt-Carlson

    Cool. I know Jonathan Harris at Cowbird. Met in Munich in 2010. Not surprised his site is tech savvy as he is. I’m selected to write for Cowbird but haven’t submitted yet. Ohh, my ‘things to do’ list…

    • Dallas

      Tell me about it. I was going to start on that tonight, but I suspect anything I write in the next half an hour or so before going to sleep won’t be of the highest quality. ;)

      It really is an excellent site.