anchor.diff:        ._examples--class._positive(data-name='journaling', data-kind='moleskine')
           a.select_all(data-kind='moleskine') Select All
           h4 Journaling
  -        img(src='/images/bundles/moleskine/journaling-thumbnail.jpg', data-kind='moleskine', data-name='journaling')
  +        img(src='/images/bundles/moleskine/journaling-thumbnail.png', data-kind='moleskine', data-name='journaling')
           button._positive(data-name='journaling') Select
         ._examples--class._positive(data-name='landscape', data-kind='moleskine')
           .placeholder
           h4 Landscape
  -        img(src='/images/bundles/moleskine/landscape-thumbnail.jpg', data-kind='moleskine', data-name='landscape')
  +        img(src='/images/bundles/moleskine/landscape-thumbnail.png', data-kind='moleskine', data-name='landscape')
           button._positive(data-name='landscape') Select
         ._examples--class._positive(data-name='notebook', data-kind='moleskine')
           .placeholder
           h4 Notebook
  -        img(src='/images/bundles/moleskine/notebook-thumbnail.jpg', data-kind='moleskine', data-name='notebook')
  +        img(src='/images/bundles/moleskine/notebook-thumbnail.png', data-kind='moleskine', data-name='notebook')
           button._positive(data-name='notebook') Select
         ._examples--class._positive(data-name='portrait', data-kind='moleskine')
           .placeholder
           h4 Portrait
  -        img(src='/images/bundles/moleskine/portrait-thumbnail.jpg', data-kind='moleskine', data-name='portrait')
  +        img(src='/images/bundles/moleskine/portrait-thumbnail.png', data-kind='moleskine', data-name='portrait')
           button._positive(data-name='portrait') Select
         ._examples--class._negative(data-name='negative', data-kind='moleskine')
           .placeholder
           h4 Non-Moleskine
  -        img(src='/images/bundles/moleskine/negative-thumbnail.jpg', data-kind='moleskine', data-name='negative')
  +        img(src='/images/bundles/moleskine/negative-thumbnail.png', data-kind='moleskine', data-name='negative')
           button._negative(data-name='negative') Select
       ._examples--contact-sheet(data-kind='moleskine')
         img
  
positive.code:       img(src='/images/bundles/insurance/thumbnail.jpg')
      ._training--example.clickable(data-kind='omniearth')
        h3 Satellite Imagery
        img(src='/images/bundles/omniearth/thumbnail.jpg')
    .license
      | Images used in this demo are licensed under Creative Commons 2.0 General License and are attributed here.
    ._examples(data-kind='dogs')
  
negative.code:       ._examples--class._positive(data-name='husky', data-kind='dogs')
          .placeholder
          h4 Huskies
          img(src='/images/bundles/dogs/husky-thumbnail.png', data-kind='dogs', data-name='husky')
          button._positive(data-name='husky') Select
        ._examples--class._positive(data-name='dalmation', data-kind='dogs')
          .placeholder
          h4 Dalmations
          img(src='/images/bundles/dogs/dalmation-thumbnail.png', data-kind='dogs', data-name='dalmation')
          button._positive(data-name='dalmation') Select
        ._examples--class._positive(data-name='beagle', data-kind='dogs')
          .placeholder
          h4 Beagles
          img(src='/images/bundles/dogs/beagle-thumbnail.png', data-kind='dogs', data-name='beagle')
          button._positive(data-name='beagle') Select
        ._examples--class._negative(data-name='negatives', data-kind='dogs')
          .placeholder
          h4 Non-Dogs
          img(src='/images/bundles/dogs/negatives-thumbnail.png', data-kind='dogs', data-name='negatives')
          button._negative(data-name='negatives') Select
      ._examples--contact-sheet(data-kind='dogs')
        img
  