diff --git a/gulpfile.js b/gulpfile.js index 961507a..4286868 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -9,6 +9,8 @@ const uglify = require('gulp-uglify-es').default; gulp.task('js', function () { return gulp.src([ 'node_modules/moment/moment.js', + 'src/js/WxData.js', + 'src/js/main.js', 'src/js/**/*.js' ]) .pipe(concat('weatherscan.js')) diff --git a/src/js/WxData.js b/src/js/WxData.js new file mode 100644 index 0000000..049999e --- /dev/null +++ b/src/js/WxData.js @@ -0,0 +1,114 @@ +let WxData = { + + // Taken from https://digital.wsi.com/products/v3.1/developer_widgets.php?auth=public&country=US&language=en + API_BASE: "https://api.weather.com/v1", + API_KEY: "089ed4e892fb0dfdf34eb81e6f2521aa", + + /** + * Data is saved in the form of data[location][record] + */ + _data: {}, + + /** + * + * @param location + * @returns {Promise} + */ + observations: function (location) { + + if (this._data[location] && this._data[location]['observations']) { + return new Promise(resolve => resolve(this._data[location]['observations'])); + } + + return this._loadCurrentConditions(location); + + }, + + _apiRequest: function (endpoint, callback) { + let self = this; + return new Promise(function (resolve, reject) { + let xhr = new XMLHttpRequest(); + xhr.onload = function () { + if (this.status >= 200 && this.status < 300) { + resolve(xhr.response); + } else { + reject({ + status: this.status, + statusText: xhr.statusText + }); + } + }; + xhr.onerror = function () { + reject({ + status: this.status, + statusText: xhr.statusText + }); + }; + xhr.open('GET', self.API_BASE + endpoint + '?apiKey=' + self.API_KEY + '&language=en-US&units=e'); + xhr.send(); + }); + }, + + /** + * + * @returns {Promise} + * @private + */ + _loadCurrentConditions: function (location) { + let self = this; + return this._apiRequest('/location/' + location + '/observations.json').then(result => { + try { + let response = JSON.parse(result); + return self.saveRecord(location, 'observations', response.observation); + } catch (e) { + console.error('Error parsing current conditions'); + return null; + } + }); + + }, + + saveRecord: function (location, type, data) { + + if (typeof this._data !== 'object') { + this._data = {}; + } + + if (!this._data[location]) { + this._data[location] = {}; + } + + this._data[location][type] = data; + console.log('Saved ' + type + ' for ' + location); + this.saveCache(); + + return data; + }, + + init: function () { + this.loadCache(); + }, + + /** + * Load data from localStorage + */ + loadCache: function () { + try { + if (localStorage['wx_data']) { + this._data = JSON.parse(localStorage['wx_data']); + console.log('Data retrieved from cache'); + } + } catch (e) { + console.error('Error parsing data from localStorage'); + } + }, + + /** + * Save data to localStorage + */ + saveCache: function () { + localStorage['wx_data'] = JSON.stringify(this._data); + console.log('Data saved in cache'); + }, + +}; \ No newline at end of file diff --git a/src/js/main.js b/src/js/main.js index e69de29..5aed73e 100644 --- a/src/js/main.js +++ b/src/js/main.js @@ -0,0 +1,8 @@ +WxData.init(); + +WxData.observations('USNY0483:1:US').then(data => { + document.getElementById('city').innerText = data.obs_name; + document.getElementById('current-temp').innerText = data.temp; + document.getElementById('current-info').innerText = data.wx_phrase; + document.getElementById('conditions-icon').src = '/images/watt-icons/icon' + data.wx_icon + '.png'; +}); \ No newline at end of file diff --git a/src/scss/_clock.scss b/src/scss/_clock.scss deleted file mode 100644 index b57bf42..0000000 --- a/src/scss/_clock.scss +++ /dev/null @@ -1,10 +0,0 @@ -#clock { - font-family: 'Interstate Condensed'; - font-size: 32px; - text-align: right; - position: absolute; - width: 455px; - top: 107px; - line-height: 38px; - letter-spacing: 1px; -} \ No newline at end of file diff --git a/src/scss/_misc.scss b/src/scss/_misc.scss index 08509ee..b66e74e 100644 --- a/src/scss/_misc.scss +++ b/src/scss/_misc.scss @@ -256,88 +256,6 @@ body { filter: drop-shadow(0px 2px 2px #000000); } -#date-time, -#city, -#current-conditions *, -#date-time * { - font-family: 'Interstate'; - font-weight: bold; - text-shadow: none; - text-align: right; - color: #1B1B1B; -} - -#date-time { - position: absolute; - top: 98px; - width: 457px; -} - -#date-time * { - font-family: 'Interstate'; - font-size: 25px; - line-height: 33px; -} - -#time { - text-transform: lowercase; -} - -#city { - font-size: 37px; - padding-top: 26px; - position: absolute; - text-align: left; - margin-left: 140px; - width: 311px; - height: 91px; - top: 284px; - left: 0; - line-height: 100%; - white-space: nowrap; - overflow: hidden; -} - -#current-conditions { - font-family: 'Interstate'; - position: absolute; - top: 376px; - left: 0; - width: 452px; - text-align: left; -} - -#conditions-icon { - position: absolute; - left: 300px; - background-size: 100% 100%; - width: 144px; - height: 145px; - background-repeat: no-repeat; - top: 394px; - z-index: 0; -} - -#now { - font-size: 49px; - margin: 1.6% 0 0 31%; - text-align: left; -} - -#current-temp { - font-size: 70px; - margin: 4.4% 0 0 0; - text-align: center; - width: 100%; -} - -#current-info { - font-size: 27px; - margin: 4.2% 0 0 31%; - text-align: left; - width: 66%; -} - #minimap-title { font-family: 'Interstate'; font-weight: bold; @@ -564,22 +482,6 @@ body { width: 66% } -#logo-area { - position: absolute; - width: 31.528%; - height: 9.398%; - left: 0; - top: 83.4%; -} - -#logo-area img { - display: block; - position: absolute; - width: 65%; - top: 19%; - right: 5%; -} - #arrow-img { display: block; position: absolute; diff --git a/src/scss/_sidebar.scss b/src/scss/_sidebar.scss new file mode 100644 index 0000000..729337f --- /dev/null +++ b/src/scss/_sidebar.scss @@ -0,0 +1,90 @@ +#date-time, +#city, +#current-conditions * { + font-family: 'Interstate'; + font-weight: bold; + text-shadow: none; + text-align: right; + color: #1B1B1B; +} + +#city { + font-size: 37px; + padding-top: 26px; + position: absolute; + text-align: left; + margin-left: 140px; + width: 311px; + height: 91px; + top: 284px; + left: 0; + line-height: 100%; + white-space: nowrap; + overflow: hidden; +} + +#current-conditions { + font-family: 'Interstate'; + position: absolute; + top: 376px; + left: 0; + width: 452px; + text-align: left; +} + +#conditions-icon { + position: absolute; + left: 300px; + background-size: 100% 100%; + width: 144px; + height: 145px; + background-repeat: no-repeat; + top: 394px; + z-index: 0; +} + +#now { + font-size: 49px; + margin: 1.6% 0 0 31%; + text-align: left; +} + +#current-temp { + font-size: 70px; + margin: 4.4% 0 0 0; + text-align: center; + width: 100%; +} + +#current-info { + font-size: 27px; + margin: 4.2% 0 0 31%; + text-align: left; + width: 66%; +} + +#clock { + font-family: 'Interstate Condensed'; + font-size: 32px; + text-align: right; + position: absolute; + width: 455px; + top: 107px; + line-height: 38px; + letter-spacing: 1px; +} + +#logo-area { + position: absolute; + width: 450px; + height: 105px; + left: 0; + top: 900px; + display: flex; + align-items: center; + justify-content: center; +} + +#logo-area img { + width: 70%; +} \ No newline at end of file diff --git a/src/scss/weatherscan.scss b/src/scss/weatherscan.scss index fe6b69a..9086b0d 100644 --- a/src/scss/weatherscan.scss +++ b/src/scss/weatherscan.scss @@ -1,4 +1,4 @@ @import "fonts"; @import "slides"; -@import "misc"; -@import "clock"; \ No newline at end of file +@import "sidebar"; +@import "misc"; \ No newline at end of file diff --git a/webroot/css/weatherscan.css b/webroot/css/weatherscan.css index 20125cc..e03944c 100644 --- a/webroot/css/weatherscan.css +++ b/webroot/css/weatherscan.css @@ -1,2 +1,2 @@ -@font-face{font-family:Interstate;src:url(/fonts/Interstate-Bold.woff2) format("woff2"),url(/fonts/Interstate-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:'Interstate Mono';src:url(/fonts/InterstateMono.woff2) format("woff2"),url(/fonts/InterstateMono.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Interstate;src:url(/fonts/Interstate-Regular.woff2) format("woff2"),url(/fonts/Interstate-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:'Zemestro Std';src:url(/fonts/ZemestroStd.woff2) format("woff2"),url(/fonts/ZemestroStd.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:'Interstate Condensed';src:url(/fonts/Interstate-RegularCondensed.woff2) format("woff2"),url(/fonts/Interstate-RegularCondensed.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:'Interstate Condensed';src:url(/fonts/Interstate-BoldCondensed.woff2) format("woff2"),url(/fonts/Interstate-BoldCondensed.woff) format("woff");font-weight:700;font-style:normal}.city-info,.info-slide-content{display:flex;flex-direction:row;width:100%;top:10%;font-size:110%}.frost-pane{color:#fff;font-family:"Zemestro Std";font-size:32px;text-shadow:#000 2px 2px 4px;min-height:100%;background:rgba(18,75,238,.7);z-index:388686;flex:1}.city-info .frost-pane:first-of-type{width:55%;margin-right:.8%}.city-info .frost-pane.left *{position:absolute;padding-top:15px;line-height:220%}.frost-pane .labels{color:#d8c422;left:9%}.city-info .frost-pane .data{left:35%;text-align:right}.city-info .frost-pane.right{display:flex;flex-direction:column;align-items:center;padding-top:30px}.city-info .frost-pane .icon{background-repeat:no-repeat;background-size:contain;background-position:center center;width:70%;height:40%}.city-info .frost-pane .temp{font-size:76px;margin-top:20%}.forecast .frost-pane{padding:2% 2% 1% 9%}.frost-pane .title{color:#d8c422;font-size:40px}.frost-pane .content{font-size:50px}.info-slide-content.forecast .frost-pane{max-height:500px}.info-slide-content.forecast .content{height:400px;max-height:400px}a,body,div,h1,html,p{margin:0;padding:0;font-family:'Zemestro Std';font-weight:400;font-style:normal}html *{box-sizing:border-box;font-size:100%}body,html{height:100%;background-color:#000;font-size:100%;margin:0}body{display:flex;align-items:center;justify-content:center;overflow:hidden}#main{width:1440px;height:1080px;background:url(/images/template-4k.jpg);background-size:100%;background-repeat:no-repeat;flex-shrink:0}.leaflet-bottom,.leaflet-top{display:none}#info-slides-container{display:flex;flex-direction:column;position:absolute;right:0;top:92px;width:963px;height:572px;z-index:1;padding:6px 0 6px 6px;box-shadow:0 3px 10px 0 rgba(0,0,0,.35);background-color:#001668;background:linear-gradient(135deg,#001668 0,#000d28 100%)}#info-slides-header,.info-slide .info-subheader{position:relative;color:#fff;width:100%;padding:0 7px}#info-slides-header{flex:1;background-color:#2267b7;height:34px;max-height:34px;font-size:22px;overflow:hidden;white-space:nowrap}#info-slides-header .hscroller{position:relative;display:inline-block;transform-origin:left center;top:50%;transform:scale(1.1,1) translateY(-50%)}#info-slides-header .divider-arrow{font-size:22px;display:inline-block;transform:scale(.7,1);transform-origin:left center;font-weight:700;padding:0 7px}#info-slides-header span.city{letter-spacing:1px;text-transform:uppercase}#info-slides-header span.city,#info-slides-header span.divider-arrow{opacity:.5}#info-slides-header span.city.current{opacity:1}#info-slide-container{flex:1}#radar-container{display:flex;flex-direction:column;box-shadow:0 3px 10px 0 rgba(0,0,0,.35);background-color:#001668;background:linear-gradient(135deg,#001668 0,#000d28 100%)}#radar-1{flex:1;box-shadow:0 3px 10px 0 rgba(0,0,0,.35);background-color:#001668;background:linear-gradient(135deg,#001668 0,#000d28 100%)}.info-slide{width:100%;min-height:100%;overflow:hidden;display:flex;flex-flow:column}.info-slide .info-subheader{display:flex;flex-flow:row nowrap;justify-content:space-between;background-color:#0018cc;font-size:32px;height:55px;box-shadow:0 2px 5px 0 rgba(0,0,0,.75);z-index:4;text-shadow:2px 2px 4px #000}.info-slide .info-subheader span{position:absolute;top:50%;transform:translateY(-50%)}.info-slide-content br{position:relative!important}.radar-slide{z-index:5}.city-info-slide{position:relative;background:transparent url(/images/bluebuildings.jpg) no-repeat bottom;background-size:cover}.city-info-slide .info-subheader{padding-right:10%}.city-info-slide #subhead-city{font-size:28px;padding-top:3px;right:98px}.info-slide-content{height:100%;min-height:100%;width:100%;flex:1;z-index:0}.city-info-slide .curve{position:absolute;background-position:0 0;background-repeat:no-repeat;background-size:200% 200%}.city-info-slide .yellow{background-image:url(/images/yellow-curve.svg);-webkit-filter:drop-shadow(4px 0 4px rgba(0, 0, 0, .75));filter:drop-shadow(4px 0 4px rgba(0, 0, 0, .75))}.city-info-slide .yellow.left{top:5%;left:-10.6%;z-index:3;width:20%;height:100%}.city-info-slide .yellow.right{background-position:100% 0;top:-15%;right:-19%;width:50%;height:100%;z-index:5}.city-info-slide .blue{background-image:url(/images/blue-curve.svg);background-size:200% 100%;width:22%;height:120%;top:1%;left:-6%;opacity:.7;z-index:2}.city-info-slide .white{background-image:url(/images/white-curve.svg);background-size:200% 100%;background-position:100% 0;width:22%;height:120%;top:2.3%;right:-6.7%;opacity:.2;z-index:2}.radar-color-legend{font-size:18px;position:absolute;text-align:right;right:5%;top:1.2%}.radar-color-legend>img{width:45%;height:13px;box-shadow:0 2px 5px 0 rgba(0,0,0,.75)}.leaflet-overlay-pane canvas{-webkit-filter:drop-shadow(0 2px 2px #000);filter:drop-shadow(0 2px 2px #000)}#city,#current-conditions *,#date-time,#date-time *{font-family:Interstate;font-weight:700;text-shadow:none;text-align:right;color:#1b1b1b}#date-time{position:absolute;top:98px;width:457px}#date-time *{font-family:Interstate;font-size:25px;line-height:33px}#time{text-transform:lowercase}#city{font-size:37px;padding-top:26px;position:absolute;text-align:left;margin-left:140px;width:311px;height:91px;top:284px;left:0;line-height:100%;white-space:nowrap;overflow:hidden}#current-conditions{font-family:Interstate;position:absolute;top:376px;left:0;width:452px;text-align:left}#conditions-icon{position:absolute;left:300px;background-size:100% 100%;width:144px;height:145px;background-repeat:no-repeat;top:394px;z-index:0}#now{font-size:49px;margin:1.6% 0 0 31%;text-align:left}#current-temp{font-size:70px;margin:4.4% 0 0 0;text-align:center;width:100%}#current-info{font-size:27px;margin:4.2% 0 0 31%;text-align:left;width:66%}#minimap-title{font-family:Interstate;font-weight:700;position:absolute;width:31.4%;top:638px;text-align:right;color:#fff;font-size:25px;padding:7px 15px 0 0;text-shadow:2px 2px 4px #000}#minimap{position:absolute;width:31.35%;height:20.5%;left:0;top:677px;background:#333;z-index:1;box-shadow:0 8px 15px 0 rgba(0,0,0,.35)}#forecast-shadow{position:absolute;height:18.85%;width:66.87%;right:0;top:63%;overflow:hidden;background:#8cadd1;box-shadow:0 3px 10px 0 rgba(0,0,0,.35)}#forecast-header{width:100%;min-height:20.5%;font-size:28px;padding-left:1%;background:#eed76b}#forecast-header *{font-family:Interstate;font-weight:700;text-transform:uppercase;display:inline-block;line-height:150%}#forecast-city{padding-right:2%}#forecast-title{color:#001668}#forecast-text,#forecast-text *{font-family:Interstate;font-size:40px}#forecast-text{position:absolute;padding:.1% 1%;min-height:75%;max-height:75%;height:75%;width:100%;margin-top:.4%;overflow:hidden}#forecast-tiles{font-weight:700;position:absolute;width:100%;height:79.6%}.forecast-tile{position:relative;background:#5681be;background:linear-gradient(to right,#5783cc 0,#c4d9ff 100%)}.forecast-tile:last-child{flex-grow:100;border-right:none!important}.forecast-tile .width-sizer{width:100%;height:100%;position:relative}.forecast-tile .footer,.forecast-tile .header{font-size:24px;color:#fff;height:25%;padding:5px 11px;text-transform:uppercase}.forecast-tile.daily{width:18%}.forecast-tile.daily .header{background:linear-gradient(to right,#001668 0,#4564c4 100%);background-color:#001668}.forecast-tile.daily.weekend .header{color:#001668;background:linear-gradient(to right,#8caaea 0,#c4d9ff 100%);background-color:#8caaea}.forecast-tile.daily .icon{display:block;position:absolute;height:65%;bottom:0;left:0;margin-left:3%}.forecast-tile.daily:last-child .icon{margin-left:1%}.forecast-tile .high,.forecast-tile .low{font-family:Interstate;text-align:right;position:absolute;right:5%;font-weight:700;top:10%}.forecast-tile:last-child .high,.forecast-tile:last-child .low{padding-right:30%}.forecast-tile .high{top:30%;font-size:48px}.forecast-tile.daily .low{color:rgba(0,0,0,.5);top:63%;font-size:32px}.forecast-tile.hourly{width:22.3%;border-right:solid 4px #fff}.forecast-tile.hourly .icon{display:block;position:absolute;height:50%;top:12%;left:10%}.forecast-tile.hourly .hourly-high{position:absolute;right:5.5%;bottom:0;width:28%;height:0;padding-top:1%;display:flex;flex-flow:column;z-index:1}.forecast-tile.hourly .high{top:0;position:relative;padding-bottom:15%;opacity:0;text-align:center}.forecast-tile.hourly .temp-bar{width:100%;flex:1;position:relative;bottom:7%;background:linear-gradient(to right,#656565 0,#fcfcfc 50%,#656565 100%);background-color:#656565}.forecast-tile.hourly .footer{font-size:23px;text-transform:lowercase;padding-top:1.9%;position:absolute;width:100%;bottom:0;z-index:0;color:#fff;background:linear-gradient(to right,#4b411e 0,#ae9b57 100%);background-color:#4b411e}.forecast-tile.hourly:last-child .footer{padding-top:1%}.forecast-tile.hourly:last-child .width-sizer{width:66%}#logo-area{position:absolute;width:31.528%;height:9.398%;left:0;top:83.4%}#logo-area img{display:block;position:absolute;width:65%;top:19%;right:5%}#arrow-img{display:block;position:absolute;height:3.7%;left:31.35%;top:897px;z-index:2}#marquee1{position:absolute;color:#fff;left:32%;top:898px;width:68.507%;height:43px;margin-top:2px;font-size:30px;text-shadow:2px 2px 4px #000}#marquee>div{display:inline-block;white-space:nowrap;width:auto}#marquee1 span{padding-right:3vw}#marquee2{position:absolute;left:31.35%;top:87.2%;width:68.507%;height:5.602%;font-size:43px;font-weight:400}.marquee{overflow:hidden}#example-overlay{display:none;background-image:url(/images/examples/RadSat.png);background-size:100%;width:100%;height:100%;z-index:99}#clock{font-family:'Interstate Condensed';font-size:32px;text-align:right;position:absolute;width:455px;top:107px;line-height:38px;letter-spacing:1px} +@font-face{font-family:Interstate;src:url(/fonts/Interstate-Bold.woff2) format("woff2"),url(/fonts/Interstate-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:'Interstate Mono';src:url(/fonts/InterstateMono.woff2) format("woff2"),url(/fonts/InterstateMono.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Interstate;src:url(/fonts/Interstate-Regular.woff2) format("woff2"),url(/fonts/Interstate-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:'Zemestro Std';src:url(/fonts/ZemestroStd.woff2) format("woff2"),url(/fonts/ZemestroStd.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:'Interstate Condensed';src:url(/fonts/Interstate-RegularCondensed.woff2) format("woff2"),url(/fonts/Interstate-RegularCondensed.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:'Interstate Condensed';src:url(/fonts/Interstate-BoldCondensed.woff2) format("woff2"),url(/fonts/Interstate-BoldCondensed.woff) format("woff");font-weight:700;font-style:normal}.city-info,.info-slide-content{display:flex;flex-direction:row;width:100%;top:10%;font-size:110%}.frost-pane{color:#fff;font-family:"Zemestro Std";font-size:32px;text-shadow:#000 2px 2px 4px;min-height:100%;background:rgba(18,75,238,.7);z-index:388686;flex:1}.city-info .frost-pane:first-of-type{width:55%;margin-right:.8%}.city-info .frost-pane.left *{position:absolute;padding-top:15px;line-height:220%}.frost-pane .labels{color:#d8c422;left:9%}.city-info .frost-pane .data{left:35%;text-align:right}.city-info .frost-pane.right{display:flex;flex-direction:column;align-items:center;padding-top:30px}.city-info .frost-pane .icon{background-repeat:no-repeat;background-size:contain;background-position:center center;width:70%;height:40%}.city-info .frost-pane .temp{font-size:76px;margin-top:20%}.forecast .frost-pane{padding:2% 2% 1% 9%}.frost-pane .title{color:#d8c422;font-size:40px}.frost-pane .content{font-size:50px}.info-slide-content.forecast .frost-pane{max-height:500px}.info-slide-content.forecast .content{height:400px;max-height:400px}#city,#current-conditions *,#date-time{font-family:Interstate;font-weight:700;text-shadow:none;text-align:right;color:#1b1b1b}#city{font-size:37px;padding-top:26px;position:absolute;text-align:left;margin-left:140px;width:311px;height:91px;top:284px;left:0;line-height:100%;white-space:nowrap;overflow:hidden}#current-conditions{font-family:Interstate;position:absolute;top:376px;left:0;width:452px;text-align:left}#conditions-icon{position:absolute;left:300px;background-size:100% 100%;width:144px;height:145px;background-repeat:no-repeat;top:394px;z-index:0}#now{font-size:49px;margin:1.6% 0 0 31%;text-align:left}#current-temp{font-size:70px;margin:4.4% 0 0 0;text-align:center;width:100%}#current-info{font-size:27px;margin:4.2% 0 0 31%;text-align:left;width:66%}#clock{font-family:'Interstate Condensed';font-size:32px;text-align:right;position:absolute;width:455px;top:107px;line-height:38px;letter-spacing:1px}#logo-area{position:absolute;width:450px;height:105px;left:0;top:900px;display:flex;align-items:center;justify-content:center}#logo-area img{width:70%}a,body,div,h1,html,p{margin:0;padding:0;font-family:'Zemestro Std';font-weight:400;font-style:normal}html *{box-sizing:border-box;font-size:100%}body,html{height:100%;background-color:#000;font-size:100%;margin:0}body{display:flex;align-items:center;justify-content:center;overflow:hidden}#main{width:1440px;height:1080px;background:url(/images/template-4k.jpg);background-size:100%;background-repeat:no-repeat;flex-shrink:0}.leaflet-bottom,.leaflet-top{display:none}#info-slides-container{display:flex;flex-direction:column;position:absolute;right:0;top:92px;width:963px;height:572px;z-index:1;padding:6px 0 6px 6px;box-shadow:0 3px 10px 0 rgba(0,0,0,.35);background-color:#001668;background:linear-gradient(135deg,#001668 0,#000d28 100%)}#info-slides-header,.info-slide .info-subheader{position:relative;color:#fff;width:100%;padding:0 7px}#info-slides-header{flex:1;background-color:#2267b7;height:34px;max-height:34px;font-size:22px;overflow:hidden;white-space:nowrap}#info-slides-header .hscroller{position:relative;display:inline-block;transform-origin:left center;top:50%;transform:scale(1.1,1) translateY(-50%)}#info-slides-header .divider-arrow{font-size:22px;display:inline-block;transform:scale(.7,1);transform-origin:left center;font-weight:700;padding:0 7px}#info-slides-header span.city{letter-spacing:1px;text-transform:uppercase}#info-slides-header span.city,#info-slides-header span.divider-arrow{opacity:.5}#info-slides-header span.city.current{opacity:1}#info-slide-container{flex:1}#radar-container{display:flex;flex-direction:column;box-shadow:0 3px 10px 0 rgba(0,0,0,.35);background-color:#001668;background:linear-gradient(135deg,#001668 0,#000d28 100%)}#radar-1{flex:1;box-shadow:0 3px 10px 0 rgba(0,0,0,.35);background-color:#001668;background:linear-gradient(135deg,#001668 0,#000d28 100%)}.info-slide{width:100%;min-height:100%;overflow:hidden;display:flex;flex-flow:column}.info-slide .info-subheader{display:flex;flex-flow:row nowrap;justify-content:space-between;background-color:#0018cc;font-size:32px;height:55px;box-shadow:0 2px 5px 0 rgba(0,0,0,.75);z-index:4;text-shadow:2px 2px 4px #000}.info-slide .info-subheader span{position:absolute;top:50%;transform:translateY(-50%)}.info-slide-content br{position:relative!important}.radar-slide{z-index:5}.city-info-slide{position:relative;background:transparent url(/images/bluebuildings.jpg) no-repeat bottom;background-size:cover}.city-info-slide .info-subheader{padding-right:10%}.city-info-slide #subhead-city{font-size:28px;padding-top:3px;right:98px}.info-slide-content{height:100%;min-height:100%;width:100%;flex:1;z-index:0}.city-info-slide .curve{position:absolute;background-position:0 0;background-repeat:no-repeat;background-size:200% 200%}.city-info-slide .yellow{background-image:url(/images/yellow-curve.svg);-webkit-filter:drop-shadow(4px 0 4px rgba(0, 0, 0, .75));filter:drop-shadow(4px 0 4px rgba(0, 0, 0, .75))}.city-info-slide .yellow.left{top:5%;left:-10.6%;z-index:3;width:20%;height:100%}.city-info-slide .yellow.right{background-position:100% 0;top:-15%;right:-19%;width:50%;height:100%;z-index:5}.city-info-slide .blue{background-image:url(/images/blue-curve.svg);background-size:200% 100%;width:22%;height:120%;top:1%;left:-6%;opacity:.7;z-index:2}.city-info-slide .white{background-image:url(/images/white-curve.svg);background-size:200% 100%;background-position:100% 0;width:22%;height:120%;top:2.3%;right:-6.7%;opacity:.2;z-index:2}.radar-color-legend{font-size:18px;position:absolute;text-align:right;right:5%;top:1.2%}.radar-color-legend>img{width:45%;height:13px;box-shadow:0 2px 5px 0 rgba(0,0,0,.75)}.leaflet-overlay-pane canvas{-webkit-filter:drop-shadow(0 2px 2px #000);filter:drop-shadow(0 2px 2px #000)}#minimap-title{font-family:Interstate;font-weight:700;position:absolute;width:31.4%;top:638px;text-align:right;color:#fff;font-size:25px;padding:7px 15px 0 0;text-shadow:2px 2px 4px #000}#minimap{position:absolute;width:31.35%;height:20.5%;left:0;top:677px;background:#333;z-index:1;box-shadow:0 8px 15px 0 rgba(0,0,0,.35)}#forecast-shadow{position:absolute;height:18.85%;width:66.87%;right:0;top:63%;overflow:hidden;background:#8cadd1;box-shadow:0 3px 10px 0 rgba(0,0,0,.35)}#forecast-header{width:100%;min-height:20.5%;font-size:28px;padding-left:1%;background:#eed76b}#forecast-header *{font-family:Interstate;font-weight:700;text-transform:uppercase;display:inline-block;line-height:150%}#forecast-city{padding-right:2%}#forecast-title{color:#001668}#forecast-text,#forecast-text *{font-family:Interstate;font-size:40px}#forecast-text{position:absolute;padding:.1% 1%;min-height:75%;max-height:75%;height:75%;width:100%;margin-top:.4%;overflow:hidden}#forecast-tiles{font-weight:700;position:absolute;width:100%;height:79.6%}.forecast-tile{position:relative;background:#5681be;background:linear-gradient(to right,#5783cc 0,#c4d9ff 100%)}.forecast-tile:last-child{flex-grow:100;border-right:none!important}.forecast-tile .width-sizer{width:100%;height:100%;position:relative}.forecast-tile .footer,.forecast-tile .header{font-size:24px;color:#fff;height:25%;padding:5px 11px;text-transform:uppercase}.forecast-tile.daily{width:18%}.forecast-tile.daily .header{background:linear-gradient(to right,#001668 0,#4564c4 100%);background-color:#001668}.forecast-tile.daily.weekend .header{color:#001668;background:linear-gradient(to right,#8caaea 0,#c4d9ff 100%);background-color:#8caaea}.forecast-tile.daily .icon{display:block;position:absolute;height:65%;bottom:0;left:0;margin-left:3%}.forecast-tile.daily:last-child .icon{margin-left:1%}.forecast-tile .high,.forecast-tile .low{font-family:Interstate;text-align:right;position:absolute;right:5%;font-weight:700;top:10%}.forecast-tile:last-child .high,.forecast-tile:last-child .low{padding-right:30%}.forecast-tile .high{top:30%;font-size:48px}.forecast-tile.daily .low{color:rgba(0,0,0,.5);top:63%;font-size:32px}.forecast-tile.hourly{width:22.3%;border-right:solid 4px #fff}.forecast-tile.hourly .icon{display:block;position:absolute;height:50%;top:12%;left:10%}.forecast-tile.hourly .hourly-high{position:absolute;right:5.5%;bottom:0;width:28%;height:0;padding-top:1%;display:flex;flex-flow:column;z-index:1}.forecast-tile.hourly .high{top:0;position:relative;padding-bottom:15%;opacity:0;text-align:center}.forecast-tile.hourly .temp-bar{width:100%;flex:1;position:relative;bottom:7%;background:linear-gradient(to right,#656565 0,#fcfcfc 50%,#656565 100%);background-color:#656565}.forecast-tile.hourly .footer{font-size:23px;text-transform:lowercase;padding-top:1.9%;position:absolute;width:100%;bottom:0;z-index:0;color:#fff;background:linear-gradient(to right,#4b411e 0,#ae9b57 100%);background-color:#4b411e}.forecast-tile.hourly:last-child .footer{padding-top:1%}.forecast-tile.hourly:last-child .width-sizer{width:66%}#arrow-img{display:block;position:absolute;height:3.7%;left:31.35%;top:897px;z-index:2}#marquee1{position:absolute;color:#fff;left:32%;top:898px;width:68.507%;height:43px;margin-top:2px;font-size:30px;text-shadow:2px 2px 4px #000}#marquee>div{display:inline-block;white-space:nowrap;width:auto}#marquee1 span{padding-right:3vw}#marquee2{position:absolute;left:31.35%;top:87.2%;width:68.507%;height:5.602%;font-size:43px;font-weight:400}.marquee{overflow:hidden}#example-overlay{display:none;background-image:url(/images/examples/RadSat.png);background-size:100%;width:100%;height:100%;z-index:99} /*# sourceMappingURL=weatherscan.css.map */ diff --git a/webroot/css/weatherscan.css.map b/webroot/css/weatherscan.css.map index d1a27b1..8c3601f 100644 --- a/webroot/css/weatherscan.css.map +++ b/webroot/css/weatherscan.css.map @@ -1 +1 @@ -{"version":3,"sources":["_fonts.scss","_slides.scss","weatherscan.css","_misc.scss","_clock.scss"],"names":[],"mappings":"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","file":"weatherscan.css","sourcesContent":["@font-face {\r\n font-family: 'Interstate';\r\n src: url('/fonts/Interstate-Bold.woff2') format('woff2'),\r\n url('/fonts/Interstate-Bold.woff') format('woff');\r\n font-weight: bold;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Interstate Mono';\r\n src: url('/fonts/InterstateMono.woff2') format('woff2'),\r\n url('/fonts/InterstateMono.woff') format('woff');\r\n font-weight: normal;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Interstate';\r\n src: url('/fonts/Interstate-Regular.woff2') format('woff2'),\r\n url('/fonts/Interstate-Regular.woff') format('woff');\r\n font-weight: normal;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Zemestro Std';\r\n src: url('/fonts/ZemestroStd.woff2') format('woff2'),\r\n url('/fonts/ZemestroStd.woff') format('woff');\r\n font-weight: normal;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Interstate Condensed';\r\n src: url('/fonts/Interstate-RegularCondensed.woff2') format('woff2'),\r\n url('/fonts/Interstate-RegularCondensed.woff') format('woff');\r\n font-weight: 500;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Interstate Condensed';\r\n src: url('/fonts/Interstate-BoldCondensed.woff2') format('woff2'),\r\n url('/fonts/Interstate-BoldCondensed.woff') format('woff');\r\n font-weight: bold;\r\n font-style: normal;\r\n}\r\n","/* Slide 1*/\r\n\r\n.city-info,\r\n.info-slide-content {\r\n display: flex;\r\n flex-direction: row;\r\n width: 100%;\r\n top: 10%;\r\n font-size: 110%;\r\n}\r\n\r\n.frost-pane {\r\n color: #FFFFFF;\r\n font-family: \"Zemestro Std\";\r\n font-size: 32px;\r\n text-shadow: #000000 2px 2px 4px;\r\n min-height: 100%;\r\n background: rgba(18, 75, 238, 0.7);\r\n z-index: 388686;\r\n flex: 1;\r\n}\r\n\r\n.city-info .frost-pane:first-of-type {\r\n width: 55%;\r\n margin-right: 0.8%;\r\n}\r\n\r\n.city-info .frost-pane.left * {\r\n position: absolute;\r\n padding-top: 15px;\r\n line-height: 220%;\r\n}\r\n\r\n.frost-pane .labels {\r\n color: #D8C422;\r\n left: 9%;\r\n}\r\n\r\n.city-info .frost-pane .data {\r\n left: 35%;\r\n text-align: right;\r\n}\r\n\r\n.city-info .frost-pane.right {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding-top: 30px;\r\n}\r\n\r\n.city-info .frost-pane .icon {\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n background-position: center center;\r\n width: 70%;\r\n height: 40%;\r\n}\r\n\r\n.city-info .frost-pane .temp {\r\n font-size: 76px;\r\n margin-top: 20%;\r\n}\r\n\r\n.forecast .frost-pane {\r\n padding: 2% 2% 1% 9%;\r\n}\r\n\r\n.frost-pane .title {\r\n color: #D8C422;\r\n font-size: 40px;\r\n}\r\n\r\n.frost-pane .content {\r\n font-size: 50px;\r\n}\r\n\r\n.info-slide-content.forecast .frost-pane {\r\n max-height: 500px;\r\n}\r\n\r\n.info-slide-content.forecast .content {\r\n height: 400px;\r\n max-height: 400px;\r\n}",null,"html,\r\nbody,\r\ndiv,\r\nh1,\r\np,\r\na {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Zemestro Std';\r\n font-weight: normal;\r\n font-style: normal;\r\n}\r\n\r\nhtml * {\r\n box-sizing: border-box;\r\n font-size: 100%\r\n}\r\n\r\nhtml,\r\nbody {\r\n height: 100%;\r\n background-color: #000000;\r\n font-size: 100%;\r\n margin: 0;\r\n}\r\n\r\nbody {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n}\r\n\r\n#main {\r\n width: 1440px;\r\n height: 1080px;\r\n background: url('/images/template-4k.jpg');\r\n background-size: 100%;\r\n background-repeat: no-repeat;\r\n flex-shrink: 0;\r\n}\r\n\r\n.leaflet-top,\r\n.leaflet-bottom {\r\n display: none;\r\n}\r\n\r\n#info-slides-container {\r\n display: flex;\r\n flex-direction: column;\r\n position: absolute;\r\n right: 0;\r\n top: 92px;\r\n width: 963px;\r\n height: 572px;\r\n z-index: 1;\r\n padding: 6px 0 6px 6px;\r\n box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);\r\n background-color: #001668;\r\n background: linear-gradient(135deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);\r\n}\r\n\r\n#info-slides-header,\r\n.info-slide .info-subheader {\r\n position: relative;\r\n color: white;\r\n width: 100%;\r\n padding: 0 7px;\r\n}\r\n\r\n#info-slides-header {\r\n flex: 1;\r\n background-color: #2267B7;\r\n height: 34px;\r\n max-height: 34px;\r\n font-size: 22px;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n}\r\n\r\n#info-slides-header .hscroller {\r\n position: relative;\r\n display: inline-block;\r\n transform-origin: left center;\r\n top: 50%;\r\n transform: scale(1.1, 1) translateY(-50%);\r\n}\r\n\r\n#info-slides-header .divider-arrow {\r\n font-size: 22px;\r\n display: inline-block;\r\n transform: scale(.7, 1);\r\n transform-origin: left center;\r\n font-weight: bold;\r\n padding: 0 7px;\r\n}\r\n\r\n#info-slides-header span.city {\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n}\r\n\r\n#info-slides-header span.city,\r\n#info-slides-header span.divider-arrow {\r\n opacity: 0.5;\r\n}\r\n\r\n#info-slides-header span.city.current {\r\n opacity: 1;\r\n}\r\n\r\n#info-slide-container {\r\n flex: 1;\r\n}\r\n\r\n#radar-container {\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);\r\n background-color: #001668;\r\n background: linear-gradient(135deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);\r\n}\r\n\r\n#radar-1 {\r\n flex: 1;\r\n box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);\r\n background-color: #001668;\r\n background: linear-gradient(135deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);\r\n}\r\n\r\n.info-slide {\r\n width: 100%;\r\n min-height: 100%;\r\n overflow: hidden;\r\n display: flex;\r\n flex-flow: column;\r\n}\r\n\r\n.info-slide .info-subheader {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n background-color: #0018CC;\r\n font-size: 32px;\r\n height: 55px;\r\n box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);\r\n z-index: 4;\r\n text-shadow: 2px 2px 4px #000000;\r\n}\r\n\r\n.info-slide .info-subheader span {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n}\r\n\r\n.info-slide-content br {\r\n position: relative !important;\r\n}\r\n\r\n.radar-slide {\r\n z-index: 5;\r\n}\r\n\r\n.city-info-slide {\r\n position: relative;\r\n background: transparent url(\"/images/bluebuildings.jpg\") no-repeat bottom;\r\n background-size: cover;\r\n}\r\n\r\n.city-info-slide .info-subheader {\r\n padding-right: 10%;\r\n}\r\n\r\n.city-info-slide #subhead-city {\r\n font-size: 28px;\r\n padding-top: 3px;\r\n right: 98px;\r\n}\r\n\r\n.info-slide-content {\r\n height: 100%;\r\n min-height: 100%;\r\n width: 100%;\r\n flex: 1;\r\n z-index: 0;\r\n}\r\n\r\n.city-info-slide .curve {\r\n position: absolute;\r\n background-position: 0 0;\r\n background-repeat: no-repeat;\r\n background-size: 200% 200%;\r\n}\r\n\r\n.city-info-slide .yellow {\r\n background-image: url(\"/images/yellow-curve.svg\");\r\n filter: drop-shadow(4px 0px 4px rgba(0, 0, 0, 0.75));\r\n}\r\n\r\n.city-info-slide .yellow.left {\r\n top: 5%;\r\n left: -10.6%;\r\n z-index: 3;\r\n width: 20%;\r\n height: 100%;\r\n}\r\n\r\n.city-info-slide .yellow.right {\r\n background-position: 100% 0;\r\n top: -15%;\r\n right: -19%;\r\n width: 50%;\r\n height: 100%;\r\n z-index: 5;\r\n}\r\n\r\n.city-info-slide .blue {\r\n background-image: url(\"/images/blue-curve.svg\");\r\n background-size: 200% 100%;\r\n width: 22%;\r\n height: 120%;\r\n top: 1%;\r\n left: -6%;\r\n opacity: 0.7;\r\n z-index: 2;\r\n}\r\n\r\n.city-info-slide .white {\r\n background-image: url(\"/images/white-curve.svg\");\r\n background-size: 200% 100%;\r\n background-position: 100% 0;\r\n width: 22%;\r\n height: 120%;\r\n top: 2.3%;\r\n right: -6.7%;\r\n opacity: 0.2;\r\n z-index: 2;\r\n}\r\n\r\n.radar-color-legend {\r\n font-size: 18px;\r\n position: absolute;\r\n text-align: right;\r\n right: 5%;\r\n top: 1.2%;\r\n}\r\n\r\n.radar-color-legend > img {\r\n width: 45%;\r\n height: 13px;\r\n box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);\r\n}\r\n\r\n.leaflet-overlay-pane canvas {\r\n filter: drop-shadow(0px 2px 2px #000000);\r\n}\r\n\r\n#date-time,\r\n#city,\r\n#current-conditions *,\r\n#date-time * {\r\n font-family: 'Interstate';\r\n font-weight: bold;\r\n text-shadow: none;\r\n text-align: right;\r\n color: #1B1B1B;\r\n}\r\n\r\n#date-time {\r\n position: absolute;\r\n top: 98px;\r\n width: 457px;\r\n}\r\n\r\n#date-time * {\r\n font-family: 'Interstate';\r\n font-size: 25px;\r\n line-height: 33px;\r\n}\r\n\r\n#time {\r\n text-transform: lowercase;\r\n}\r\n\r\n#city {\r\n font-size: 37px;\r\n padding-top: 26px;\r\n position: absolute;\r\n text-align: left;\r\n margin-left: 140px;\r\n width: 311px;\r\n height: 91px;\r\n top: 284px;\r\n left: 0;\r\n line-height: 100%;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n}\r\n\r\n#current-conditions {\r\n font-family: 'Interstate';\r\n position: absolute;\r\n top: 376px;\r\n left: 0;\r\n width: 452px;\r\n text-align: left;\r\n}\r\n\r\n#conditions-icon {\r\n position: absolute;\r\n left: 300px;\r\n background-size: 100% 100%;\r\n width: 144px;\r\n height: 145px;\r\n background-repeat: no-repeat;\r\n top: 394px;\r\n z-index: 0;\r\n}\r\n\r\n#now {\r\n font-size: 49px;\r\n margin: 1.6% 0 0 31%;\r\n text-align: left;\r\n}\r\n\r\n#current-temp {\r\n font-size: 70px;\r\n margin: 4.4% 0 0 0;\r\n text-align: center;\r\n width: 100%;\r\n}\r\n\r\n#current-info {\r\n font-size: 27px;\r\n margin: 4.2% 0 0 31%;\r\n text-align: left;\r\n width: 66%;\r\n}\r\n\r\n#minimap-title {\r\n font-family: 'Interstate';\r\n font-weight: bold;\r\n position: absolute;\r\n width: 31.4%;\r\n top: 638px;\r\n text-align: right;\r\n color: #FFFFFF;\r\n font-size: 25px;\r\n padding: 7px 15px 0 0;\r\n text-shadow: 2px 2px 4px #000000;\r\n}\r\n\r\n#minimap {\r\n position: absolute;\r\n width: 31.35%;\r\n height: 20.5%;\r\n left: 0;\r\n top: 677px;\r\n background: #333333;\r\n z-index: 1;\r\n box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.35);\r\n}\r\n\r\n#forecast-shadow {\r\n position: absolute;\r\n height: 18.85%;\r\n width: 66.87%;\r\n right: 0;\r\n top: 63%;\r\n overflow: hidden;\r\n background: #8CADD1;\r\n box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);\r\n}\r\n\r\n#forecast-header {\r\n width: 100%;\r\n min-height: 20.5%;\r\n font-size: 28px;\r\n padding-left: 1%;\r\n background: #EED76B;\r\n}\r\n\r\n#forecast-header * {\r\n font-family: 'Interstate';\r\n font-weight: bold;\r\n text-transform: uppercase;\r\n display: inline-block;\r\n line-height: 150%;\r\n}\r\n\r\n#forecast-city {\r\n padding-right: 2%;\r\n}\r\n\r\n#forecast-title {\r\n color: #001668;\r\n}\r\n\r\n#forecast-text,\r\n#forecast-text * {\r\n font-family: 'Interstate';\r\n font-size: 40px;\r\n}\r\n\r\n#forecast-text {\r\n position: absolute;\r\n padding: 0.1% 1%;\r\n min-height: 75%;\r\n max-height: 75%;\r\n height: 75%;\r\n width: 100%;\r\n margin-top: 0.4%;\r\n overflow: hidden;\r\n}\r\n\r\n#forecast-tiles {\r\n font-weight: bold;\r\n position: absolute;\r\n width: 100%;\r\n height: 79.6%;\r\n}\r\n\r\n.forecast-tile {\r\n position: relative;\r\n background: #5681BE;\r\n background: linear-gradient(to right, #5783CC 0%, #C4D9FF 100%);\r\n}\r\n\r\n.forecast-tile:last-child {\r\n flex-grow: 100;\r\n border-right: none !important;\r\n}\r\n\r\n.forecast-tile .width-sizer {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n}\r\n\r\n.forecast-tile .header,\r\n.forecast-tile .footer {\r\n font-size: 24px;\r\n color: white;\r\n height: 25%;\r\n padding: 5px 11px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.forecast-tile.daily {\r\n width: 18%;\r\n}\r\n\r\n.forecast-tile.daily .header {\r\n background: linear-gradient(to right, #001668 0%, #4564C4 100%);\r\n background-color: #001668;\r\n}\r\n\r\n.forecast-tile.daily.weekend .header {\r\n color: #001668;\r\n background: linear-gradient(to right, #8CAAEA 0%, #C4D9FF 100%);\r\n background-color: #8CAAEA;\r\n}\r\n\r\n.forecast-tile.daily .icon {\r\n display: block;\r\n position: absolute;\r\n height: 65%;\r\n bottom: 0;\r\n left: 0;\r\n margin-left: 3%;\r\n}\r\n\r\n.forecast-tile.daily:last-child .icon {\r\n margin-left: 1%;\r\n}\r\n\r\n.forecast-tile .high,\r\n.forecast-tile .low {\r\n font-family: 'Interstate';\r\n text-align: right;\r\n position: absolute;\r\n right: 5%;\r\n font-weight: bold;\r\n top: 10%;\r\n}\r\n\r\n.forecast-tile:last-child .high,\r\n.forecast-tile:last-child .low {\r\n padding-right: 30%;\r\n}\r\n\r\n.forecast-tile .high {\r\n top: 30%;\r\n font-size: 48px;\r\n}\r\n\r\n.forecast-tile.daily .low {\r\n color: rgba(0, 0, 0, 0.5);\r\n top: 63%;\r\n font-size: 32px;\r\n}\r\n\r\n.forecast-tile.hourly {\r\n width: 22.3%;\r\n border-right: solid 4px #FFFFFF;\r\n}\r\n\r\n.forecast-tile.hourly .icon {\r\n display: block;\r\n position: absolute;\r\n height: 50%;\r\n top: 12%;\r\n left: 10%;\r\n}\r\n\r\n.forecast-tile.hourly .hourly-high {\r\n position: absolute;\r\n right: 5.5%;\r\n bottom: 0;\r\n width: 28%;\r\n height: 0;\r\n padding-top: 1%;\r\n display: flex;\r\n flex-flow: column;\r\n z-index: 1;\r\n}\r\n\r\n.forecast-tile.hourly .high {\r\n top: 0;\r\n position: relative;\r\n padding-bottom: 15%;\r\n opacity: 0;\r\n text-align: center;\r\n}\r\n\r\n.forecast-tile.hourly .temp-bar {\r\n width: 100%;\r\n flex: 1;\r\n position: relative;\r\n bottom: 7%;\r\n background: linear-gradient(to right, #656565 0%, #FCFCFC 50%, #656565 100%);\r\n background-color: #656565;\r\n}\r\n\r\n.forecast-tile.hourly .footer {\r\n font-size: 23px;\r\n text-transform: lowercase;\r\n padding-top: 1.9%;\r\n position: absolute;\r\n width: 100%;\r\n bottom: 0;\r\n z-index: 0;\r\n color: white;\r\n background: linear-gradient(to right, #4B411E 0%, #AE9B57 100%);\r\n background-color: #4B411E;\r\n}\r\n\r\n.forecast-tile.hourly:last-child .footer {\r\n padding-top: 1%;\r\n}\r\n\r\n.forecast-tile.hourly:last-child .width-sizer {\r\n width: 66%\r\n}\r\n\r\n#logo-area {\r\n position: absolute;\r\n width: 31.528%;\r\n height: 9.398%;\r\n left: 0;\r\n top: 83.4%;\r\n}\r\n\r\n#logo-area img {\r\n display: block;\r\n position: absolute;\r\n width: 65%;\r\n top: 19%;\r\n right: 5%;\r\n}\r\n\r\n#arrow-img {\r\n display: block;\r\n position: absolute;\r\n height: 3.7%;\r\n left: 31.35%;\r\n top: 897px;\r\n z-index: 2;\r\n}\r\n\r\n#marquee1 {\r\n position: absolute;\r\n color: #FFFFFF;\r\n left: 32%;\r\n top: 898px;\r\n width: 68.507%;\r\n height: 43px;\r\n margin-top: 2px;\r\n font-size: 30px;\r\n text-shadow: 2px 2px 4px #000000;\r\n}\r\n\r\n#marquee > div {\r\n display: inline-block;\r\n white-space: nowrap;\r\n width: auto;\r\n}\r\n\r\n#marquee1 span {\r\n padding-right: 3vw;\r\n}\r\n\r\n#marquee2 {\r\n position: absolute;\r\n left: 31.35%;\r\n top: 87.2%;\r\n width: 68.507%;\r\n height: 5.602%;\r\n font-size: 43px;\r\n font-weight: normal;\r\n}\r\n\r\n.marquee {\r\n overflow: hidden;\r\n}\r\n\r\n#example-overlay {\r\n display: none;\r\n background-image: url(\"/images/examples/RadSat.png\");\r\n background-size: 100%;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 99;\r\n}","#clock {\r\n font-family: 'Interstate Condensed';\r\n font-size: 32px;\r\n text-align: right;\r\n position: absolute;\r\n width: 455px;\r\n top: 107px;\r\n line-height: 38px;\r\n letter-spacing: 1px;\r\n}"]} \ No newline at end of file +{"version":3,"sources":["_fonts.scss","_slides.scss","weatherscan.css","_sidebar.scss","_misc.scss"],"names":[],"mappings":"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","file":"weatherscan.css","sourcesContent":["@font-face {\r\n font-family: 'Interstate';\r\n src: url('/fonts/Interstate-Bold.woff2') format('woff2'),\r\n url('/fonts/Interstate-Bold.woff') format('woff');\r\n font-weight: bold;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Interstate Mono';\r\n src: url('/fonts/InterstateMono.woff2') format('woff2'),\r\n url('/fonts/InterstateMono.woff') format('woff');\r\n font-weight: normal;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Interstate';\r\n src: url('/fonts/Interstate-Regular.woff2') format('woff2'),\r\n url('/fonts/Interstate-Regular.woff') format('woff');\r\n font-weight: normal;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Zemestro Std';\r\n src: url('/fonts/ZemestroStd.woff2') format('woff2'),\r\n url('/fonts/ZemestroStd.woff') format('woff');\r\n font-weight: normal;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Interstate Condensed';\r\n src: url('/fonts/Interstate-RegularCondensed.woff2') format('woff2'),\r\n url('/fonts/Interstate-RegularCondensed.woff') format('woff');\r\n font-weight: 500;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Interstate Condensed';\r\n src: url('/fonts/Interstate-BoldCondensed.woff2') format('woff2'),\r\n url('/fonts/Interstate-BoldCondensed.woff') format('woff');\r\n font-weight: bold;\r\n font-style: normal;\r\n}\r\n","/* Slide 1*/\r\n\r\n.city-info,\r\n.info-slide-content {\r\n display: flex;\r\n flex-direction: row;\r\n width: 100%;\r\n top: 10%;\r\n font-size: 110%;\r\n}\r\n\r\n.frost-pane {\r\n color: #FFFFFF;\r\n font-family: \"Zemestro Std\";\r\n font-size: 32px;\r\n text-shadow: #000000 2px 2px 4px;\r\n min-height: 100%;\r\n background: rgba(18, 75, 238, 0.7);\r\n z-index: 388686;\r\n flex: 1;\r\n}\r\n\r\n.city-info .frost-pane:first-of-type {\r\n width: 55%;\r\n margin-right: 0.8%;\r\n}\r\n\r\n.city-info .frost-pane.left * {\r\n position: absolute;\r\n padding-top: 15px;\r\n line-height: 220%;\r\n}\r\n\r\n.frost-pane .labels {\r\n color: #D8C422;\r\n left: 9%;\r\n}\r\n\r\n.city-info .frost-pane .data {\r\n left: 35%;\r\n text-align: right;\r\n}\r\n\r\n.city-info .frost-pane.right {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding-top: 30px;\r\n}\r\n\r\n.city-info .frost-pane .icon {\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n background-position: center center;\r\n width: 70%;\r\n height: 40%;\r\n}\r\n\r\n.city-info .frost-pane .temp {\r\n font-size: 76px;\r\n margin-top: 20%;\r\n}\r\n\r\n.forecast .frost-pane {\r\n padding: 2% 2% 1% 9%;\r\n}\r\n\r\n.frost-pane .title {\r\n color: #D8C422;\r\n font-size: 40px;\r\n}\r\n\r\n.frost-pane .content {\r\n font-size: 50px;\r\n}\r\n\r\n.info-slide-content.forecast .frost-pane {\r\n max-height: 500px;\r\n}\r\n\r\n.info-slide-content.forecast .content {\r\n height: 400px;\r\n max-height: 400px;\r\n}",null,"#date-time,\n#city,\n#current-conditions * {\n font-family: 'Interstate';\n font-weight: bold;\n text-shadow: none;\n text-align: right;\n color: #1B1B1B;\n}\n\n#city {\n font-size: 37px;\n padding-top: 26px;\n position: absolute;\n text-align: left;\n margin-left: 140px;\n width: 311px;\n height: 91px;\n top: 284px;\n left: 0;\n line-height: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n#current-conditions {\n font-family: 'Interstate';\n position: absolute;\n top: 376px;\n left: 0;\n width: 452px;\n text-align: left;\n}\n\n#conditions-icon {\n position: absolute;\n left: 300px;\n background-size: 100% 100%;\n width: 144px;\n height: 145px;\n background-repeat: no-repeat;\n top: 394px;\n z-index: 0;\n}\n\n#now {\n font-size: 49px;\n margin: 1.6% 0 0 31%;\n text-align: left;\n}\n\n#current-temp {\n font-size: 70px;\n margin: 4.4% 0 0 0;\n text-align: center;\n width: 100%;\n}\n\n#current-info {\n font-size: 27px;\n margin: 4.2% 0 0 31%;\n text-align: left;\n width: 66%;\n}\n\n#clock {\n font-family: 'Interstate Condensed';\n font-size: 32px;\n text-align: right;\n position: absolute;\n width: 455px;\n top: 107px;\n line-height: 38px;\n letter-spacing: 1px;\n}\n\n#logo-area {\n position: absolute;\n width: 450px;\n height: 105px;\n left: 0;\n top: 900px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n#logo-area img {\n width: 70%;\n}","html,\r\nbody,\r\ndiv,\r\nh1,\r\np,\r\na {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Zemestro Std';\r\n font-weight: normal;\r\n font-style: normal;\r\n}\r\n\r\nhtml * {\r\n box-sizing: border-box;\r\n font-size: 100%\r\n}\r\n\r\nhtml,\r\nbody {\r\n height: 100%;\r\n background-color: #000000;\r\n font-size: 100%;\r\n margin: 0;\r\n}\r\n\r\nbody {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n}\r\n\r\n#main {\r\n width: 1440px;\r\n height: 1080px;\r\n background: url('/images/template-4k.jpg');\r\n background-size: 100%;\r\n background-repeat: no-repeat;\r\n flex-shrink: 0;\r\n}\r\n\r\n.leaflet-top,\r\n.leaflet-bottom {\r\n display: none;\r\n}\r\n\r\n#info-slides-container {\r\n display: flex;\r\n flex-direction: column;\r\n position: absolute;\r\n right: 0;\r\n top: 92px;\r\n width: 963px;\r\n height: 572px;\r\n z-index: 1;\r\n padding: 6px 0 6px 6px;\r\n box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);\r\n background-color: #001668;\r\n background: linear-gradient(135deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);\r\n}\r\n\r\n#info-slides-header,\r\n.info-slide .info-subheader {\r\n position: relative;\r\n color: white;\r\n width: 100%;\r\n padding: 0 7px;\r\n}\r\n\r\n#info-slides-header {\r\n flex: 1;\r\n background-color: #2267B7;\r\n height: 34px;\r\n max-height: 34px;\r\n font-size: 22px;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n}\r\n\r\n#info-slides-header .hscroller {\r\n position: relative;\r\n display: inline-block;\r\n transform-origin: left center;\r\n top: 50%;\r\n transform: scale(1.1, 1) translateY(-50%);\r\n}\r\n\r\n#info-slides-header .divider-arrow {\r\n font-size: 22px;\r\n display: inline-block;\r\n transform: scale(.7, 1);\r\n transform-origin: left center;\r\n font-weight: bold;\r\n padding: 0 7px;\r\n}\r\n\r\n#info-slides-header span.city {\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n}\r\n\r\n#info-slides-header span.city,\r\n#info-slides-header span.divider-arrow {\r\n opacity: 0.5;\r\n}\r\n\r\n#info-slides-header span.city.current {\r\n opacity: 1;\r\n}\r\n\r\n#info-slide-container {\r\n flex: 1;\r\n}\r\n\r\n#radar-container {\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);\r\n background-color: #001668;\r\n background: linear-gradient(135deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);\r\n}\r\n\r\n#radar-1 {\r\n flex: 1;\r\n box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);\r\n background-color: #001668;\r\n background: linear-gradient(135deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);\r\n}\r\n\r\n.info-slide {\r\n width: 100%;\r\n min-height: 100%;\r\n overflow: hidden;\r\n display: flex;\r\n flex-flow: column;\r\n}\r\n\r\n.info-slide .info-subheader {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n justify-content: space-between;\r\n background-color: #0018CC;\r\n font-size: 32px;\r\n height: 55px;\r\n box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);\r\n z-index: 4;\r\n text-shadow: 2px 2px 4px #000000;\r\n}\r\n\r\n.info-slide .info-subheader span {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n}\r\n\r\n.info-slide-content br {\r\n position: relative !important;\r\n}\r\n\r\n.radar-slide {\r\n z-index: 5;\r\n}\r\n\r\n.city-info-slide {\r\n position: relative;\r\n background: transparent url(\"/images/bluebuildings.jpg\") no-repeat bottom;\r\n background-size: cover;\r\n}\r\n\r\n.city-info-slide .info-subheader {\r\n padding-right: 10%;\r\n}\r\n\r\n.city-info-slide #subhead-city {\r\n font-size: 28px;\r\n padding-top: 3px;\r\n right: 98px;\r\n}\r\n\r\n.info-slide-content {\r\n height: 100%;\r\n min-height: 100%;\r\n width: 100%;\r\n flex: 1;\r\n z-index: 0;\r\n}\r\n\r\n.city-info-slide .curve {\r\n position: absolute;\r\n background-position: 0 0;\r\n background-repeat: no-repeat;\r\n background-size: 200% 200%;\r\n}\r\n\r\n.city-info-slide .yellow {\r\n background-image: url(\"/images/yellow-curve.svg\");\r\n filter: drop-shadow(4px 0px 4px rgba(0, 0, 0, 0.75));\r\n}\r\n\r\n.city-info-slide .yellow.left {\r\n top: 5%;\r\n left: -10.6%;\r\n z-index: 3;\r\n width: 20%;\r\n height: 100%;\r\n}\r\n\r\n.city-info-slide .yellow.right {\r\n background-position: 100% 0;\r\n top: -15%;\r\n right: -19%;\r\n width: 50%;\r\n height: 100%;\r\n z-index: 5;\r\n}\r\n\r\n.city-info-slide .blue {\r\n background-image: url(\"/images/blue-curve.svg\");\r\n background-size: 200% 100%;\r\n width: 22%;\r\n height: 120%;\r\n top: 1%;\r\n left: -6%;\r\n opacity: 0.7;\r\n z-index: 2;\r\n}\r\n\r\n.city-info-slide .white {\r\n background-image: url(\"/images/white-curve.svg\");\r\n background-size: 200% 100%;\r\n background-position: 100% 0;\r\n width: 22%;\r\n height: 120%;\r\n top: 2.3%;\r\n right: -6.7%;\r\n opacity: 0.2;\r\n z-index: 2;\r\n}\r\n\r\n.radar-color-legend {\r\n font-size: 18px;\r\n position: absolute;\r\n text-align: right;\r\n right: 5%;\r\n top: 1.2%;\r\n}\r\n\r\n.radar-color-legend > img {\r\n width: 45%;\r\n height: 13px;\r\n box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);\r\n}\r\n\r\n.leaflet-overlay-pane canvas {\r\n filter: drop-shadow(0px 2px 2px #000000);\r\n}\r\n\r\n#minimap-title {\r\n font-family: 'Interstate';\r\n font-weight: bold;\r\n position: absolute;\r\n width: 31.4%;\r\n top: 638px;\r\n text-align: right;\r\n color: #FFFFFF;\r\n font-size: 25px;\r\n padding: 7px 15px 0 0;\r\n text-shadow: 2px 2px 4px #000000;\r\n}\r\n\r\n#minimap {\r\n position: absolute;\r\n width: 31.35%;\r\n height: 20.5%;\r\n left: 0;\r\n top: 677px;\r\n background: #333333;\r\n z-index: 1;\r\n box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.35);\r\n}\r\n\r\n#forecast-shadow {\r\n position: absolute;\r\n height: 18.85%;\r\n width: 66.87%;\r\n right: 0;\r\n top: 63%;\r\n overflow: hidden;\r\n background: #8CADD1;\r\n box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);\r\n}\r\n\r\n#forecast-header {\r\n width: 100%;\r\n min-height: 20.5%;\r\n font-size: 28px;\r\n padding-left: 1%;\r\n background: #EED76B;\r\n}\r\n\r\n#forecast-header * {\r\n font-family: 'Interstate';\r\n font-weight: bold;\r\n text-transform: uppercase;\r\n display: inline-block;\r\n line-height: 150%;\r\n}\r\n\r\n#forecast-city {\r\n padding-right: 2%;\r\n}\r\n\r\n#forecast-title {\r\n color: #001668;\r\n}\r\n\r\n#forecast-text,\r\n#forecast-text * {\r\n font-family: 'Interstate';\r\n font-size: 40px;\r\n}\r\n\r\n#forecast-text {\r\n position: absolute;\r\n padding: 0.1% 1%;\r\n min-height: 75%;\r\n max-height: 75%;\r\n height: 75%;\r\n width: 100%;\r\n margin-top: 0.4%;\r\n overflow: hidden;\r\n}\r\n\r\n#forecast-tiles {\r\n font-weight: bold;\r\n position: absolute;\r\n width: 100%;\r\n height: 79.6%;\r\n}\r\n\r\n.forecast-tile {\r\n position: relative;\r\n background: #5681BE;\r\n background: linear-gradient(to right, #5783CC 0%, #C4D9FF 100%);\r\n}\r\n\r\n.forecast-tile:last-child {\r\n flex-grow: 100;\r\n border-right: none !important;\r\n}\r\n\r\n.forecast-tile .width-sizer {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n}\r\n\r\n.forecast-tile .header,\r\n.forecast-tile .footer {\r\n font-size: 24px;\r\n color: white;\r\n height: 25%;\r\n padding: 5px 11px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.forecast-tile.daily {\r\n width: 18%;\r\n}\r\n\r\n.forecast-tile.daily .header {\r\n background: linear-gradient(to right, #001668 0%, #4564C4 100%);\r\n background-color: #001668;\r\n}\r\n\r\n.forecast-tile.daily.weekend .header {\r\n color: #001668;\r\n background: linear-gradient(to right, #8CAAEA 0%, #C4D9FF 100%);\r\n background-color: #8CAAEA;\r\n}\r\n\r\n.forecast-tile.daily .icon {\r\n display: block;\r\n position: absolute;\r\n height: 65%;\r\n bottom: 0;\r\n left: 0;\r\n margin-left: 3%;\r\n}\r\n\r\n.forecast-tile.daily:last-child .icon {\r\n margin-left: 1%;\r\n}\r\n\r\n.forecast-tile .high,\r\n.forecast-tile .low {\r\n font-family: 'Interstate';\r\n text-align: right;\r\n position: absolute;\r\n right: 5%;\r\n font-weight: bold;\r\n top: 10%;\r\n}\r\n\r\n.forecast-tile:last-child .high,\r\n.forecast-tile:last-child .low {\r\n padding-right: 30%;\r\n}\r\n\r\n.forecast-tile .high {\r\n top: 30%;\r\n font-size: 48px;\r\n}\r\n\r\n.forecast-tile.daily .low {\r\n color: rgba(0, 0, 0, 0.5);\r\n top: 63%;\r\n font-size: 32px;\r\n}\r\n\r\n.forecast-tile.hourly {\r\n width: 22.3%;\r\n border-right: solid 4px #FFFFFF;\r\n}\r\n\r\n.forecast-tile.hourly .icon {\r\n display: block;\r\n position: absolute;\r\n height: 50%;\r\n top: 12%;\r\n left: 10%;\r\n}\r\n\r\n.forecast-tile.hourly .hourly-high {\r\n position: absolute;\r\n right: 5.5%;\r\n bottom: 0;\r\n width: 28%;\r\n height: 0;\r\n padding-top: 1%;\r\n display: flex;\r\n flex-flow: column;\r\n z-index: 1;\r\n}\r\n\r\n.forecast-tile.hourly .high {\r\n top: 0;\r\n position: relative;\r\n padding-bottom: 15%;\r\n opacity: 0;\r\n text-align: center;\r\n}\r\n\r\n.forecast-tile.hourly .temp-bar {\r\n width: 100%;\r\n flex: 1;\r\n position: relative;\r\n bottom: 7%;\r\n background: linear-gradient(to right, #656565 0%, #FCFCFC 50%, #656565 100%);\r\n background-color: #656565;\r\n}\r\n\r\n.forecast-tile.hourly .footer {\r\n font-size: 23px;\r\n text-transform: lowercase;\r\n padding-top: 1.9%;\r\n position: absolute;\r\n width: 100%;\r\n bottom: 0;\r\n z-index: 0;\r\n color: white;\r\n background: linear-gradient(to right, #4B411E 0%, #AE9B57 100%);\r\n background-color: #4B411E;\r\n}\r\n\r\n.forecast-tile.hourly:last-child .footer {\r\n padding-top: 1%;\r\n}\r\n\r\n.forecast-tile.hourly:last-child .width-sizer {\r\n width: 66%\r\n}\r\n\r\n#arrow-img {\r\n display: block;\r\n position: absolute;\r\n height: 3.7%;\r\n left: 31.35%;\r\n top: 897px;\r\n z-index: 2;\r\n}\r\n\r\n#marquee1 {\r\n position: absolute;\r\n color: #FFFFFF;\r\n left: 32%;\r\n top: 898px;\r\n width: 68.507%;\r\n height: 43px;\r\n margin-top: 2px;\r\n font-size: 30px;\r\n text-shadow: 2px 2px 4px #000000;\r\n}\r\n\r\n#marquee > div {\r\n display: inline-block;\r\n white-space: nowrap;\r\n width: auto;\r\n}\r\n\r\n#marquee1 span {\r\n padding-right: 3vw;\r\n}\r\n\r\n#marquee2 {\r\n position: absolute;\r\n left: 31.35%;\r\n top: 87.2%;\r\n width: 68.507%;\r\n height: 5.602%;\r\n font-size: 43px;\r\n font-weight: normal;\r\n}\r\n\r\n.marquee {\r\n overflow: hidden;\r\n}\r\n\r\n#example-overlay {\r\n display: none;\r\n background-image: url(\"/images/examples/RadSat.png\");\r\n background-size: 100%;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 99;\r\n}"]} \ No newline at end of file diff --git a/webroot/images/watt-icons/icon0.png b/webroot/images/watt-icons/icon0.png new file mode 100644 index 0000000..0402fc1 Binary files /dev/null and b/webroot/images/watt-icons/icon0.png differ diff --git a/webroot/images/watt-icons/icon1.png b/webroot/images/watt-icons/icon1.png new file mode 100644 index 0000000..fd6c833 Binary files /dev/null and b/webroot/images/watt-icons/icon1.png differ diff --git a/webroot/images/watt-icons/icon10.png b/webroot/images/watt-icons/icon10.png new file mode 100644 index 0000000..64d740e Binary files /dev/null and b/webroot/images/watt-icons/icon10.png differ diff --git a/webroot/images/watt-icons/icon11.png b/webroot/images/watt-icons/icon11.png new file mode 100644 index 0000000..887e29e Binary files /dev/null and b/webroot/images/watt-icons/icon11.png differ diff --git a/webroot/images/watt-icons/icon12.png b/webroot/images/watt-icons/icon12.png new file mode 100644 index 0000000..d53f5b8 Binary files /dev/null and b/webroot/images/watt-icons/icon12.png differ diff --git a/webroot/images/watt-icons/icon13.png b/webroot/images/watt-icons/icon13.png new file mode 100644 index 0000000..c3b63ce Binary files /dev/null and b/webroot/images/watt-icons/icon13.png differ diff --git a/webroot/images/watt-icons/icon14.png b/webroot/images/watt-icons/icon14.png new file mode 100644 index 0000000..525e3d0 Binary files /dev/null and b/webroot/images/watt-icons/icon14.png differ diff --git a/webroot/images/watt-icons/icon15.png b/webroot/images/watt-icons/icon15.png new file mode 100644 index 0000000..0e4721c Binary files /dev/null and b/webroot/images/watt-icons/icon15.png differ diff --git a/webroot/images/watt-icons/icon16.png b/webroot/images/watt-icons/icon16.png new file mode 100644 index 0000000..525e3d0 Binary files /dev/null and b/webroot/images/watt-icons/icon16.png differ diff --git a/webroot/images/watt-icons/icon17.png b/webroot/images/watt-icons/icon17.png new file mode 100644 index 0000000..df11533 Binary files /dev/null and b/webroot/images/watt-icons/icon17.png differ diff --git a/webroot/images/watt-icons/icon18.png b/webroot/images/watt-icons/icon18.png new file mode 100644 index 0000000..df11533 Binary files /dev/null and b/webroot/images/watt-icons/icon18.png differ diff --git a/webroot/images/watt-icons/icon19.png b/webroot/images/watt-icons/icon19.png new file mode 100644 index 0000000..b95e6bb Binary files /dev/null and b/webroot/images/watt-icons/icon19.png differ diff --git a/webroot/images/watt-icons/icon2.png b/webroot/images/watt-icons/icon2.png new file mode 100644 index 0000000..fd6c833 Binary files /dev/null and b/webroot/images/watt-icons/icon2.png differ diff --git a/webroot/images/watt-icons/icon20.png b/webroot/images/watt-icons/icon20.png new file mode 100644 index 0000000..b95e6bb Binary files /dev/null and b/webroot/images/watt-icons/icon20.png differ diff --git a/webroot/images/watt-icons/icon21.png b/webroot/images/watt-icons/icon21.png new file mode 100644 index 0000000..b95e6bb Binary files /dev/null and b/webroot/images/watt-icons/icon21.png differ diff --git a/webroot/images/watt-icons/icon22.png b/webroot/images/watt-icons/icon22.png new file mode 100644 index 0000000..b95e6bb Binary files /dev/null and b/webroot/images/watt-icons/icon22.png differ diff --git a/webroot/images/watt-icons/icon23.png b/webroot/images/watt-icons/icon23.png new file mode 100644 index 0000000..90585ec Binary files /dev/null and b/webroot/images/watt-icons/icon23.png differ diff --git a/webroot/images/watt-icons/icon24.png b/webroot/images/watt-icons/icon24.png new file mode 100644 index 0000000..90585ec Binary files /dev/null and b/webroot/images/watt-icons/icon24.png differ diff --git a/webroot/images/watt-icons/icon25.png b/webroot/images/watt-icons/icon25.png new file mode 100644 index 0000000..0e4721c Binary files /dev/null and b/webroot/images/watt-icons/icon25.png differ diff --git a/webroot/images/watt-icons/icon26.png b/webroot/images/watt-icons/icon26.png new file mode 100644 index 0000000..d7a623d Binary files /dev/null and b/webroot/images/watt-icons/icon26.png differ diff --git a/webroot/images/watt-icons/icon27.png b/webroot/images/watt-icons/icon27.png new file mode 100644 index 0000000..6a9d0ab Binary files /dev/null and b/webroot/images/watt-icons/icon27.png differ diff --git a/webroot/images/watt-icons/icon28.png b/webroot/images/watt-icons/icon28.png new file mode 100644 index 0000000..030fb0f Binary files /dev/null and b/webroot/images/watt-icons/icon28.png differ diff --git a/webroot/images/watt-icons/icon29.png b/webroot/images/watt-icons/icon29.png new file mode 100644 index 0000000..836872b Binary files /dev/null and b/webroot/images/watt-icons/icon29.png differ diff --git a/webroot/images/watt-icons/icon3.png b/webroot/images/watt-icons/icon3.png new file mode 100644 index 0000000..15072be Binary files /dev/null and b/webroot/images/watt-icons/icon3.png differ diff --git a/webroot/images/watt-icons/icon30.png b/webroot/images/watt-icons/icon30.png new file mode 100644 index 0000000..0ccb009 Binary files /dev/null and b/webroot/images/watt-icons/icon30.png differ diff --git a/webroot/images/watt-icons/icon31.png b/webroot/images/watt-icons/icon31.png new file mode 100644 index 0000000..f96921e Binary files /dev/null and b/webroot/images/watt-icons/icon31.png differ diff --git a/webroot/images/watt-icons/icon32.png b/webroot/images/watt-icons/icon32.png new file mode 100644 index 0000000..4f803fb Binary files /dev/null and b/webroot/images/watt-icons/icon32.png differ diff --git a/webroot/images/watt-icons/icon33.png b/webroot/images/watt-icons/icon33.png new file mode 100644 index 0000000..557a5ed Binary files /dev/null and b/webroot/images/watt-icons/icon33.png differ diff --git a/webroot/images/watt-icons/icon34.png b/webroot/images/watt-icons/icon34.png new file mode 100644 index 0000000..29f6778 Binary files /dev/null and b/webroot/images/watt-icons/icon34.png differ diff --git a/webroot/images/watt-icons/icon35.png b/webroot/images/watt-icons/icon35.png new file mode 100644 index 0000000..64d740e Binary files /dev/null and b/webroot/images/watt-icons/icon35.png differ diff --git a/webroot/images/watt-icons/icon36.png b/webroot/images/watt-icons/icon36.png new file mode 100644 index 0000000..4f803fb Binary files /dev/null and b/webroot/images/watt-icons/icon36.png differ diff --git a/webroot/images/watt-icons/icon37.png b/webroot/images/watt-icons/icon37.png new file mode 100644 index 0000000..20247e3 Binary files /dev/null and b/webroot/images/watt-icons/icon37.png differ diff --git a/webroot/images/watt-icons/icon38.png b/webroot/images/watt-icons/icon38.png new file mode 100644 index 0000000..26a9157 Binary files /dev/null and b/webroot/images/watt-icons/icon38.png differ diff --git a/webroot/images/watt-icons/icon39.png b/webroot/images/watt-icons/icon39.png new file mode 100644 index 0000000..887e29e Binary files /dev/null and b/webroot/images/watt-icons/icon39.png differ diff --git a/webroot/images/watt-icons/icon4.png b/webroot/images/watt-icons/icon4.png new file mode 100644 index 0000000..e60e3d7 Binary files /dev/null and b/webroot/images/watt-icons/icon4.png differ diff --git a/webroot/images/watt-icons/icon40.png b/webroot/images/watt-icons/icon40.png new file mode 100644 index 0000000..6c0ee50 Binary files /dev/null and b/webroot/images/watt-icons/icon40.png differ diff --git a/webroot/images/watt-icons/icon41.png b/webroot/images/watt-icons/icon41.png new file mode 100644 index 0000000..2afa56d Binary files /dev/null and b/webroot/images/watt-icons/icon41.png differ diff --git a/webroot/images/watt-icons/icon42.png b/webroot/images/watt-icons/icon42.png new file mode 100644 index 0000000..4c12eab Binary files /dev/null and b/webroot/images/watt-icons/icon42.png differ diff --git a/webroot/images/watt-icons/icon43.png b/webroot/images/watt-icons/icon43.png new file mode 100644 index 0000000..4c12eab Binary files /dev/null and b/webroot/images/watt-icons/icon43.png differ diff --git a/webroot/images/watt-icons/icon44.png b/webroot/images/watt-icons/icon44.png new file mode 100644 index 0000000..6f6b8db Binary files /dev/null and b/webroot/images/watt-icons/icon44.png differ diff --git a/webroot/images/watt-icons/icon45.png b/webroot/images/watt-icons/icon45.png new file mode 100644 index 0000000..aeb10a8 Binary files /dev/null and b/webroot/images/watt-icons/icon45.png differ diff --git a/webroot/images/watt-icons/icon46.png b/webroot/images/watt-icons/icon46.png new file mode 100644 index 0000000..33a6030 Binary files /dev/null and b/webroot/images/watt-icons/icon46.png differ diff --git a/webroot/images/watt-icons/icon47.png b/webroot/images/watt-icons/icon47.png new file mode 100644 index 0000000..cc953c6 Binary files /dev/null and b/webroot/images/watt-icons/icon47.png differ diff --git a/webroot/images/watt-icons/icon5.png b/webroot/images/watt-icons/icon5.png new file mode 100644 index 0000000..0ce1cd2 Binary files /dev/null and b/webroot/images/watt-icons/icon5.png differ diff --git a/webroot/images/watt-icons/icon6.png b/webroot/images/watt-icons/icon6.png new file mode 100644 index 0000000..64d740e Binary files /dev/null and b/webroot/images/watt-icons/icon6.png differ diff --git a/webroot/images/watt-icons/icon7.png b/webroot/images/watt-icons/icon7.png new file mode 100644 index 0000000..0ce1cd2 Binary files /dev/null and b/webroot/images/watt-icons/icon7.png differ diff --git a/webroot/images/watt-icons/icon8.png b/webroot/images/watt-icons/icon8.png new file mode 100644 index 0000000..f2e318e Binary files /dev/null and b/webroot/images/watt-icons/icon8.png differ diff --git a/webroot/images/watt-icons/icon9.png b/webroot/images/watt-icons/icon9.png new file mode 100644 index 0000000..887e29e Binary files /dev/null and b/webroot/images/watt-icons/icon9.png differ diff --git a/webroot/index.html b/webroot/index.html index 4681299..b3b1956 100644 --- a/webroot/index.html +++ b/webroot/index.html @@ -82,7 +82,7 @@
- +