Files
J1B3-Sensor-boxes/web/new website/index.html
2024-03-27 20:48:33 +01:00

60 lines
2.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Gauges</title>
</head>
<body>
<div class="gaugeGroup">
<h2 class="groupTitle">Gauge Group</h2> <!-- Title above the gauges -->
<div class="Node">
<div class="Sensorvalues">
<div id="gaugeContainer1" class="gaugeContainer">
<img src="gauge.png" class="gaugeImage">
<div id="gaugeValue1" class="gaugeValue"></div>
<div id="needle1" class="needle"></div> <!-- Needle -->
<div id="gaugeText1" class="gaugeText">0</div>
<div class="gaugeCover"></div>
</div>
</div>
<div class="Sensorvalues">
<div id="gaugeContainer2" class="gaugeContainer">
<img src="gauge.png" class="gaugeImage">
<div id="gaugeValue2" class="gaugeValue"></div>
<div id="needle2" class="needle"></div> <!-- Needle -->
<div id="gaugeText2" class="gaugeText">0</div>
<div class="gaugeCover"></div>
</div>
</div>
<div class="Sensorvalues">
<div id="gaugeContainer3" class="gaugeContainer">
<img src="gauge.png" class="gaugeImage">
<div id="gaugeValue3" class="gaugeValue"></div>
<div id="needle3" class="needle"></div> <!-- Needle -->
<div id="gaugeText3" class="gaugeText">0</div>
<div class="gaugeCover"></div>
</div>
</div>
<div class="Sensorvalues">
<div id="gaugeContainer4" class="gaugeContainer">
<img src="gauge.png" class="gaugeImage">
<div id="gaugeValue4" class="gaugeValue"></div>
<div id="needle4" class="needle"></div> <!-- Needle -->
<div id="gaugeText4" class="gaugeText">0</div>
<div class="gaugeCover"></div>
</div>
</div>
</div>
</div>
<script src="GaugGroup.js"></script>
</body>
</html>