<link href="https://fonts.googleapis.com/css?family=Hammersmith+One|Metamorphous" rel="stylesheet">
<div id="the-header">
    <div id="the-logo">
        <a href="/">
            <img src="https://s3.amazonaws.com/assets.enjin.com/wall_embed_images/1550704759_server-icon-1000px.png" alt="HyBlock">
        </a>
    </div>
    <div id="server-info">
		<div id="server-ip"  data-clipboard-text="play.hyblock.us.to">
			<p id="p1" onclick="copyToClipboard('#p1')">play.hyblock.us.to</p>
			<script>copyToClipboard('copy-button');</script>
			<div id="click-to-copy">Click to Copy</div>
		</div>

		<div id="players-online">
			<p><span id="rest" class="color">?</span> Players Online</p>
		</div>
	</div>
</div>
<div id="header-icons">
    <a href="https://i.pinimg.com/originals/09/6f/be/096fbe5269d2fae069305fe2742d5be5.jpg" target="_blank">
        <span data-hover="&#xf16a;" style="background: #cc181e;">
            <i class="fa fa-youtube-play" aria-hidden="true"></i>
        </span>
    </a>
</div>
<script src="https://s3.amazonaws.com/files.enjin.com/1434346/script.js"></script>
<script>
    $('.m_hmenu_v2').addClass('the-nav').removeClass('m_hmenu_v2');
    $('#the-header').detach().prependTo('.body-wrap-3');
    $('.the-nav').detach().insertAfter('#the-header');
    $('#header-icons').detach().appendTo('.the-nav .ul .auto-position-container');
    $('#enjin-bar').detach().appendTo('body');

var url = "https://api.minetools.eu/ping/play.hyblock.us.to";
//https://mcapi.us/server/status?ip=play.hyblock.us.to
$.getJSON(url, function(r) {
    //data is the JSON string
 if(r.error){
    $('#rest').html('Server Online');
   return false;
 }
var pl = '';
 if(r.players.sample.length > 0 )
  $('#rest').html(r.players.online+pl);
 $('#favicon').attr('src', r.favicon);

});

function copyToClipboard(element) {
  var $temp = $("<input>");
  $("body").append($temp);
  $temp.val($(element).text()).select();
  document.execCommand("copy");
  $temp.remove();
}


	function scrolledDown() {
		if ( $(document).scrollTop() > 365 ) {
			$('body').addClass('scrolled-down');
		} else {
			$('body').removeClass('scrolled-down');
		}
	}
	scrolledDown();
	$(window).scroll(function() {
		scrolledDown();
	});
</script>
</div></div>k