74 lines
3.0 KiB
HTML
74 lines
3.0 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://cdn.jsdelivr.net/npm/chart.js"></script>
|
||
<link rel="stylesheet" href="analyser.css" type="text/css" />
|
||
<title id="pageTitle">Wiredraw Setup Analyser</title>
|
||
</head>
|
||
|
||
<body onload="readLink()">
|
||
<div class="content">
|
||
<div class="printHeader">
|
||
<p id="vanity">Taylor Courage's</p>
|
||
<h2>Draft Analysis</h2>
|
||
<h4 id="subtitle"></h4>
|
||
</div>
|
||
<div class="header">
|
||
<p id="vanity">Taylor Courage's</p>
|
||
<h1>Draft Analyser</h1>
|
||
<!-- <p>Use this tool to visualize the setup of wiredraw machinery</p> -->
|
||
<p>─</p>
|
||
</div>
|
||
<div class="body" id="body">
|
||
<div id="inputArea">
|
||
<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>
|
||
<button name="Add Draft" id="addReduction" onclick="addReduction()">Add</button>
|
||
<button name="Remove Draft" id="removeReduction" onclick="removeReduction()">Remove</button>
|
||
<p></p>
|
||
<table id="data">
|
||
<tr style="font-size: 75%;">
|
||
<td><p></p>Draft<p></p></td>
|
||
<td>Exit Dia.</td>
|
||
<td>Angle (2α)</td>
|
||
</tr>
|
||
</table>
|
||
<p></p>
|
||
<button name="Calculate" id="calculateButton" onclick="doMath()">Recalculate</button>
|
||
<button name="Clear" id="clearButton" onclick="clearScreen();addReduction();addReduction()">Clear</button>
|
||
<button name="Share" id="shareButton" onclick="createLink()" style="width:60px;">Share</button>
|
||
<button name="Print" id="printButton" onclick="printScreen()">Print</button>
|
||
<script>addReduction()</script>
|
||
<script>addReduction()</script>
|
||
<p> </p>
|
||
<p></p>
|
||
</div>
|
||
<p><hr id="spacer1" /></p>
|
||
<table class="output" id="output"></table>
|
||
<p><hr id="spacer2" /></p>
|
||
<div id="statistics"></div>
|
||
<p><hr id="spacer3" /></p>
|
||
<div id="outputChart"></div>
|
||
<p></p>
|
||
</div>
|
||
</div>
|
||
<div class="printFooter" align="center">
|
||
<p> </p>
|
||
<p>© 2025 Taylor Courage</p>
|
||
</div>
|
||
<div class="footer" align="center">
|
||
<p> </p>
|
||
<p>© 2025 <a href="http://git.taylorcourage.net/Taylor">Taylor Courage</a></p>
|
||
</div>
|
||
</body>
|
||
|
||
</html> |