forked from hush/hush.is
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
319 lines
14 KiB
319 lines
14 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<!-- Basic -->
|
|
<meta charset="utf-8">
|
|
<title>Hush Supply Statistics</title>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<!-- Favicons -->
|
|
<link rel="shortcut icon" href="/favicon.ico">
|
|
<link rel="apple-touch-icon-precomposed" href="/images/icons/favicon.png">
|
|
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/images/icons/favicon@2x.png">
|
|
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/images/icons/favicon-72.png">
|
|
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/images/icons/favicon-72@2x.png">
|
|
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="/images/icons/favicon-60.png">
|
|
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/images/icons/favicon-60@2x.png">
|
|
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="/images/icons/favicon-76.png">
|
|
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/images/icons/favicon-76@2x.png">
|
|
|
|
<!-- Styles -->
|
|
<link rel="stylesheet" href="/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="/css/styles.css">
|
|
|
|
<!-- IE9 Support -->
|
|
<!--[if lt IE 9]>
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
|
<![endif]-->
|
|
|
|
</head>
|
|
<body data-spy="scroll" data-target=".navbar" data-offest="120">
|
|
<!-- Navbar -->
|
|
<nav class="navbar navbar-default navbar-fixed-top">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<!--Mobile menu icon -->
|
|
<div class="container navbar-toggle collapsed" data-toggle="collapse" data-target="#menuicon" aria-expanded="true" role="button">
|
|
<div class="bar1"></div>
|
|
<div class="bar2"></div>
|
|
<div class="bar3"></div>
|
|
</div>
|
|
<a class="navbar-brand" href="../index.html" data-value="home-section">
|
|
<img src="/images/logo-nav.png" alt="Logo">
|
|
</a>
|
|
</div>
|
|
<!-- Bootstrap Navbar No Mobile -->
|
|
<div class="collapse navbar-collapse" id="menuicon">
|
|
<ul class="nav navbar-nav navbar-right">
|
|
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div id="seconds_until_halving" style="display:none;">0</div>
|
|
<!-- DEBUG Seconds until halving: <div id="seconds_until_halving">0</div> -->
|
|
|
|
<!-- Home Section -->
|
|
<section class="home-section" id="home-section">
|
|
<div class="display-table">
|
|
<div class="display-table-cell">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<h1 class="halving1lang"> Hush Supply Stats :</h1>
|
|
<p>
|
|
Block Height:<h2 id="height">...</h2>
|
|
Circulating Supply:<h2 class="halving3lang" id="totalsupply">... HUSH<noscript>Please activate JavaScript to see this data.</noscript></h2>
|
|
Market Cap :<h2 class="halving3lang" id="marketcap">...</h2>
|
|
Shielded Market Cap:<h2 id="zmarketcap">...</h2>
|
|
Circulating Shielded Funds:<h2 class="halving4lang" id="zfunds">... HUSH</h2>
|
|
Shielded Percent:<h2 class="halving4lang" id="zfundspercent">... </h2>
|
|
Percent Circulating: <h2 id="percentcirculating">... HUSH</h2>
|
|
Total Supply:<h2 class="halving3lang">21,000,000 HUSH</h2>
|
|
Supply Inflation: <h2 id="inflation"> ... % monthly, ... % yearly</h2>
|
|
</p>
|
|
</div>
|
|
<br>
|
|
<div>
|
|
</div>
|
|
<a class="btn btn-hush hl4lang" href="https://git.hush.is/hush/hush-v3-whitepaper/raw/branch/master/hush-v3.pdf" target="_blank">Whitepaper</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="contact-section" id="contact-section">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-8 col-sm-offset-2">
|
|
<div class="title"><h3 class="con1lang">Join us!</h3></div>
|
|
<p><strong class="con2alang">Hush</strong><span class="con2blang"> is a community project. Everyone is welcomed with open arms!</span></p>
|
|
<div class="contact-text">
|
|
<ul>
|
|
<li><a class="telegram" href="//hush.is/telegram" target="_blank" data-toggle="tooltip" title="Telegram"><img src="/images/Telegram_grey.png" alt="Telegram" height="45px" width="45px"/></a></li>
|
|
<li><a class="matrix" href="//hush.is/matrix" target="_blank" data-toggle="tooltip" title="Matrix"><img src="/images/Matrix.png" alt="Matrix" height="45px" width="45px"/></a></li>
|
|
<li><a class="twitter" href="//hush.is/twitter" target="_blank" data-toggle="tooltip" title="Twitter"><img src="/images/Twitter_grey.png" alt="Twitter" height="45px" width="45px"/></a></li>
|
|
<li><a class="mastodon" href="//hush.is/mastodon" target="_blank" data-toggle="tooltip" title="Mastodon"><img src="/images/Mastodon.png" alt="Mastodon" height="45px" width="45px"/></a></li>
|
|
<li><a class="reddit" href="//hush.is/reddit" target="_blank" data-toggle="tooltip" title="Reddit"><img src="/images/reddit_grey.png" alt="Reddit" height="45px" width="45px"/></a></li>
|
|
<li><a class="btc" href="//bitcointalk.org/index.php?topic=2008578.0" target="_blank" data-toggle="tooltip" title="Bitcointalk"><img src="/images/btc_grey.png" alt="Bitcointalk" height="45px" width="45px"/></a></li>
|
|
<li><a class="youtube" href="//hush.is/youtube" target="_blank" data-toggle="tooltip" title="YouTube"><img src="/images/Youtube_grey.png" alt="YouTube" height="45px" width="45px"/></a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="contact-copyright">
|
|
<p>Copyright © 2016-<span id="s_year"></span> The Hush developers. All rights reserved.</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Scroll Top -->
|
|
<div class="animated fadeInRight" id="scroll-top">
|
|
<i class="fa fa-chevron-up"></i>
|
|
</div>
|
|
|
|
<!-- Scripts -->
|
|
<script type="text/javascript">
|
|
var today=new Date();
|
|
var year = today.getFullYear();
|
|
var syear = document.getElementById('s_year');
|
|
syear.innerHTML = year;
|
|
</script>
|
|
<script src="//code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js"> </script>
|
|
<script src="/js/bootstrap.min.js"></script>
|
|
<script src="/js/scripts.js"></script>
|
|
<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"></script>
|
|
<script>
|
|
// external js: isotope.pkgd.js
|
|
// init Isotope
|
|
var $grid = $('.grid').isotope({
|
|
filter: '.features',
|
|
itemSelector: '.element-item',
|
|
layoutMode: 'fitRows',
|
|
fitWidth: true
|
|
});
|
|
// filter functions
|
|
var filterFns = {
|
|
// show if number is greater than 50
|
|
numberGreaterThan50: function() {
|
|
var number = $(this).find('.number').text();
|
|
return parseInt( number, 10 ) > 50;
|
|
},
|
|
// show if name ends with -ium
|
|
ium: function() {
|
|
var name = $(this).find('.name').text();
|
|
return name.match( /ium$/ );
|
|
}
|
|
};
|
|
// bind filter button click
|
|
$('.filters-button-group').on( 'click', 'button', function() {
|
|
var filterValue = $( this ).attr('data-filter');
|
|
// use filterFn if matches value
|
|
filterValue = filterFns[ filterValue ] || filterValue;
|
|
$grid.isotope({ filter: filterValue });
|
|
});
|
|
// change is-checked class on buttons
|
|
$('.button-group').each( function( i, buttonGroup ) {
|
|
var $buttonGroup = $( buttonGroup );
|
|
$buttonGroup.on( 'click', 'button', function() {
|
|
$buttonGroup.find('.is-checked').removeClass('is-checked');
|
|
$( this ).addClass('is-checked');
|
|
});
|
|
});
|
|
|
|
</script>
|
|
<div class="modal fade" id="myModal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-body">
|
|
|
|
<div class="close-button">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
|
|
|
|
</div>
|
|
<div class="embed-responsive embed-responsive-16by9">
|
|
<iframe class="embed-responsive-item" frameborder="0"></iframe>
|
|
</div>
|
|
</div>
|
|
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div><!-- /.modal -->
|
|
|
|
<script>
|
|
function log(s) {
|
|
console && console.log(s);
|
|
}
|
|
|
|
var zfunds = 0;
|
|
|
|
$( document ).ready(function() {
|
|
log("doc ready");
|
|
$.ajax({
|
|
url: "https://explorer.hush.land/api/coinsupply.json",
|
|
type: "GET",
|
|
dataType : "json",
|
|
})
|
|
.done(function( json ) {
|
|
log(json);
|
|
zfunds = json.zfunds;
|
|
$('#zfunds').html( json.zfunds + " HUSH" );
|
|
$('#height').html( json.height );
|
|
var zfundspercent = 0;
|
|
if (json.total > 0) {
|
|
zfundspercent = json.zfunds / json.total;
|
|
}
|
|
$('#zfundspercent').html( parseFloat(100*zfundspercent).toPrecision(4) + "%" );
|
|
$('#totalsupply').html( json.total + " HUSH" );
|
|
$('#percentcirculating').html( parseFloat( 100*(json.total/ 21000000)).toPrecision(4) + "%" );
|
|
|
|
var block_time = 75;
|
|
var blocks_per_day = 60*60*24 / block_time;
|
|
var block_reward = 3.125;
|
|
// TODO: add future halvings
|
|
if ( json.height >= 2020000) {
|
|
block_reward /= 2;
|
|
}
|
|
var monthly_inflation = parseFloat( 100 * (block_reward * blocks_per_day * 30 / json.total)).toPrecision(2);
|
|
var yearly_inflation = parseFloat( 100 * (block_reward * blocks_per_day * 365 / json.total)).toPrecision(4);
|
|
|
|
|
|
$('#inflation').html( monthly_inflation + "% monthly, " + yearly_inflation + "% yearly" );
|
|
|
|
$.ajax({
|
|
url: "https://api.coingecko.com/api/v3/simple/price?ids=hush&vs_currencies=btc%2Cusd%2Ceur&include_market_cap=true&include_24hr_vol=true&include_24hr_change=true",
|
|
type: "GET",
|
|
dataType : "json",
|
|
})
|
|
.done(function( json2 ) {
|
|
log(json2);
|
|
var mcap = parseFloat(json2.hush.btc_market_cap).toPrecision(4) + " BTC, " +
|
|
parseFloat(json2.hush.usd_market_cap).toPrecision(8) + " USD"
|
|
log("mcap=" + mcap);
|
|
$('#marketcap').html( mcap );
|
|
var usdprice = json2.hush.usd;
|
|
var btcprice = json2.hush.btc;
|
|
var zmcap = parseFloat(btcprice * zfunds).toPrecision(5) + " BTC, " + parseFloat(usdprice * zfunds).toPrecision(8) + " USD";
|
|
$("#zmarketcap").html( zmcap );
|
|
log("zmcap=" + zmcap);
|
|
})
|
|
.fail(function( xhr, status, errorThrown ) {
|
|
log("Failed to get price data")
|
|
})
|
|
.always(function( xhr, status ) {
|
|
log("Finished!");
|
|
});
|
|
})
|
|
|
|
.fail(function( xhr, status, errorThrown ) {
|
|
// TODO: try the other explorer if we can't talk to the first one
|
|
//alert( "Ooops, error talking to explorer API!");
|
|
$('#seconds_until_halving').html("Ooops, error talking to explorer API !")
|
|
log( "Error: " + errorThrown );
|
|
log( "Status: " + status );
|
|
console.dir( xhr );
|
|
})
|
|
.always(function( xhr, status ) {
|
|
log("Finished!");
|
|
});
|
|
|
|
});
|
|
</script>
|
|
|
|
<script>
|
|
if ($(window).width() < 960) {
|
|
|
|
(function ($) {
|
|
$('.modalButton').on('click', function (e) {
|
|
var src = $(this).attr('data-src');
|
|
window.open(src, '_blank').focus();
|
|
|
|
});
|
|
})(jQuery);
|
|
} else {
|
|
(function ($) {
|
|
|
|
function iframeModalOpen() {
|
|
|
|
|
|
$('.modalButton').on('click', function (e) {
|
|
var src = $(this).attr('data-src');
|
|
var width = $(this).attr('data-width') || 640;
|
|
var height = $(this).attr('data-height') || 360;
|
|
|
|
var allowfullscreen = $(this).attr('data-video-fullscreen');
|
|
|
|
|
|
$("#myModal iframe").attr({
|
|
'src': src,
|
|
'height': height,
|
|
'width': width,
|
|
'allowfullscreen': ''
|
|
});
|
|
});
|
|
|
|
|
|
$('#myModal').on('hidden.bs.modal', function () {
|
|
$(this).find('iframe').html("");
|
|
$(this).find('iframe').attr("src", "");
|
|
});
|
|
}
|
|
|
|
$(document).ready(function () {
|
|
iframeModalOpen();
|
|
});
|
|
|
|
})(jQuery);
|
|
}
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|
|
|