text: function fetch() {
    var main = new XMLHttpRequest();
    main.onreadystatechange = function() {
  	var loader = '<svg version="1.1" class="svg-loader" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 80 80" xml:space="preserve"><path fill="yellow" d="M10,40c0,0,0-0.4,0-1.1c0-0.3,0-0.8,0-1.3c0-0.3,0-0.5,0-0.8c0-0.3,0.1-0.6,0.1-0.9c0.1-0.6,0.1-1.4,0.2-2.1 c0.2-0.8,0.3-1.6,0.5-2.5c0.2-0.9,0.6-1.8,0.8-2.8c0.3-1,0.8-1.9,1.2-3c0.5-1,1.1-2,1.7-3.1c0.7-1,1.4-2.1,2.2-3.1 c1.6-2.1,3.7-3.9,6-5.6c2.3-1.7,5-3,7.9-4.1c0.7-0.2,1.5-0.4,2.2-0.7c0.7-0.3,1.5-0.3,2.3-0.5c0.8-0.2,1.5-0.3,2.3-0.4l1.2-0.1 l0.6-0.1l0.3,0l0.1,0l0.1,0l0,0c0.1,0-0.1,0,0.1,0c1.5,0,2.9-0.1,4.5,0.2c0.8,0.1,1.6,0.1,2.4,0.3c0.8,0.2,1.5,0.3,2.3,0.5 c3,0.8,5.9,2,8.5,3.6c2.6,1.6,4.9,3.4,6.8,5.4c1,1,1.8,2.1,2.7,3.1c0.8,1.1,1.5,2.1,2.1,3.2c0.6,1.1,1.2,2.1,1.6,3.1 c0.4,1,0.9,2,1.2,3c0.3,1,0.6,1.9,0.8,2.7c0.2,0.9,0.3,1.6,0.5,2.4c0.1,0.4,0.1,0.7,0.2,1c0,0.3,0.1,0.6,0.1,0.9 c0.1,0.6,0.1,1,0.1,1.4C74,39.6,74,40,74,40c0.2,2.2-1.5,4.1-3.7,4.3s-4.1-1.5-4.3-3.7c0-0.1,0-0.2,0-0.3l0-0.4c0,0,0-0.3,0-0.9 c0-0.3,0-0.7,0-1.1c0-0.2,0-0.5,0-0.7c0-0.2-0.1-0.5-0.1-0.8c-0.1-0.6-0.1-1.2-0.2-1.9c-0.1-0.7-0.3-1.4-0.4-2.2 c-0.2-0.8-0.5-1.6-0.7-2.4c-0.3-0.8-0.7-1.7-1.1-2.6c-0.5-0.9-0.9-1.8-1.5-2.7c-0.6-0.9-1.2-1.8-1.9-2.7c-1.4-1.8-3.2-3.4-5.2-4.9 c-2-1.5-4.4-2.7-6.9-3.6c-0.6-0.2-1.3-0.4-1.9-0.6c-0.7-0.2-1.3-0.3-1.9-0.4c-1.2-0.3-2.8-0.4-4.2-0.5l-2,0c-0.7,0-1.4,0.1-2.1,0.1 c-0.7,0.1-1.4,0.1-2,0.3c-0.7,0.1-1.3,0.3-2,0.4c-2.6,0.7-5.2,1.7-7.5,3.1c-2.2,1.4-4.3,2.9-6,4.7c-0.9,0.8-1.6,1.8-2.4,2.7 c-0.7,0.9-1.3,1.9-1.9,2.8c-0.5,1-1,1.9-1.4,2.8c-0.4,0.9-0.8,1.8-1,2.6c-0.3,0.9-0.5,1.6-0.7,2.4c-0.2,0.7-0.3,1.4-0.4,2.1 c-0.1,0.3-0.1,0.6-0.2,0.9c0,0.3-0.1,0.6-0.1,0.8c0,0.5-0.1,0.9-0.1,1.3C10,39.6,10,40,10,40z"><animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 40 40" to="360 40 40" dur="0.6s" repeatCount="indefinite" /> </path> </svg>';
  	if (this.readyState == 0) {
  	  document.getElementById("output").innerHTML = '<p>request not initialized</p>' + loader;
  	} else if (this.readyState == 1) {
  	  document.getElementById("output").innerHTML = '<p>server connection established</p>' + loader;
  	} else if (this.readyState == 2) {
  	  document.getElementById("output").innerHTML = '<p>request received</p>' + loader;
  	} else if (this.readyState == 3) {
  	  document.getElementById("output").innerHTML = '<p>processing request</p>' + loader;
  	} else if (this.readyState == 4 && this.status == 200) {
  	  var data = JSON.parse(this.responseText);
  	  final = '<h3><a target="_blank" href="https://github.com/' + data.login + '">' + data.login + '</a></h3><img class="w3-round" src="' + data.avatar_url + '">';
  	  validate(data.bio, '<p><b>' + data.bio + '</b></p>');
  	  validate(data.name, '<p>Name: ' + data.name + '</p>');
  	  validate(data.email, '<p><a href="maito:' + data.email + '">' + data.email + '</a></p>');
  	  validate(data.location, '<p>Location: ' + data.location + '</p>');
  	  validate(data.twitter_username, '<p>Twitter: <a href="https://twitter.com/" ' + data.twitter_username + '>' + data.twitter_username + '</a></p>');
  	  validate(data.blog, '<p> <a href="' + data.blog + '">Blog/ Website</a></p>');
  	  validate(data.followers, '<p>Followers: ' + data.followers + '</p>');
  	  validate(data.following, '<p>Following: ' + data.following + '</p>');
  	  validate(data.public_repos, '<p>Repositories: ' + data.public_repos + '</p>');
  	  validate(data.public_gists, '<p>Gists: ' + data.public_gists + '</p>');
  	  document.getElementById("output").innerHTML = final;
  
  	} else {
  	  document.getElementById("output").innerHTML = '<p class="warning">Something went wrong</p>' + loader;
  	}
    };
    main.open("GET", "https://api.github.com/users/" + document.getElementById("user").value, true);
    main.send();
  }
  
  
  function hidesettings(){
  document.getElementById('settings').style.display='none';
  fetch();
  	
  }
  window.onclick = function(event) {
    if (event.target == document.getElementById('settings')) {
  	hidesettings()
    }
  }
  
  document.getElementById("user")
    .addEventListener("keyup", function(event) {
  	event.preventDefault();
  	if (event.keyCode === 13) {
  	  document.getElementById("start").click();
  	}
    });
  
  function validate(name, fill) {
    if (name !== null && name !== "") {
  	final = final + fill;
    }
  }
  var final;
  