Spaces:
Sleeping
Sleeping
File size: 2,269 Bytes
0b9e56f |
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 |
<!-- cg.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Crystal Grid Calculator</title>
<link rel="stylesheet" href="/static/styles.css">
</head>
<body>
<header>
<h1>Crystal Grid Calculator</h1>
</header>
<main class="calculator-main">
<form id="cg-calculator-form">
<div class="form-row">
<label for="voltage">Voltage (V):</label>
<input type="number" id="voltage" name="voltage">
</div>
<div class="form-row">
<label for="cable_length">Input Cable Length (m):</label>
<input type="number" id="cable_length" name="cable_length">
</div>
<div class="form-row">
<label for="awg">Cable AWG:</label>
<select id="awg" name="awg">
{% for cable in cables %}
<option value="{{ cable.type }}">{{ cable.type }}</option>
{% endfor %}
</select>
</div>
<div class="form-row">
<label for="fixture_height">Fixture Height (m):</label>
<input type="number" id="fixture_height" name="fixture_height">
</div>
<div class="form-row">
<label for="levels">Number of Levels:</label>
<input type="number" id="levels" name="levels">
</div>
<div class="form-row">
<label for="leds_per_level">LEDs per Level:</label>
<input type="number" id="leds_per_level" name="leds_per_level" value="6">
</div>
<div class="form-row">
<label for="led_power">LED Power (W):</label>
<input type="number" id="led_power" name="led_power">
</div>
<div class="action-buttons">
<button type="submit" class="btn btn-cg-calculate">Calculate</button>
</div>
</form>
<div id="result" class="result-display"></div>
<a href="/" class="btn btn-back">Back to Calculator</a>
</main>
<script src="/static/cg.js"></script>
</body>
</html>
|