JSFiddle - React, Tailwind, and code Playground
HTML
<h2><i class="fa fa-code"></i> My Gist</h2>
<div id="ibacor_gists"></div>
JavaScript
/***********************************************************
* #### jQuery-Github-Feed v1.0 ####
* Coded by Ican Bachors 2014.
* https://github.com/bachors/jQuery-Github-Feed
* Updates will be posted to this site.
***********************************************************/
var username = 'kachi';
ibacor_repos(username);
ibacor_gists(username);
function ibacor_repos(user) {
$.ajax({
url: 'https://api.github.com/users/'+user+'/repos',
crossDomain: true,
dataType: 'json'
}).done(function (data) {
var html = '';
$.each(data, function(i, item) {
html += '<div class="result">';
html += '<p class="left"><a href="'+data[i].html_url+'" target="_blank">'+data[i].full_name+'</a><span class="fa fa-clock-o">'+relative_time(data[i].updated_at)+' 前にアップデート</span><br>'+data[i].description+'</p>';
html += '<p class="right"><a href="'+data[i].html_url+'/stargazers" target="_blank" class="fa fa-star"> '+addCommas(data[i].stargazers_count)+'</a><a href="'+data[i].html_url+'/network/members" target="_blank" class="fa fa-code-fork"> '+addCommas(data[i].forks_count)+'</a><a href="'+data[i].html_url+'/issues" target="_blank" class="fa fa-info-circle"> '+addCommas(data[i].open_issues)+'</a></p>';
html += '</div>';
});
$('#ibacor_repos').html(html);
});
}
function ibacor_gists(user) {
$.ajax({
url: 'https://api.github.com/users/'+user+'/gists',
crossDomain: true,
dataType: 'json'
}).done(function (data) {
var html = '';
$.each(data, function(i, item) {
html += '<a href="'+data[i].html_url+'" target="_blank"><div class="result">';
html += '<p>'+data[i].description+'<br>';
html += '<span class="fa fa-clock-o"> '+relative_time(data[i].updated_at)+'アップデートされました</span></p>';
html += '</div></a>';
});
$('#ibacor_gists').html(html);
});
}
function relative_time(date_str) {
if (!date_str) {return;}
date_str =...