Promote version 7071055 to main
Browse filesPromoted commit 70710552e5ce9f426c4404a2130d48833f02cfc4 to main branch
- index.html +3 -31
index.html
CHANGED
|
@@ -131,39 +131,11 @@
|
|
| 131 |
</div>
|
| 132 |
</div>
|
| 133 |
</div>
|
| 134 |
-
<!-- Middle Column -->
|
| 135 |
-
<div class="lg:col-span-6 space-y-6">
|
| 136 |
-
<!-- Air Quality Card -->
|
| 137 |
-
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
| 138 |
-
<div class="md:col-span-2">
|
| 139 |
-
<air-quality-card></air-quality-card>
|
| 140 |
-
</div>
|
| 141 |
-
<!-- Gauges Grid -->
|
| 142 |
-
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
| 143 |
-
<div id="gauge-co2" class="glass-card p-4 rounded-xl backdrop-blur-lg border border-opacity-20 border-white"></div>
|
| 144 |
-
<div id="gauge-co" class="glass-card p-4 rounded-xl backdrop-blur-lg border border-opacity-20 border-white"></div>
|
| 145 |
-
<div id="gauge-voc" class="glass-card p-4 rounded-xl backdrop-blur-lg border border-opacity-20 border-white"></div>
|
| 146 |
-
<div id="gauge-smoke" class="glass-card p-4 rounded-xl backdrop-blur-lg border border-opacity-20 border-white"></div>
|
| 147 |
-
</div>
|
| 148 |
-
|
| 149 |
-
<!-- AQI Chart -->
|
| 150 |
-
<div class="glass-card p-6 rounded-xl backdrop-blur-lg border border-opacity-20 border-white">
|
| 151 |
-
<div class="flex justify-between items-center mb-4">
|
| 152 |
-
<h2 class="text-xl font-bold flex items-center">
|
| 153 |
-
<i data-feather="bar-chart-2" class="mr-2"></i> AQI History
|
| 154 |
-
</h2>
|
| 155 |
-
<button id="exportDataBtn" class="text-sm bg-gray-800 hover:bg-gray-700 px-3 py-1 rounded-lg transition-all">
|
| 156 |
-
Export Data
|
| 157 |
-
</button>
|
| 158 |
-
</div>
|
| 159 |
-
<div class="h-64">
|
| 160 |
-
<canvas id="aqiHistoryChart"></canvas>
|
| 161 |
-
</div>
|
| 162 |
-
</div>
|
| 163 |
-
</div>
|
| 164 |
-
|
| 165 |
<!-- Right Column -->
|
| 166 |
<div class="lg:col-span-3 space-y-6">
|
|
|
|
|
|
|
|
|
|
| 167 |
<!-- Connection Status -->
|
| 168 |
<div class="glass-card p-6 rounded-xl backdrop-blur-lg border border-opacity-20 border-white">
|
| 169 |
<h2 class="text-xl font-bold mb-4 flex items-center">
|
|
|
|
| 131 |
</div>
|
| 132 |
</div>
|
| 133 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 134 |
<!-- Right Column -->
|
| 135 |
<div class="lg:col-span-3 space-y-6">
|
| 136 |
+
<!-- Air Quality Card -->
|
| 137 |
+
<air-quality-card></air-quality-card>
|
| 138 |
+
|
| 139 |
<!-- Connection Status -->
|
| 140 |
<div class="glass-card p-6 rounded-xl backdrop-blur-lg border border-opacity-20 border-white">
|
| 141 |
<h2 class="text-xl font-bold mb-4 flex items-center">
|