M3kH/index.html

## index.html
<html>
  <head>
    <script src="./index.js"></script>
  </head>
  <body>
    <ul id="repos">

    </ul>
  </body>
</html>

## index.js
(function(doc){

  function getContributors ( url, repoId ){
    var getContributorsRequest = new XMLHttpRequest();
    var listOfContributors = '';

    var repoListItem = doc.getElementById(repoId)

    getContributorsRequest.addEventListener('load', function(){
      var myContributorsList = JSON.parse(this.responseText);
      for(var k in myContributorsList){
        var contributor = myContributorsList[k];

        listOfContributors += [
          '<li>',
          '<img src="',
          contributor.avatar_url,
          '" />',
          '</li>'
        ].join('');
      }

      repoListItem.innerHTML += '<h2>Contributors</h2><ul class="contributor-list">' + listOfContributors + '</ul>';
    });
    getContributorsRequest.open('GET', url);
    getContributorsRequest.send();

  }

  function printMyList( obj ){
    for(var k in obj){
      if(k > 2) return '';

      var repo =  obj[k];
      var repoId = 'repo-'+k;
      myListElement.innerHTML += [
        '<li id="', repoId ,'">',
        '<a href="',
        repo.url,
        '" >',
        repo.name,
        '</a></li>'
      ].join('');

      getContributors( repo.contributors_url, repoId );
    }
  }

  var myRequest = new XMLHttpRequest();
  var myListElement;

  function requestLoaded (){
    if(this.status === 200){
      var obj = JSON.parse(this.responseText);
      printMyList(obj);
    } else {
      console.log('Something went bad');
    }
  }

  function sendRequest(){
    myRequest.addEventListener('load', requestLoaded);

    myRequest.open(
      'GET',
      'https://api.github.com/orgs/hackyourfuture/repos'
    );

    myRequest.send();
  }

  doc.onreadystatechange = function(){
    if(document.readyState === 'complete'){
      myListElement = doc.getElementById('repos');
      sendRequest();
    }
  }
})(document);
	<html>
	<head>
	<script src="./index.js"></script>
	</head>
	<body>
	<ul id="repos">

	</ul>
	</body>
	</html>
	(function(doc){

	function getContributors ( url, repoId ){
	var getContributorsRequest = new XMLHttpRequest();
	var listOfContributors = '';

	var repoListItem = doc.getElementById(repoId)

	getContributorsRequest.addEventListener('load', function(){
	var myContributorsList = JSON.parse(this.responseText);
	for(var k in myContributorsList){
	var contributor = myContributorsList[k];

	listOfContributors += [
	'<li>',
	'<img src="',
	contributor.avatar_url,
	'" />',
	'</li>'
	].join('');
	}

	repoListItem.innerHTML += '<h2>Contributors</h2><ul class="contributor-list">' + listOfContributors + '</ul>';
	});
	getContributorsRequest.open('GET', url);
	getContributorsRequest.send();

	}

	function printMyList( obj ){
	for(var k in obj){
	if(k > 2) return '';

	var repo = obj[k];
	var repoId = 'repo-'+k;
	myListElement.innerHTML += [
	'<li id="', repoId ,'">',
	'<a href="',
	repo.url,
	'" >',
	repo.name,
	'</a></li>'
	].join('');

	getContributors( repo.contributors_url, repoId );
	}
	}

	var myRequest = new XMLHttpRequest();
	var myListElement;

	function requestLoaded (){
	if(this.status === 200){
	var obj = JSON.parse(this.responseText);
	printMyList(obj);
	} else {
	console.log('Something went bad');
	}
	}

	function sendRequest(){
	myRequest.addEventListener('load', requestLoaded);

	myRequest.open(
	'GET',
	'https://api.github.com/orgs/hackyourfuture/repos'
	);

	myRequest.send();
	}

	doc.onreadystatechange = function(){
	if(document.readyState === 'complete'){
	myListElement = doc.getElementById('repos');
	sendRequest();
	}
	}
	})(document);