Tributary Inlet Leaderboard With more stats

_.md

[ Launch: Tributary Inlet Leaderboard With more stats ] 4592693 by enoex
[ Launch: Tributary Inlet Leaderboard With more stats ] 4592142 by enjalot
[ Launch: Tributary Inlet Leaderboard With more stats ] 4569273 by enjalot
[ Launch: Tributary Inlet Leaderboard With more stats ] 4563152 by enoex
[ Launch: Tributary Inlet Leaderboard (With # of tribs) ] 4563125 by enoex
[ Launch: Tributary Inlet Leaderboard ] 4563077 by enoex
[ Launch: Tributary Inlets ] 4562256 by poezn
[ Launch: Tributary Inlets ] 4561783 by enjalot
[ Launch: Tributary Inlets ] 4561743 by enjalot
[ Launch: Tributary Inlets ] 4549657 by enjalot
[ Launch: An inlet to Tributary ] 4545400 by enjalot

config.json

{"description":"Tributary Inlet Leaderboard With more stats","endpoint":"","display":"html","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"style.css":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"tab":"edit","display_percent":0.41525243309002435,"hidepanel":false}

inlet.js

var display = d3.select("#display")
.style("overflow", "scroll");

//grab the users
function getUsers() {
  var users_url = '/api/users/visits/4/-1';
  d3.json(users_url, function(err, res) {
    render(res);
  })
}
getUsers();


function render(userList) {

  var usersSel = display.selectAll("li.user")
    .data(userList)//, function(d) { return d.id });
  
  var users = usersSel
    .enter()
    .append("li")
    .classed("user", true)
  
  usersSel
    .text(function(d) { 
      return d.login;
    });
  
  users.append("img")
  usersSel.select("img")
    .attr({
      src: function(d) { 
        return d.avatar_url;
      },
      width: function(d, i) {
        return 16;
      },
      height: function(d, i) {
        return 16;
      }
    });
 
   
       
  
};

style.css

#fetch {
  position:relative;
  margin-top: 20px;
  right: 40px;
  font-size:29px;
  float:right;
}

#sort {
  position:relative;
  top: 60px;
  float: right;
 
  width: 100px;
  height: 100px;
  text-align: right; 
}

.inlet {
  margin-left: 10px;
  margin-top: 20px;
}

.inlet img {
  margin-right: 10px;
//  margin-top: 5px;
}

.inlet .user, .inlet .rank {
  display: inline;
}
    
.inlet .rank {
  margin-right: 10px;
  font-size: 20px;
}