Update weather_info.html

clubgamma · Oct 30, 2024 · a332d29 · a332d29
1 parent cec48cd
commit a332d29
Showing 1 changed file with 54 additions and 54 deletions.
diff --git a/weather_info.html b/weather_info.html
@@ -78,60 +78,6 @@ <h3><i class="fas fa-sun"></i> UV Index</h3>
             </section>
           </div>
 
-          <section>
-            <h3>
-              <i
-                class="fa-solid fa-feather-pointed"
-                style="
-                  height: 30px;
-                  width: 30px;
-                  font-size: x-large;
-                  margin-right: 5px;
-                "
-              ></i>
-              Gas Quantities (per meter<sup>3</sup>)
-            </h3>
-
-            <div id="airCards">
-              <div style="display: flex; justify-content: space-around">
-                <div class="airCard">
-                  <p>CO :</p>
-                  <p id="co"></p>
-                </div>
-                <div class="airCard">
-                  <p>NO :</p>
-                  <p id="no"></p>
-                </div>
-                <div class="airCard">
-                  <p>NO<sub>2</sub> :</p>
-                  <p id="no2"></p>
-                </div>
-                <div class="airCard">
-                  <p>O<sub>3</sub> :</p>
-                  <p id="o3"></p>
-                </div>
-              </div>
-              <div style="display: flex; justify-content: space-around">
-                <div class="airCard">
-                  <p>SO<sub>2</sub> :</p>
-                  <p id="so2"></p>
-                </div>
-                <div class="airCard">
-                  <p>PM<sub>2.5</sub> :</p>
-                  <p id="pm2"></p>
-                </div>
-                <div class="airCard">
-                  <p>PM<sub>10</sub> :</p>
-                  <p id="pm10"></p>
-                </div>
-                <div class="airCard">
-                  <p>NH<sub>3</sub> :</p>
-                  <p id="nh3"></p>
-                </div>
-              </div>
-            </div>
-          </section>
-
           <section class="forecast">
             <h3><i class="fas fa-calendar-alt"></i> 5-Day Forecast</h3>
             <div id="forecast-info" class="forecast-container">
@@ -219,6 +165,60 @@ <h4 class="day">Friday, October 21</h4>
             </div>
           </section>
 
+          <section>
+            <h3>
+              <i
+                class="fa-solid fa-feather-pointed"
+                style="
+                  height: 30px;
+                  width: 30px;
+                  font-size: x-large;
+                  margin-right: 5px;
+                "
+              ></i>
+              Gas Quantities (per meter<sup>3</sup>)
+            </h3>
+
+            <div id="airCards">
+              <div style="display: flex; justify-content: space-around">
+                <div class="airCard">
+                  <p>CO :</p>
+                  <p id="co"></p>
+                </div>
+                <div class="airCard">
+                  <p>NO :</p>
+                  <p id="no"></p>
+                </div>
+                <div class="airCard">
+                  <p>NO<sub>2</sub> :</p>
+                  <p id="no2"></p>
+                </div>
+                <div class="airCard">
+                  <p>O<sub>3</sub> :</p>
+                  <p id="o3"></p>
+                </div>
+              </div>
+              <div style="display: flex; justify-content: space-around">
+                <div class="airCard">
+                  <p>SO<sub>2</sub> :</p>
+                  <p id="so2"></p>
+                </div>
+                <div class="airCard">
+                  <p>PM<sub>2.5</sub> :</p>
+                  <p id="pm2"></p>
+                </div>
+                <div class="airCard">
+                  <p>PM<sub>10</sub> :</p>
+                  <p id="pm10"></p>
+                </div>
+                <div class="airCard">
+                  <p>NH<sub>3</sub> :</p>
+                  <p id="nh3"></p>
+                </div>
+              </div>
+            </div>
+          </section>
+
           <section class="forecast">
             <h3>
               <i