-
Notifications
You must be signed in to change notification settings - Fork 1
/
gpu.html
145 lines (141 loc) · 3.86 KB
/
gpu.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<html>
<head>
<title>Handshake (HNS) GPU Mining Calculator</title>
<style>
@font-face {
font-family: "IBM Plex Mono";
font-weight: 400;
src: url('../fonts/IBMPlexMono-Regular.ttf') format('truetype');
}
@font-face {
font-family: "IBM Plex Mono";
font-style: italic;
font-weight: 600;
src: url('../fonts/IBMPlexMono-SemiBoldItalic.ttf');
}
html,body{
padding:0;
margin:0;
font-family: IBM Plex Mono, Sans-serif;
text-align:center;
}
#logoContainer{
width:80%;
clear:both;
margin: 0 auto;
}
#logo{
float:left;
width:150px;
padding: 5px 10px;
margin-top:4px;
}
.title{
line-height: 45px;
vertical-align: middle;
margin-top: 19px;
float: left;
text-align: left;
}
#form{
clear:both;
width:80%;
margin:0 auto;
text-align:left;
}
.formElement{
padding: 5px;
margin:2px;
background:#eee;
border: 1px solid #ccc;
}
.formElement input{
clear:both;
display:block;
font-size:18px;
width:80px;
padding: 2px 5px;
font-family: IBM Plex Mono, Sans-serif;
}
#output{
padding: 5px;
border: 1px solid #ccc;
background:#eee;
margin:2px;
}
#output span{
font-weight:600;
}
#guideLink{
width:calc(80% - 20px);
margin:5px auto;
text-align:right;
}
#guideLink a, a{
color:#00d24a;
}
</style>
<script src="js/gpu.js"></script>
</head>
<body onload="calculateForm();">
<div id="logoContainer">
<img id="logo" src="./img/handshake.svg" alt="Handshake" />
<span class="title">- GPU Mining Calculator | <a href="./index.html">ASIC ROI Calculator</a></span>
</div>
<div id="form">
<!-- <div class="formElement">
<label for="asicCount">Number of ASIC</label>
<input oninput="calculateForm();" id="asicCount" type="number" value="300" placeholder="number of asic" size="6" />
</div> -->
<div class="formElement">
<label for="hwHashrate">Miner Hashrate (GH)</label>
<input oninput="calculateForm();" id="hwHashrate" type="number" value="10" />
</div>
<div class="formElement">
<label for="hwWattage">Miner Power Usage (W)</label>
<input oninput="calculateForm();" id="hwWattage" type="number" value="4000" />
</div>
<!-- <div class="formElement">
<label for="hwCost">Cost Per Miner (USD)</label>
<input oninput="calculateForm();" id="hwCost" type="number" value="2000" />
</div> -->
<div class="formElement">
<label for="kwhCost">Energy Cost Per kW/h (USD)</label>
<input oninput="calculateForm();" id="kwhCost" type="number" value="0.08" placeholder="cost of kW/h in $" />
</div>
<div class="formElement">
<label for="netHash">Network Hashrate (TH)</label>
<input oninput="calculateForm();" id="netHash" type="number" value="52" />
</div>
<div class="formElement">
<label for="hnsValue">Value of 1 HNS (USD)</label>
<input oninput="calculateForm();" id="hnsValue" type="number" value="0.18" />
</div>
<div id="output">
<div id="hashratePerc">
My Hashrate: <span id="myHashrateOut"></span>GH (<span id="myHashratePercentOut"></span>%)
</div>
<div id="energyUsageDaily">
Daily Energy Usage (kW/h): <span id="powerUsageDailyOut"></span>
</div>
<div id="grossDailyIncome">
Gross Daily Income HNS: <span id="grossDailyIncomeHNSOut"></span><br />
Gross Daily Income USD: <span id="grossDailyIncomeUSDOut"></span>
</div>
<div id="energyCostDaily">
Daily Energy Cost USD: <span id="powerUsageDailyCostOut"></span>
</div>
<div id="netDailyIncome">
Net Daily Income USD: <span id="netDailyIncomeOut"></span>
</div>
<!-- <div id="roiDays">
ROI Days: <span id="roiDaysOut"></span>
</div> -->
</div>
</div>
<div id="guideLink">
<a href="https://handyminer.github.io/HandyGuide/">HandyMiner QuickStart Guide</a>
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>
</body>
</html>