Spaces:
Sleeping
Sleeping
File size: 2,520 Bytes
0b9e56f a4231fd 9fc4989 a4231fd 0b9e56f a4231fd 0b9e56f a4231fd 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 62 63 64 65 |
<!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="led_type">LED Type:</label>
<select id="led_type" name="led_type">
<option value="12,1">DMX (12V/1W)</option>
<option value="24,2" selected>Static (24V/2W)</option>
<option value="24,1" selected>Static (24V/2W)</option>
</select>
</div>
<div class="form-row">
<label for="levels">Number of Levels:</label>
<input type="number" id="levels" name="levels" required>
</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="cable_length">Input Cable Length (m):</label>
<input type="number" id="cable_length" name="cable_length" value="3">
</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="leds_per_level">LEDs per Level:</label>
<input type="number" id="leds_per_level" name="leds_per_level" value="6">
</div>
<div class="action-buttons">
<button type="submit" class="btn btn-cg-calculate">Calculate</button>
</div>
</form>
<div class="result-visual-container">
<div id="result" class="result-display-cg"></div>
<div class="fixture-visual">
<img src="/static/cg.png" alt="Fixture Visual" id="fixture-image">
</div>
</div>
<a href="/" class="btn btn-back">Back to Calculator</a>
</main>
<script src="/static/cg.js"></script>
</body>
</html>
|