Jribbble Shots Example 001

index.html

<ul class="shots"></ul>

Jribbble Shots Example 001.markdown

Jribbble Shots Example 001 ('-' * 26)

A Pen by Tyler Gaw on CodePen.

License.

script.js

// NOTE: Don't use this token, replace it with your own client access token.
$.jribbble.setToken('f688ac519289f19ce5cebc1383c15ad5c02bd58205cd83c86cbb0ce09170c1b4');

$.jribbble.shots('debuts', {
  'per_page': 36,
  'timeframe': 'month',
  'sort': 'views'
}).then(function(res) {
  var html = [];
  res.forEach(function(shot) {
    html.push('<li class="shots--shot">');
    html.push('<a href="' + shot.html_url + '" target="_blank">');
    html.push('<img src="' + shot.images.normal + '">');
    html.push('</a></li>');
  });
  
  $('.shots').html(html.join(''));
});