Untitled

<!DOCTYPE html>
<?php
$username = 'user';
$password = 'pass';
$URL = 'http://IP:PORT';

$ch = curl_init();
curl_setopt($ch, CURLOPT_URL,$URL);
curl_setopt($ch, CURLOPT_TIMEOUT, 30); //timeout after 30 seconds
curl_setopt($ch, CURLOPT_RETURNTRANSFER,1);
curl_setopt($ch, CURLOPT_HTTPAUTH, CURLAUTH_ANY);
curl_setopt($ch, CURLOPT_POSTFIELDS, '{"method":"getbalance"}');
curl_setopt($ch, CURLOPT_USERPWD, "$username:$password");
$result=curl_exec ($ch);
$status_code = curl_getinfo($ch, CURLINFO_HTTP_CODE);   //get status code
curl_close ($ch);

$parsed_json = json_decode($result, true);
$parsed_json = $parsed_json['result'];

?>
<html>
<head>
<meta http-equiv="refresh" content="600">
<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">

<style>
.my-image {
        margin: 0 auto;
}
.loadgo-container{
        display: inline-block;
        margin: 0 auto;
}
</style>
<body>
<div style="text-align:center;">
<H1>Beer Fund</H1>
Current Balance: <?php echo "$parsed_json GRC"; ?><br />
Goal: 17200 GRC<br />
  <img id="logo" src="keg.jpg" class="my-image" alt="Logo" />
  <div id="progress" style="margin-bottom:10px;font-size:16px;font-weight:bold;">0 %</div>
  <div id="pints" style="margin-bottom:10px;font-size:16px;"></div>
</div>
</body>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/LoadGo/2.2/loadgo.min.js"></script>
<script type="text/javascript" src="countUp.js"></script>
<script>
var goal = 17200
//var p = 75

var $logo = $('#logo');
var p = (<?php echo "$parsed_json"; ?> / goal) * 100;

$logo.loadgo();
$logo.loadgo({ direction: 'bt', opacity: 0.7 });
$logo.loadgo('setprogress', p);

var percent = {
useEasing: true,
useGrouping: true,
separator: ',',
decimal: '.',
suffix: '%'
};
var numAnim = new CountUp("progress", 0, p, 2, 2.5, percent);
if (!numAnim.error) {
    numAnim.start();
} else {
    console.error(numAnim.error);
}

var pints = (p / 100) * 124;
var p2 = Math.round((pints + 0.00001) * 100) / 100;

var pint = {
useEasing: true,
useGrouping: true,
separator: ',',
decimal: '.',
suffix: ' Pints'
};
var numAnim1 = new CountUp("pints", 0, p2, 2, 2.5, pint);
if (!numAnim1.error) {
    numAnim1.start();
} else {
    console.error(numAnim1.error);
}
</script>
</html>