CINXE.COM
MoneroHash - Monero Nodes Distribution
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1"/> <title>MoneroHash - Monero Nodes Distribution</title> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-timeago/1.4.0/jquery.timeago.min.js"></script> <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> <link href="//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"> <link href="//fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet" type="text/css"> <link href="//monerohash.com/favicon.ico" type="image/x-icon" rel="icon" /><link href="//monerohash.com/favicon.ico" type="image/x-icon" rel="shortcut icon" /> <style> #coinName{ text-transform: capitalize; color: #ff6600; } body { padding-top: 65px; padding-bottom: 80px; overflow-y: scroll; } .container{ font-size: 1.2em; } #loading{ font-size: 2em; } .stats { margin-bottom: 10px; margin-top: 5px; } .stats:last-child{ width: auto; } .stats > h3 > i{ font-size: 0.80em; width: 21px; } .stats > div{ padding: 5px 0; } .stats > div > .fa { width: 25px; } .stats > div > span:first-of-type{ font-weight: bold; } #stats_updated{ opacity: 0.3; float: right; margin-left: 30px; color: #e8e8e8; line-height: 47px; font-size: 0.9em; } footer{ position: fixed; bottom: 0; width: 100%; background-color: #f5f5f5; } footer > div{ margin: 10px auto; text-align: center; } </style> <link href="custom.css" rel="stylesheet"> <link href="themes/monerohash.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css" integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=" crossorigin="" /> <script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js" integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=" crossorigin=""></script> <script src='https://unpkg.com/leaflet.markercluster@1.5.3/dist/leaflet.markercluster.js' crossorigin="" ></script> <link rel="stylesheet" href='https://unpkg.com/leaflet.markercluster@1.5.3/dist/MarkerCluster.css' rel='stylesheet' crossorigin="" /> <link rel="stylesheet" href='https://unpkg.com//leaflet.markercluster@1.5.3/dist/MarkerCluster.Default.css' rel='stylesheet' crossorigin="" /> <style> #map { height: 500px; } #country-list td { font-size: 0.8em; font-weight: normal; font-family: Helvetica, Arial, sans-serif; } </style> </head> <body> <div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand"><span id="coinName">Monero</span>Hash.com</a> </div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li><a href="./"> <i class="fa fa-home"></i> Home </a></li> <li><a href="./#getting_started"> <i class="fa fa-rocket"></i> Getting Started </a></li> <li><a href="./#pool_blocks"> <i class="fa fa-cubes"></i> Pool Blocks </a></li> <li><a href="./#payments"> <i class="fa fa-paper-plane-o"></i> Payments </a></li> <li><a href="./#support"> <i class="fa fa-comments"></i> Support </a></li> <li><a href="/explorer/"> <i class="fa fa-search"></i> Explorer </a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-chain"></i> Network <span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <!-- <li><a href="./#network">Hashrate Distribution</a></li> --> <li class="active"><a href="#">Nodes Distribution</a></li> </ul> </li> </ul> </div> </div> </div> <div class="container"> <div id="page"> <div class="row"> <h2>Monero Active Nodes Distribution</h2> <p>Total nodes: <span id="total-nodes"></span> - Last updated: <span id="last-updated"></span></p> <div id="map"></div> <h2>Country list</h2> <table id="country-list" class="table table-hover table-condensed" style="width: auto;"> <thead> <tr> <th>Country</th> <th>Nodes</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </div> <footer> <div class="text-muted"> Powered by <a target="_blank" href="//cryptonotemining.org"><i class="fa fa-github"></i> cryptonote-universal-pool</a> <span id="poolVersion"></span> open sourced under the <a href="http://www.gnu.org/licenses/gpl-2.0.html">GPL</a> </div> </footer> <script type="text/javascript"> var map = L.map('map').setView([15, 0], 2); map.attributionControl.setPrefix('<a href="https://leafletjs.com" title="A JavaScript library for interactive maps">Leaflet</a>') L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors', minZoom: 2, maxZoom: 16 }).addTo(map); var markers = new L.MarkerClusterGroup({maxClusterRadius: 22, zoomToBoundsOnClick: true, spiderfyOnMaxZoom: false}); $.get('getnodes.php?q=coords', function(data){ for (var idx in data) { markers.addLayer(new L.marker([data[idx].latitude, data[idx].longitude])); } map.addLayer(markers); }); $.get('getnodes.php?q=countries', function(data){ $('#total-nodes').text(data.totalPeers); var d = new Date(data.lastUpdated).toISOString(); $('#last-updated').timeago('update', d); for (var idx in data.countryTotals) { $('#country-list tbody').append('<tr><td>' + data.countryTotals[idx].name + '</td><td style="text-align: right;">' + data.countryTotals[idx].count + '</td></tr>'); } }); </script> </body> </html>