From dc19063c6c6c7464b50e9cbf82bcd455f340ec30 Mon Sep 17 00:00:00 2001
From: "Jesse H. (JesseLikesWeather)"
 <134172009+JesseLikesWeatherakaYoshiKart@users.noreply.github.com>
Date: Wed, 22 Nov 2023 08:56:55 -0500
Subject: [PATCH] Create rosslyn.html

---
 local/va/rosslyn.html | 175 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 175 insertions(+)
 create mode 100644 local/va/rosslyn.html
diff --git a/local/va/rosslyn.html b/local/va/rosslyn.html
new file mode 100644
index 0000000..6b783f7
--- /dev/null
+++ b/local/va/rosslyn.html
@@ -0,0 +1,175 @@
+<!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.Observations('#wxblox', {
+                advisories: {
+                    enabled: true
+                },
+                threats: {
+                    enabled: true
+                }
+            });
+
+            // load data and render the view for a specific location
+            view.load({
+                p: "rosslyn,va"
+            });
+            
+        });
+    };
+    </script>
+
+</body>
+</html>
+<!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.Phrases('#wxblox', {
+                title: "TODAY/TONIGHT",
+                advisories: {
+                    enabled: true
+                },
+                threats: {
+                    enabled: true
+                }
+            });
+
+            // load data and render the view for a specific location
+            view.load({
+                p: "rosslyn,va"
+            });
+            
+        });
+    };
+    </script>
+
+</body>
+</html>
+<!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.MapViewer('#wxblox', {
+                map: {
+                    center: "minneapolis,mn",
+                    layers: {
+                        base: "flat",
+                        data: "radar",
+                        overlays: "admin"
+                    },
+                    zoom: 11,
+                    size: {
+                        factor: 0.75,
+                        autoscale: true,
+                        width: 500
+                    }
+                },
+                animation: {
+                    enabled: true,
+                    autoplay: false,
+                    alwaysShowPast: false,
+                    alwaysShowFuture: false,
+                    from: -7200,
+                    to: 0,
+                    duration: 2,
+                    endDelay: 1,
+                    intervals: 10
+                },
+                overlays: {
+                    title: "RADAR - ROSSLYN, VA"
+                },
+                controls: {
+                    regions: [{
+                            loc: "washington,dc",
+                            zoom: 8,
+                            title: "Local",
+                            region: "rosslyn,va"
+                        },{
+                            loc: "38.906771392571926, -77.04611434564896",
+                            zoom: 5,
+                            region: "38.906771392571926, -77.04611434564896",
+                            title: "City"
+                        }]
+                },
+                title: "TODAY/TONIGHT",
+                advisories: {
+                    enabled: true
+                },
+                threats: {
+                    enabled: true
+                }
+            });
+
+            // load data and render the view for a specific location
+            view.load({
+                p: "rosslyn,va"
+            });
+            
+        });
+    };
+    </script>
+
+</body>
+</html>
