Update index.html

JesseWx2011 · Jan 20, 2024 · 7aff25c · 7aff25c
1 parent 9c465aa
commit 7aff25c
Showing 1 changed file with 38 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -13,10 +13,44 @@
                 <div class="weatherinfo">
                   <div align="center">
                     <div class="search-container">
-                      <input type="text" id="search-input" placeholder="Search">
-                      <button id="search-button">
-                        <i class="fa fa-search"></i>
-                      </button>
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <title>WeatherBlox</title>
+    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
+
+    <link rel="stylesheet" href="https://cdn.aerisapi.com/wxblox/latest/aeris-wxblox.css">
+    <script defer src="https://cdn.aerisapi.com/wxblox/latest/aeris-wxblox.js"></script>
+
+</head>
+<body>
+
+    <!--// target DOM element where WeatherBlox will be rendered //-->
+    <div id="wxblox" class="aeris-wrapper"></div>
+
+    <script>
+    window.onload = () => {
+        // set Aeris account access keys
+        const aeris = new AerisWeather('DZLMGEFxCvfbQRG7aSN3c', 'N63dulcmKzQTrWjIrTe2aGKmOw5AhERWWUmjHQKt');
+
+        aeris.on('ready', () => {
+
+            // create desired WeatherBlox instance
+            const view = new aeris.wxblox.views.PlaceSearch('#wxblox', {
+                autoselect: true,
+                searchOnChange: true
+            });
+
+            // load data and render the view for a specific location
+            view.load();
+
+        });
+    };
+    </script>
+
+</body>
+</html>
                     </div>
                 <h1 class="city" style="display: flex;" id="cityname">Unknown Location, Unknown State</h1></div>
                 <h1 class="temperature" id="temp">32°F</h3>