Untitled

<html class="gr__flare-radio_com"><head>
		<title>FlareRadio</title>
		<link rel="stylesheet" href="style.css">
		<link rel="stylesheet" href="bootstrap.css">
        <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css">
	<link rel="stylesheet" type="text/css" href="fontello-9bf5554a/css/fontello.css">
	<script src="https://code.jquery.com/jquery-1.12.4.js"></script><script>
	<script
  src="https://code.jquery.com/jquery-3.1.1.js"
  integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA="
  crossorigin="anonymous"></script><script>
            function setVolume() {
                document.getElementById("radioplayer").volume
                = document.getElementById('volume').value;
            }
        </script><script>
		    function StartOrStop(audioFile) {
        var audie = document.getElementById("radioplayer");
        if (!audie.src || audie.src !== audioFile) audie.src = audioFile;
        console.log(audie.paused);
        if (audie.paused == false) {
            console.log('pause');
            audie.pause();
        } else {
            console.log('play');
            audie.play();
        }
    }
		</script><script>
$(function() {
  $('.play').click(function() {
    var wasPlay = $(this).hasClass('fa-play');
    $(this).removeClass('fa-play fa-pause');
    var klass = wasPlay ? 'fa-pause' : 'fa-play';
    $(this).addClass(klass)
  });
});
		</script><script>
$(document).ready(function(){
    refreshTable();
});

function refreshTable(){
    setInterval(function() {
        $.get('stream_artist.php', function(data)  {
            $("#artistname").html(data);
        }, 'text');
		$.get('stream_song.php', function(data)  {
            $("#songname").html(data);
        }, 'text');
		$.get('stream_presenter.php', function(data)  {
            $("#presentername").html(data);
        }, 'text');
    }, 1000);
 }
		</script></head>


	<body data-gr-c-s-loaded="true">
		<nav class="navbar">
			<ul>
				<li class="logo"><a class="logo"><img src="logo.png" class="logo"></a></li>
				<li><a>Forums</a></li>
				<li><a>Wiki</a></li>
				<div class="social">
					<ul class="pull-right">
						<li><a><i class="fa fa-lg icon-discord"></i></a></li>
						<li><a><i class="fa fa-lg fa-twitter"></i></a></li>
						<li><a><i class="fa fa-lg fa-steam"></i></a></li>
						<li><a><i class="fa fa-lg fa-instagram"></i></a></li>
					</ul>
				</div>
			</ul>

		</nav>
			<div class="currentsong">
				<div class="container">
					<div class="songname">

  <img src="http://srv2.badatgaming.com/flare-text.php" height="175" style="
    float: left;
    margin-right: 30px;
    border: #fff solid;
    margin-top: -38px;
">

						<h2 id="songname">Jet Black Heart </h2>
						<h3 class="capitalize" id="artistname">5 Seconds Of Summer </h3>
					</div>

				</div>
			</div>
			<div class="songcontrols">
				<div class="container">
					<a id="playpause" onclick="StartOrStop('http://srv.flare-radio.com:8000/stream')">
						<i class="play fa fa-pause"></i>
					</a>
					<i class="spacer"></i>
					<i class="fa fa-volume-up"></i>
					<audio id="radioplayer" src="http://srv.flare-radio.com:8000/stream" autoplay=""></audio>
					<input id="volume" name="volume" min="0" max="0.5" step="0.01" type="range" onchange="setVolume()">
					<div class="pull-right presenter">
						<i class="fa fa-user"></i>
						<span>Presenter: </span>
						<span id="presentername">Fudge </span>
					</div>

				</div>
			</div>

			<div class="info group">
				<div class="container">
					<div class="col span_1_of_3">
						<h1 class="number">3</h1>
						<h2 class="caption">Listeners</h2>
					</div>
					<div class="col span_1_of_3">
						<h1 class="number">7</h1>
						<h2 class="caption">Peak Listeners</h2>
					</div>
					<div class="col span_1_of_3">
						<h1 class="number">4</h1>
						<h2 class="caption">Presenters</h2>
					</div>
				</div>
			</div>

</body><span class="gr__tooltip"><span class="gr__tooltip-content"></span><i class="gr__tooltip-logo"></i><span class="gr__triangle"></span></span></html>