JSFiddle - React, Tailwind, and code Playground

by cornernote

HTML

<div id="contributors"><ul></ul></div>

CSS

#contributors ul {
    margin: 0;
    padding: 0;
}
#contributors ul li {
    width: 64px;
    margin: 10px;
    display: inline-block;
    text-align: center;
    font-size: 75%;
}

JavaScript

$('document').ready(function() {
    $.ajax({
        type: 'GET',
        url: 'https://api.github.com/repos/cornernote/gii-modeldoc-generator/contributors',
        dataType: 'json',
        success: function(result) {
            for( i in result ) {
                $('#contributors ul').append(
                    '<li><a href="' + result[i].html_url + '" target="_blank"><img src="' + result[i].avatar_url + 's=64" /><br/>' + result[i].login + '</a></li>'
                );
                //console.log('i: ' + i);
            }
            //console.log(result);
            $('#contributors').append('Total Contributors: ' + result.length);
        }
    });
});