57 lines
2.1 KiB
HTML
57 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||
<script src="analyser.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js"></script>
|
||
<link rel="stylesheet" href="analyser.css" />
|
||
<title>Wiredraw Setup Analyser</title>
|
||
</head>
|
||
|
||
<body>
|
||
<p> </p>
|
||
<div class="content">
|
||
<div class="header">
|
||
<p id="vanity">Taylor Courage's</p>
|
||
<h1>Setup Analyser</h1>
|
||
<p>Use this tool to visualize the setup of wiredraw machinery</p>
|
||
<p>─</p>
|
||
</div>
|
||
<div class="body" id="body">
|
||
<label for="die0">Start: </label>
|
||
<input type="text" id="die0" autocomplete="off" value="0.0" size="4" onchange="doMath()"/>
|
||
<input type="radio" name="units" id="metric" value="mm" checked tabindex=-1 />
|
||
<label for="metric">mm</label>
|
||
<input type="radio" name="units" id="inches" value="in" tabindex=-1 />
|
||
<label for="inches">in</label>
|
||
<p></p>
|
||
<table id="data">
|
||
<tr style="font-size: 75%;">
|
||
<td><p></p>Reduction<p></p></td>
|
||
<td>Exit Dia.</td>
|
||
<td>Angle (2α)</td>
|
||
</tr>
|
||
</table>
|
||
<p></p>
|
||
<button name="Add Reduction" id="addReduction" onclick="addReduction()">Add</button>
|
||
<button name="Remove Reduction" id="removeReduction" onclick="removeReduction()">Remove</button>
|
||
<button name="Calculate" id="calculateButton" onclick="doMath()">Calculate!</button>
|
||
<script>addReduction()</script>
|
||
<script>addReduction()</script>
|
||
|
||
<p>─</p>
|
||
<p></p>
|
||
<table class="output" id="output">
|
||
</table>
|
||
<p> </p>
|
||
</div>
|
||
</div>
|
||
<div class="footer" align="center">
|
||
<p> </p>
|
||
<p>© 2025 <a href="http://git.taylorcourage.net/Taylor">Taylor Courage</a></p>
|
||
</div>
|
||
</body>
|
||
|
||
</html> |