Smikkelbakje/J1B3-Sensor-boxes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Made the box look good

Browse Source
This commit is contained in:
Sam Hos
2024-03-27 20:05:52 +01:00
parent 900a713468
commit 28f5153cee
3 changed files with 145 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
web/new website/index.html
View File

@@ -5,56 +5,56 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>bruh</title>
<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="gaugeContainer" class="gaugeContainer">
<div id="gaugeContainer1" class="gaugeContainer">
<img src="gauge.png" class="gaugeImage">
<div id="gaugeValue" class="gaugeValue"></div>
<div id="gaugeText" class="gaugeText">0</div>
<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="gaugeContainer" class="gaugeContainer">
<img src="gauge.png" class="gaugeImage">
<div id="gaugeValue" class="gaugeValue"></div>
<div id="gaugeText" class="gaugeText">0</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="gaugeContainer" class="gaugeContainer">
<img src="gauge.png" class="gaugeImage">
<div id="gaugeValue" class="gaugeValue"></div>
<div id="gaugeText" class="gaugeText">0</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="gaugeContainer" class="gaugeContainer">
<img src="gauge.png" class="gaugeImage">
<div id="gaugeValue" class="gaugeValue"></div>
<div id="gaugeText" class="gaugeText">0</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="gauge.js"></script>
</body>
</html>
<script src="gauge.js"></script>
</html>