-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
80 lines (78 loc) · 3.43 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>Compute Calculator</title>
<link rel="stylesheet" type="text/css" href="style1.css">
</head>
<body>
<h1 class="calculator-title">Compute Calculator</h1>
<div class="calculator-container">
<table>
<tr>
<td>Model</td>
<td>
<select id="model-dropdown" onchange="toggleCustomModel()">
<option value="gpt-3">GPT-3</option>
<option value="lambda">Lambda</option>
<option value="gpt-2">GPT-2</option>
<option value="custom">Custom</option>
</select>
<input type="text" id="model-input" placeholder="PxT" style="display:none;">
</td>
<td><span class="dimensionality">PxT</span></td>
</tr>
<!--HIDDEN PARAMETER INPUT BOX -->
<tr id="custom-model-row-params" style="display:none" class="optional_row" onchange="checkVars()">
<td>Params</td>
<td><input type="text" id="params-custom" placeholder="Enter number of parameters" disabled></td>
<td><span class="dimensionality">B</span></td>
<tr>
<!--HIDDEN TOKEN INPUT BOX -->
<tr id="custom-model-row-tokens" style="display:none" class="optional_row" onchange="checkVars()">
<td>Tokens</td>
<td><input type="text" id="params-tokens" placeholder="Enter number of tokens" disabled></td>
<td><span class="dimensionality">B</span></td>
<tr>
<td>Compute</td>
<td>
<select id="compute-dropdown" onchange="toggleCustomCompute()">
<option value="a100">A100</option>
<option value="v100">V100</option>
<option value="rtx-3090">RTX 3090</option>
<option value="custom">Custom</option>
</select>
<input type="text" id="compute-input" placeholder="teraFlops" style="display:none;">
</td>
<td><span class="dimensionality">teraFlops</span></td>
</tr>
<!--HIDDEN COMPUTE INPUT BOX -->
<tr id="custom-compute-row" style="display:none" class="optional_row" onchange="checkVars()">
<td>Compute</td>
<td><input type="text" id="compute-custom-input" placeholder="Enter compute in TFs" disabled></td>
<td><span class="dimensionality">teraFlops</span></td>
</tr>
<tr onchange="checkVars()">
<td>Chips</td>
<td><input type="text" id="compute-chips" placeholder=""></td>
<td><span class="dimensionality">chips</span></td>
</tr>
<tr onchange="checkVars()">
<td>Util Rate</td>
<td><input type="text" id="compute-utilization" placeholder="30"></td>
<td><span class="dimensionality">%</span></td>
</tr>
<tr onchange="checkVars()">
<td>Time</td>
<td><input type="text" id="compute-time" placeholder=""></td>
<td><span id="time-unit" class="dimensionality">days</span></td>
</tr>
</table>
</div>
<p id="power-consumed" class="center-text" style="display:none;"><i>Power Consumed: <span id="power-value"></span>KWh</i></p>
<p id="estimated-cost" class="center-text" style="display:none;"><i>Estimated Cost: $<span id="cost-value"></span></i></p>
<button id="screenshotBtn" class="button">Save</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.3.2/html2canvas.min.js"></script>
<script src="calculator.js"></script>
<script src="script1.js"></script>
</body>
</html>