Gist List

jQuery plugin that uses the GitHub API to retrieve a users gist list.

by Tiago Sousa

HTML

<ul id="resultados"></ul>

CSS

#resultados {
  list-style: none;
  
  font-size: 13px;
  color: #666;
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  padding: 0;
}

#resultados > li {
  box-sizing: border-box;
}

#resultados > li:first-child > a {
  border: 0px;
}
#resultados > li > a {
  position: relative;
  display: block;
  text-decoration: none;
  padding: 6px 64px 6px 30px;
  color: #3d3d3d;
  font-size: 14px;
  border-top: 1px solid #e5e5e5;
}

JavaScript

(function($){
	$('document').ready(function(){
  	$.get('https://api.github.com/users/sousatg/gists', function(result){
			// Update Resultados
      result = result.filter(function(c){ return c.description != ''; });
      
      for(i=0; i< result.length; i++){
        $('#resultados').append('<li><a href="' +result[i].html_url + '">'  + result[i].description + '</a></li>');
      }
    });
  });
})(jQuery);