(Project Dashboard) almost finished,

new icon fonts added for meteorology,
widget component added,
fuseIfOnDome directive added,
run npm install..

package-lock.json

@@ -21,9 +21,9 @@
       }
     },
     "@angular/cli": {
-      "version": "1.2.6",
+      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-1.2.6.tgz",
+      "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-1.2.7.tgz",
-      "integrity": "sha1-du4g9yNC2bYeGiVU9WfJnmfc8Us=",
+      "integrity": "sha512-RW9VM2TCus3nullXsCKvT5AXoaBzHzjZEY58jw1lhqntQooUAPiUikYu54MSWOZG9IfgMbAp7fXgiC/48Y0Hxw==",
       "dev": true,
       "requires": {
         "@ngtools/json-schema": "1.1.0",
@@ -75,6 +75,7 @@
         "semver": "5.4.1",
         "silent-error": "1.1.0",
         "source-map-loader": "0.2.1",
+        "source-map-support": "0.4.15",
         "style-loader": "0.13.2",
         "stylus": "0.54.5",
         "stylus-loader": "3.0.1",
@@ -87,19 +88,6 @@
         "webpack-dev-server": "2.4.5",
         "webpack-merge": "2.6.1",
         "zone.js": "0.8.16"
-      },
-      "dependencies": {
-        "@ngtools/webpack": {
-          "version": "1.5.5",
-          "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-1.5.5.tgz",
-          "integrity": "sha1-1uKpMxhAFWU9474z04Q3/dgQCec=",
-          "dev": true,
-          "requires": {
-            "loader-utils": "1.1.0",
-            "magic-string": "0.22.3",
-            "source-map": "0.5.6"
-          }
-        }
       }
     },
     "@angular/common": {
@@ -219,6 +207,22 @@
       "integrity": "sha1-w6DFRNYjkqzCgTpCyKDcb1j4aSI=",
       "dev": true
     },
+    "@ngtools/webpack": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-1.5.5.tgz",
+      "integrity": "sha1-1uKpMxhAFWU9474z04Q3/dgQCec=",
+      "dev": true,
+      "requires": {
+        "loader-utils": "1.1.0",
+        "magic-string": "0.22.3",
+        "source-map": "0.5.6"
+      }
+    },
+    "@swimlane/ngx-charts": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/@swimlane/ngx-charts/-/ngx-charts-6.0.1.tgz",
+      "integrity": "sha1-sn99Q3vtCXbUTZL7rDUHQZH1sqA="
+    },
     "@swimlane/ngx-datatable": {
       "version": "9.3.1",
       "resolved": "https://registry.npmjs.org/@swimlane/ngx-datatable/-/ngx-datatable-9.3.1.tgz",
@@ -710,7 +714,7 @@
       "integrity": "sha1-CpSJ8UTecO+zzkMArM2zKeL8VDs=",
       "dev": true,
       "requires": {
-        "core-js": "2.4.1",
+        "core-js": "2.5.0",
         "regenerator-runtime": "0.10.5"
       }
     },
@@ -1439,8 +1443,7 @@
     "commander": {
       "version": "2.11.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-2.11.0.tgz",
-      "integrity": "sha512-b0553uYA5YAEGgyYIGYROzKQ7X5RAqedkfjiZxwi0kL1g3bOaBNNZfYkzt/CL0umgD5wc9Jec2FbB98CjkMRvQ==",
+      "integrity": "sha512-b0553uYA5YAEGgyYIGYROzKQ7X5RAqedkfjiZxwi0kL1g3bOaBNNZfYkzt/CL0umgD5wc9Jec2FbB98CjkMRvQ=="
-      "dev": true
     },
     "common-tags": {
       "version": "1.4.0",
@@ -1589,9 +1592,9 @@
       "dev": true
     },
     "core-js": {
-      "version": "2.4.1",
+      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.4.1.tgz",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.5.0.tgz",
-      "integrity": "sha1-TekR5mew6ukSTjQlS1OupvxhjT4="
+      "integrity": "sha1-VpwFCRi+ZIazg3VSAorgRmtxcIY="
     },
     "core-object": {
       "version": "3.1.3",
@@ -1883,6 +1886,261 @@
       "integrity": "sha1-XQKkaFCt8bSjF5RqOSj8y1v9BCU=",
       "dev": true
     },
+    "d3": {
+      "version": "4.10.0",
+      "resolved": "https://registry.npmjs.org/d3/-/d3-4.10.0.tgz",
+      "integrity": "sha512-PXnXfSEgrYOspAIU4ujlsJuIVHvVbT/AidBMedq6XRPXbbUwPI2rqe9kbuQofCaAW/IipdT5gSbTKw/5Xjbb5Q==",
+      "requires": {
+        "d3-array": "1.2.0",
+        "d3-axis": "1.0.8",
+        "d3-brush": "1.0.4",
+        "d3-chord": "1.0.4",
+        "d3-collection": "1.0.4",
+        "d3-color": "1.0.3",
+        "d3-dispatch": "1.0.3",
+        "d3-drag": "1.1.1",
+        "d3-dsv": "1.0.5",
+        "d3-ease": "1.0.3",
+        "d3-force": "1.0.6",
+        "d3-format": "1.2.0",
+        "d3-geo": "1.6.4",
+        "d3-hierarchy": "1.1.5",
+        "d3-interpolate": "1.1.5",
+        "d3-path": "1.0.5",
+        "d3-polygon": "1.0.3",
+        "d3-quadtree": "1.0.3",
+        "d3-queue": "3.0.7",
+        "d3-random": "1.1.0",
+        "d3-request": "1.0.5",
+        "d3-scale": "1.0.6",
+        "d3-selection": "1.1.0",
+        "d3-shape": "1.2.0",
+        "d3-time": "1.0.7",
+        "d3-time-format": "2.0.5",
+        "d3-timer": "1.0.6",
+        "d3-transition": "1.1.0",
+        "d3-voronoi": "1.1.2",
+        "d3-zoom": "1.5.0"
+      }
+    },
+    "d3-array": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-1.2.0.tgz",
+      "integrity": "sha1-FH0mlyDhdMQFen9CvosPPyulMQg="
+    },
+    "d3-axis": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/d3-axis/-/d3-axis-1.0.8.tgz",
+      "integrity": "sha1-MacFoLU15ldZ3hQXOjGTMTfxjvo="
+    },
+    "d3-brush": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/d3-brush/-/d3-brush-1.0.4.tgz",
+      "integrity": "sha1-AMLyOAGfJPbAoZSibUGhUw/+e8Q=",
+      "requires": {
+        "d3-dispatch": "1.0.3",
+        "d3-drag": "1.1.1",
+        "d3-interpolate": "1.1.5",
+        "d3-selection": "1.1.0",
+        "d3-transition": "1.1.0"
+      }
+    },
+    "d3-chord": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/d3-chord/-/d3-chord-1.0.4.tgz",
+      "integrity": "sha1-fexPC6iG9xP+ERxF92NBT290yiw=",
+      "requires": {
+        "d3-array": "1.2.0",
+        "d3-path": "1.0.5"
+      }
+    },
+    "d3-collection": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/d3-collection/-/d3-collection-1.0.4.tgz",
+      "integrity": "sha1-NC39EoN8kJdPM/HMCnha6lcNzcI="
+    },
+    "d3-color": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-1.0.3.tgz",
+      "integrity": "sha1-vHZD/KjlOoNH4vva/6I2eWtYUJs="
+    },
+    "d3-dispatch": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-1.0.3.tgz",
+      "integrity": "sha1-RuFJHqqbWMNY/OW+TovtYm54cfg="
+    },
+    "d3-drag": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-1.1.1.tgz",
+      "integrity": "sha512-51aazbUuZZhPZzXv9xxwPOJTeDSVv8cXNd8oFxqJyR8ZBD9yLd09CFGSDSm3ArViHg2D5Wo1qCaKl7Efj/qchg==",
+      "requires": {
+        "d3-dispatch": "1.0.3",
+        "d3-selection": "1.1.0"
+      }
+    },
+    "d3-dsv": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-1.0.5.tgz",
+      "integrity": "sha1-QZ99tH9ih4n8P9tjbmeESdCCETY=",
+      "requires": {
+        "commander": "2.11.0",
+        "iconv-lite": "0.4.18",
+        "rw": "1.3.3"
+      }
+    },
+    "d3-ease": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-1.0.3.tgz",
+      "integrity": "sha1-aL+8NJM4o4DETYrMT7wzBKotjA4="
+    },
+    "d3-force": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-1.0.6.tgz",
+      "integrity": "sha1-6n4bdzDiZkzTFPWU1nGMV8wTK3k=",
+      "requires": {
+        "d3-collection": "1.0.4",
+        "d3-dispatch": "1.0.3",
+        "d3-quadtree": "1.0.3",
+        "d3-timer": "1.0.6"
+      }
+    },
+    "d3-format": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-1.2.0.tgz",
+      "integrity": "sha1-a0gLqohohdRlHcJIqPSsnaFtsHo="
+    },
+    "d3-geo": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-1.6.4.tgz",
+      "integrity": "sha1-8g4eRhyxhF9ai+Vatvh2VCp+MZk=",
+      "requires": {
+        "d3-array": "1.2.0"
+      }
+    },
+    "d3-hierarchy": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-1.1.5.tgz",
+      "integrity": "sha1-ochFxC+Eoga88cAcAQmOpN2qeiY="
+    },
+    "d3-interpolate": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-1.1.5.tgz",
+      "integrity": "sha1-aeCZ/zkhRxblY8muw+qdHqS4p58=",
+      "requires": {
+        "d3-color": "1.0.3"
+      }
+    },
+    "d3-path": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-1.0.5.tgz",
+      "integrity": "sha1-JB6xhJvZ6egCHA0KeZ+KDo5EF2Q="
+    },
+    "d3-polygon": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/d3-polygon/-/d3-polygon-1.0.3.tgz",
+      "integrity": "sha1-FoiOkCZGCTPysXllKtN4Ik04LGI="
+    },
+    "d3-quadtree": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-1.0.3.tgz",
+      "integrity": "sha1-rHmH4+I/6AWpkPKOG1DTj8uCJDg="
+    },
+    "d3-queue": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/d3-queue/-/d3-queue-3.0.7.tgz",
+      "integrity": "sha1-yTouVLQXwJWRKdfXP2z31Ckudhg="
+    },
+    "d3-random": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-1.1.0.tgz",
+      "integrity": "sha1-ZkLlBsb6OmSFldKyRpeIqNElKdM="
+    },
+    "d3-request": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/d3-request/-/d3-request-1.0.5.tgz",
+      "integrity": "sha1-TarpRtHdDVff4B8CKVY1SVjVHyM=",
+      "requires": {
+        "d3-collection": "1.0.4",
+        "d3-dispatch": "1.0.3",
+        "d3-dsv": "1.0.5",
+        "xmlhttprequest": "1.8.0"
+      }
+    },
+    "d3-scale": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-1.0.6.tgz",
+      "integrity": "sha1-vOGdqA06DPQiyVQ64zIghiILNO0=",
+      "requires": {
+        "d3-array": "1.2.0",
+        "d3-collection": "1.0.4",
+        "d3-color": "1.0.3",
+        "d3-format": "1.2.0",
+        "d3-interpolate": "1.1.5",
+        "d3-time": "1.0.7",
+        "d3-time-format": "2.0.5"
+      }
+    },
+    "d3-selection": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-1.1.0.tgz",
+      "integrity": "sha1-GZhoSJZIj4OcoDchI9o08dMYgJw="
+    },
+    "d3-shape": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-1.2.0.tgz",
+      "integrity": "sha1-RdAVOPBkuv0F6j1tLLdI/YxB93c=",
+      "requires": {
+        "d3-path": "1.0.5"
+      }
+    },
+    "d3-time": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-1.0.7.tgz",
+      "integrity": "sha1-lMr27bt4ebuAnQ0fdXK8SEgvcnA="
+    },
+    "d3-time-format": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-2.0.5.tgz",
+      "integrity": "sha1-nXeAIE98kRnJFwsaVttN6aivly4=",
+      "requires": {
+        "d3-time": "1.0.7"
+      }
+    },
+    "d3-timer": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-1.0.6.tgz",
+      "integrity": "sha1-QES/FdcCXAbOfRFJ9zzQe1Tb14Q="
+    },
+    "d3-transition": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-1.1.0.tgz",
+      "integrity": "sha1-z8hcdOUjkyQpBUZiNXKZBWDDlm8=",
+      "requires": {
+        "d3-color": "1.0.3",
+        "d3-dispatch": "1.0.3",
+        "d3-ease": "1.0.3",
+        "d3-interpolate": "1.1.5",
+        "d3-selection": "1.1.0",
+        "d3-timer": "1.0.6"
+      }
+    },
+    "d3-voronoi": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/d3-voronoi/-/d3-voronoi-1.1.2.tgz",
+      "integrity": "sha1-Fodmfo8TotFYyAwUgMWinLDYlzw="
+    },
+    "d3-zoom": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-1.5.0.tgz",
+      "integrity": "sha512-tc/ONeSUVuwHczjjK4jQPd0T1iZ+lfsz8TbguAAceY5qs057hp4WLglkPWValkuVjCyeGpqiA2iTm8S++NJ84w==",
+      "requires": {
+        "d3-dispatch": "1.0.3",
+        "d3-drag": "1.1.1",
+        "d3-interpolate": "1.1.5",
+        "d3-selection": "1.1.0",
+        "d3-transition": "1.1.0"
+      }
+    },
     "dashdash": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
@@ -3523,8 +3781,7 @@
     "iconv-lite": {
       "version": "0.4.18",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.18.tgz",
-      "integrity": "sha512-sr1ZQph3UwHTR0XftSbK85OvBbxe/abLGzEnPENCQwmHf7sck8Oyu4ob3LgBxWWxRoM+QszeUyl7jbqapu2TqA==",
+      "integrity": "sha512-sr1ZQph3UwHTR0XftSbK85OvBbxe/abLGzEnPENCQwmHf7sck8Oyu4ob3LgBxWWxRoM+QszeUyl7jbqapu2TqA=="
-      "dev": true
     },
     "icss-replace-symbols": {
       "version": "1.1.0",
@@ -4303,7 +4560,7 @@
         "colors": "1.1.2",
         "combine-lists": "1.0.1",
         "connect": "3.6.2",
-        "core-js": "2.4.1",
+        "core-js": "2.5.0",
         "di": "0.0.1",
         "dom-serialize": "2.2.1",
         "expand-braces": "0.1.2",
@@ -4873,9 +5130,9 @@
       "dev": true
     },
     "ngx-color-picker": {
-      "version": "4.2.0",
+      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ngx-color-picker/-/ngx-color-picker-4.2.0.tgz",
+      "resolved": "https://registry.npmjs.org/ngx-color-picker/-/ngx-color-picker-4.3.0.tgz",
-      "integrity": "sha512-xWFpvOc+0WOD2kppPDlN1q5p58jgQDgUSsier/xi1i0HaVuU+BgNCo7aFPAKHaovw0Gv1WWp5GPAdpjXdUe7KA=="
+      "integrity": "sha512-O2Cpmyxnsp7B2ekx1ff42qE+lF8Dffg3SRqpkG489A8zPPIHL9E9zAUIVvmCGPOSw1DOD/864EP+hfGV5eFHvQ=="
     },
     "ngx-perfect-scrollbar": {
       "version": "4.5.3",
@@ -6609,6 +6866,11 @@
         "is-promise": "2.1.0"
       }
     },
+    "rw": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
+      "integrity": "sha1-P4Yt+pGrdmsUiF700BEkv9oHT7Q="
+    },
     "rx-lite": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/rx-lite/-/rx-lite-4.0.8.tgz",
@@ -8548,6 +8810,11 @@
       "integrity": "sha1-1QH5ezvbQDr4757MIFcxh6rawOk=",
       "dev": true
     },
+    "xmlhttprequest": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/xmlhttprequest/-/xmlhttprequest-1.8.0.tgz",
+      "integrity": "sha1-Z/4HXFwk/vOfnWX197f+dRcZaPw="
+    },
     "xmlhttprequest-ssl": {
       "version": "1.5.3",
       "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.5.3.tgz",

package.json

@@ -28,20 +28,23 @@
     "@swimlane/ngx-dnd": "^2.2.0",
     "angular-calendar": "^0.19.0",
     "angular-in-memory-web-api": "^0.3.2",
-    "core-js": "^2.4.1",
+    "core-js": "^2.5.0",
     "firebase": "^4.2.0",
     "hammerjs": "^2.0.8",
     "highlight.js": "^9.12.0",
     "moment": "^2.18.1",
-    "ngx-color-picker": "^4.2.0",
+    "d3": "^4.10.0",
+    "@swimlane/ngx-charts": "^6.0.1",
+    "ngx-color-picker": "^4.3.0",
     "ngx-perfect-scrollbar": "^4.5.3",
     "rxjs": "^5.4.2",
     "zone.js": "^0.8.16"
   },
   "devDependencies": {
-    "@angular/cli": "^1.2.6",
+    "@angular/cli": "^1.2.7",
     "@angular/compiler-cli": "^4.3.3",
     "@angular/language-service": "^4.3.3",
+    "@ngtools/webpack": "^1.5.5",
     "@types/jasmine": "^2.5.53",
     "@types/jasminewd2": "^2.0.2",
     "@types/node": "^6.0.83",

src/app/app.module.ts

@@ -55,7 +55,7 @@ const appRoutes: Routes = [
 
 @NgModule({
     declarations: [
-        AppComponent
+        AppComponent,
     ],
     imports     : [
         BrowserModule,

src/app/core/components/navigation/navigation.model.ts

@@ -18,11 +18,6 @@ export class FuseNavigation
                         'type' : 'nav-item',
                         'title': 'Project',
                         'url'  : '/apps/dashboards/project'
-                    },
-                    {
-                        'type' : 'nav-item',
-                        'title': 'Server',
-                        'url'  : '/apps/dashboards/server'
                     }
                 ]
             },

src/app/core/components/widget/widget-toggle.directive.ts

@@ -0,0 +1,21 @@
+import { AfterViewInit, ContentChild, Directive, ElementRef, OnInit, ViewChild } from '@angular/core';
+
+@Directive({
+    selector: '[fuseWidgetToggle]'
+})
+export class FuseWidgetToggleDirective implements OnInit, AfterViewInit
+{
+
+    constructor(public el: ElementRef)
+    {
+    }
+
+    ngOnInit()
+    {
+    }
+
+    ngAfterViewInit()
+    {
+    }
+
+}

src/app/core/components/widget/widget.component.html

@@ -0,0 +1 @@
+<ng-content></ng-content>

src/app/core/components/widget/widget.component.scss

@@ -0,0 +1,65 @@
+fuse-widget {
+    display: block;
+    position: relative;
+    perspective: 3000px;
+    padding: 12px;
+
+    > div {
+        position: relative;
+        transform-style: preserve-3d;
+        transition: transform 1s;
+    }
+
+    > .fuse-widget-front {
+        display: flex;
+        flex-direction: column;
+        flex: 1 1 auto;
+        position: relative;
+        overflow: hidden;
+        visibility: visible;
+        width: 100%;
+        opacity: 1;
+        z-index: 10;
+        border-radius: 2px;
+        transition: transform 0.5s ease-out 0s, visibility 0s ease-in 0.2s, opacity 0s ease-in 0.2s;
+        transform: rotateY(0deg);
+        backface-visibility: hidden;
+    }
+    > .fuse-widget-back {
+        display: block;
+        position: absolute;
+        top: 12px;
+        right: 12px;
+        bottom: 12px;
+        left: 12px;
+        overflow: hidden;
+        visibility: hidden;
+        opacity: 0;
+        z-index: 10;
+        transition: transform 0.5s ease-out 0s, visibility 0s ease-in 0.2s, opacity 0s ease-in 0.2s;
+        transform: rotateY(180deg);
+        backface-visibility: hidden;
+
+        .fuse-widget-flip-button {
+            position: absolute;
+            top: 0;
+            right: 0;
+        }
+    }
+
+    &.flipped {
+
+        > .fuse-widget-front {
+            visibility: hidden;
+            opacity: 0;
+            transform: rotateY(180deg);
+        }
+
+        > .fuse-widget-back {
+            display: block;
+            visibility: visible;
+            opacity: 1;
+            transform: rotateY(360deg);
+        }
+    }
+}

src/app/core/components/widget/widget.component.ts

@@ -0,0 +1,43 @@
+import { AfterContentInit, Component, ContentChildren, ElementRef, HostBinding, OnInit, QueryList, Renderer2, ViewEncapsulation } from '@angular/core';
+import { FuseWidgetToggleDirective } from './widget-toggle.directive';
+
+@Component({
+    selector     : 'fuse-widget',
+    templateUrl  : './widget.component.html',
+    styleUrls    : ['./widget.component.scss'],
+    encapsulation: ViewEncapsulation.None
+})
+
+export class FuseWidgetComponent implements OnInit, AfterContentInit
+{
+    @HostBinding('class.flipped') flipped = false;
+
+    constructor(private el: ElementRef, private renderer: Renderer2)
+    {
+    }
+
+    ngOnInit()
+    {
+
+    }
+
+    ngAfterContentInit()
+    {
+        setTimeout(() => {
+
+            const flipButtons = this.el.nativeElement.querySelectorAll('.fuse-widget-flip-button');
+
+            flipButtons.forEach(flipButton => {
+                this.renderer.listen(flipButton, 'click', () => {
+                    this.toggle();
+                });
+            });
+        });
+    }
+
+    toggle()
+    {
+        this.flipped = !this.flipped;
+    }
+
+}

src/app/core/components/widget/widget.module.ts

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { SharedModule } from '../../modules/shared.module';
+import { FuseWidgetComponent } from './widget.component';
+import { FuseWidgetToggleDirective } from './widget-toggle.directive';
+
+@NgModule({
+    imports     : [
+        SharedModule
+    ],
+    exports     : [
+        FuseWidgetComponent,
+        FuseWidgetToggleDirective
+    ],
+    declarations: [
+        FuseWidgetComponent,
+        FuseWidgetToggleDirective
+    ]
+})
+export class FuseWidgetModule
+{
+}

src/app/core/directives/fuse-if-on-dom/fuse-if-on-dom.directive.ts

@@ -0,0 +1,33 @@
+import { AfterContentChecked, Directive, ElementRef, TemplateRef, ViewContainerRef } from '@angular/core';
+
+@Directive({
+    selector: '[fuseIfOnDom]'
+})
+export class FuseIfOnDomDirective implements AfterContentChecked
+{
+    isCreated = false;
+
+    constructor(
+        private templateRef: TemplateRef<any>,
+        private viewContainer: ViewContainerRef,
+        private element: ElementRef
+    )
+    {
+    }
+
+    ngAfterContentChecked()
+    {
+        if ( this.element.nativeElement.isConnected && !this.isCreated )
+        {
+            setTimeout(() => {
+                this.viewContainer.createEmbeddedView(this.templateRef);
+            }, 0);
+            this.isCreated = true;
+        }
+        else if ( this.isCreated && !this.element.nativeElement.isConnected )
+        {
+            this.viewContainer.clear();
+            this.isCreated = false;
+        }
+    }
+}

src/app/core/modules/shared.module.ts

@@ -19,6 +19,7 @@ import { FuseMatchMedia } from '../services/match-media.service';
 import { FuseNavbarService } from '../../main/navbar/navbar.service';
 import { FuseMdSidenavHelperService } from '../directives/md-sidenav-helper/md-sidenav-helper.service';
 import { FuseHljsComponent } from '../components/hljs/hljs.component';
+import { FuseIfOnDomDirective } from '../directives/fuse-if-on-dom/fuse-if-on-dom.directive';
 
 @NgModule({
     declarations   : [
@@ -26,7 +27,8 @@ import { FuseHljsComponent } from '../components/hljs/hljs.component';
         FuseMdSidenavTogglerDirective,
         FuseConfirmDialogComponent,
         FuseCountdownComponent,
-        FuseHljsComponent
+        FuseHljsComponent,
+        FuseIfOnDomDirective
     ],
     imports        : [
         FlexLayoutModule,
@@ -54,7 +56,8 @@ import { FuseHljsComponent } from '../components/hljs/hljs.component';
         ReactiveFormsModule,
         ColorPickerModule,
         NgxDnDModule,
-        NgxDatatableModule
+        NgxDatatableModule,
+        FuseIfOnDomDirective
     ],
     entryComponents: [
         FuseConfirmDialogComponent

src/app/fuse-fake-db/fuse-fake-db.service.ts

@@ -11,6 +11,7 @@ import { FileManagerFakeDb } from './file-manager';
 import { SearchFakeDb } from './search';
 import { QuickPanelFakeDb } from './quick-panel';
 import { IconsFakeDb } from './icons';
+import { ProjectsDashboardDb } from './projects-dashboard';
 
 export class FuseFakeDbService implements InMemoryDbService
 {
@@ -29,7 +30,7 @@ export class FuseFakeDbService implements InMemoryDbService
             'todo-filters'               : TodoFakeDb.filters,
             'todo-tags'                  : TodoFakeDb.tags,
             'profile-timeline'           : ProfileFakeDb.timeline,
-            'profile-photos-videos': ProfileFakeDb.photosVideos,
+            'profile-photos-videos'      : ProfileFakeDb.photosVideos,
             'profile-about'              : ProfileFakeDb.about,
             'contacts-contacts'          : ContactsFakeDb.contacts,
             'contacts-user'              : ContactsFakeDb.user,
@@ -39,7 +40,9 @@ export class FuseFakeDbService implements InMemoryDbService
             'search-table'               : SearchFakeDb.table,
             'quick-panel-notes'          : QuickPanelFakeDb.notes,
             'quick-panel-events'         : QuickPanelFakeDb.events,
-            'icons'                : IconsFakeDb.icons
+            'icons'                      : IconsFakeDb.icons,
+            'projects-dashboard-projects': ProjectsDashboardDb.projects,
+            'projects-dashboard-widgets' : ProjectsDashboardDb.widgets
         };
     }
 }

src/app/main/content/apps/dashboards/project/project.component.scss

@@ -1,3 +1,46 @@
-:host {
+#dashboard-project {
-    padding: 32px;
+
+    md-sidenav-container {
+
+        .center {
+
+            > .header {
+                height: 160px;
+                min-height: 160px;
+                max-height: 160px;
+
+                .selected-project {
+                    background: rgba(0, 0, 0, 0.12);
+                    color: #FFFFFF;
+                    padding: 8px 16px;
+                    height: 40px;
+                    line-height: 24px;
+                    font-size: 16px;
+                }
+
+                .project-selector {
+                    margin-left: 1px;
+                    border-radius: 0;
+                    background: rgba(0, 0, 0, 0.12);
+
+                    md-icon {
+                        color: #FFFFFF;
+                    }
+                }
+            }
+
+            > .content {
+
+                .mat-tab-label-container {
+                    padding: 0 24px;
+                }
+            }
+        }
+
+        .sidenav {
+            width: 250px !important;
+            min-width: 250px !important;
+            max-width: 250px !important;
+        }
+    }
 }

src/app/main/content/apps/dashboards/project/project.component.ts

@@ -1,39 +1,174 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';
 import { FuseLayoutService } from '../../../../../core/services/layout.service';
-import { Subscription } from 'rxjs/Subscription';
+import { ProjectsDashboardService } from './projects.service';
+import * as shape from 'd3-shape';
+import { BehaviorSubject } from 'rxjs/BehaviorSubject';
+import { Observable } from 'rxjs/Observable';
+import { DataSource } from '@angular/cdk';
 
 @Component({
     selector     : 'fuse-project',
-    templateUrl: './project.component.html',
+    templateUrl  : './project.component.html',
-    styleUrls  : ['./project.component.scss']
+    styleUrls    : ['./project.component.scss'],
+    encapsulation: ViewEncapsulation.None
 })
 export class ProjectComponent implements OnInit, OnDestroy
 {
-    onSettingsChanged: Subscription;
+    projects: any[];
-    layoutSettings: { navigation: string, toolbar: string, footer: string };
+    selectedProject: any;
 
-    constructor(private layoutService: FuseLayoutService)
+    widgets: any;
+    widget5: any = {};
+    widget6: any = {};
+    widget7: any = {};
+    widget8: any = {};
+    widget9: any = {};
+    widget11: any = {};
+
+    dateNow = Date.now();
+
+    constructor(private projectsDashboardService: ProjectsDashboardService)
     {
-        this.onSettingsChanged =
+        this.projects = this.projectsDashboardService.projects;
-            this.layoutService.onSettingsChanged
+
-                .subscribe(
+        this.selectedProject = this.projects[0];
-                    (newSettings) => {
+
-                        this.layoutSettings = newSettings;
+        this.widgets = this.projectsDashboardService.widgets;
+
+        /**
+         * Widget 5
+         */
+        this.widget5 = {
+            currentRange  : 'TW',
+            xAxis         : true,
+            yAxis         : true,
+            gradient      : false,
+            legend        : false,
+            showXAxisLabel: false,
+            xAxisLabel    : 'Days',
+            showYAxisLabel: false,
+            yAxisLabel    : 'Isues',
+            scheme        : {
+                domain: ['#42BFF7', '#C6ECFD', '#C7B42C', '#AAAAAA']
+            },
+            onSelect      : (ev) => {
+                console.log(ev);
+            },
+            supporting    : {
+                currentRange  : '',
+                xAxis         : false,
+                yAxis         : false,
+                gradient      : false,
+                legend        : false,
+                showXAxisLabel: false,
+                xAxisLabel    : 'Days',
+                showYAxisLabel: false,
+                yAxisLabel    : 'Isues',
+                scheme        : {
+                    domain: ['#42BFF7', '#C6ECFD', '#C7B42C', '#AAAAAA']
+                },
+                curve         : shape.curveBasis
             }
-                );
+        };
+
+        /**
+         * Widget 6
+         */
+        this.widget6 = {
+            currentRange : 'TW',
+            legend       : false,
+            explodeSlices: false,
+            labels       : true,
+            doughnut     : true,
+            gradient     : false,
+            scheme       : {
+                domain: ['#f44336', '#9c27b0', '#03a9f4', '#e91e63']
+            },
+            onSelect     : (ev) => {
+                console.log(ev);
+            }
+        };
+
+        /**
+         * Widget 7
+         */
+        this.widget7 = {
+            currentRange: 'T'
+        };
+
+        /**
+         * Widget 8
+         */
+        this.widget8 = {
+            legend       : false,
+            explodeSlices: false,
+            labels       : true,
+            doughnut     : false,
+            gradient     : false,
+            scheme       : {
+                domain: ['#f44336', '#9c27b0', '#03a9f4', '#e91e63', '#ffc107']
+            },
+            onSelect     : (ev) => {
+                console.log(ev);
+            }
+        };
+
+        /**
+         * Widget 9
+         */
+        this.widget9 = {
+            currentRange  : 'TW',
+            xAxis         : false,
+            yAxis         : false,
+            gradient      : false,
+            legend        : false,
+            showXAxisLabel: false,
+            xAxisLabel    : 'Days',
+            showYAxisLabel: false,
+            yAxisLabel    : 'Isues',
+            scheme        : {
+                domain: ['#42BFF7', '#C6ECFD', '#C7B42C', '#AAAAAA']
+            },
+            curve         : shape.curveBasis
+        };
+
+        setInterval(() => {
+            this.dateNow = Date.now();
+        }, 1000);
+
     }
 
     ngOnInit()
     {
+        /**
+         * Widget 11
+         */
+        this.widget11.onContactsChanged = new BehaviorSubject({});
+        this.widget11.onContactsChanged.next(this.widgets.widget11.table.rows);
+        this.widget11.dataSource = new FilesDataSource(this.widget11);
     }
 
     ngOnDestroy()
     {
-        this.onSettingsChanged.unsubscribe();
     }
 
-    onLayoutSettingsChanged()
+}
+
+export class FilesDataSource extends DataSource<any>
+{
+    constructor(private widget11)
+    {
+        super();
+    }
+
+    /** Connect function called by the table to retrieve one stream containing the data to render. */
+    connect(): Observable<any[]>
+    {
+        return this.widget11.onContactsChanged;
+    }
+
+    disconnect()
     {
-        this.layoutService.onSettingsChanged.next(this.layoutSettings);
     }
 }
+

src/app/main/content/apps/dashboards/project/project.module.ts

@@ -1,21 +1,33 @@
-import {NgModule} from '@angular/core';
+import { NgModule } from '@angular/core';
-import {RouterModule, Routes} from '@angular/router';
+import { RouterModule, Routes } from '@angular/router';
-import {ProjectComponent} from './project.component';
+import { ProjectComponent } from './project.component';
-import {SharedModule} from '../../../../../core/modules/shared.module';
+import { SharedModule } from '../../../../../core/modules/shared.module';
+import { ProjectsDashboardService } from './projects.service';
+import { FuseWidgetModule } from '../../../../../core/components/widget/widget.module';
+import { NgxChartsModule } from '@swimlane/ngx-charts';
 
 const routes: Routes = [
     {
-        path: 'apps/dashboards/project', component: ProjectComponent, children: []
+        path     : 'apps/dashboards/project',
+        component: ProjectComponent,
+        resolve  : {
+            data: ProjectsDashboardService
         }
-]
+    }
+];
 
 @NgModule({
     imports     : [
         SharedModule,
-        RouterModule.forChild(routes)
+        RouterModule.forChild(routes),
+        FuseWidgetModule,
+        NgxChartsModule
     ],
     declarations: [
         ProjectComponent
+    ],
+    providers   : [
+        ProjectsDashboardService
     ]
 })
 export class ProjectModule

src/app/main/content/apps/dashboards/project/projects.service.ts

@@ -0,0 +1,62 @@
+import { Injectable } from '@angular/core';
+import { ActivatedRouteSnapshot, Resolve, RouterStateSnapshot } from '@angular/router';
+import { Observable } from 'rxjs/Observable';
+import { Http } from '@angular/http';
+
+@Injectable()
+export class ProjectsDashboardService implements Resolve<any>
+{
+    projects: any[];
+    widgets: any[];
+
+    constructor(
+        private http: Http
+    )
+    {
+    }
+
+    /**
+     * Resolve
+     * @param {ActivatedRouteSnapshot} route
+     * @param {RouterStateSnapshot} state
+     * @returns {Observable<any> | Promise<any> | any}
+     */
+    resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<any> | Promise<any> | any
+    {
+
+        return new Promise((resolve, reject) => {
+
+            Promise.all([
+                this.getProjects(),
+                this.getWidgets()
+            ]).then(
+                () => {
+                    resolve();
+                },
+                reject
+            );
+        });
+    }
+
+    getProjects(): Promise<any>
+    {
+        return new Promise((resolve, reject) => {
+            this.http.get('api/projects-dashboard-projects')
+                .subscribe(response => {
+                    this.projects = response.json().data;
+                    resolve(response.json().data);
+                }, reject);
+        });
+    }
+
+    getWidgets(): Promise<any>
+    {
+        return new Promise((resolve, reject) => {
+            this.http.get('api/projects-dashboard-widgets')
+                .subscribe(response => {
+                    this.widgets = response.json().data;
+                    resolve(response.json().data);
+                }, reject);
+        });
+    }
+}

src/assets/icons/meteocons/Read Me.txt

@@ -0,0 +1,7 @@
+Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
+
+To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts
+
+You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
+
+You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection.

src/assets/icons/meteocons/demo-files/demo.css

@@ -0,0 +1,152 @@
+body {
+  padding: 0;
+  margin: 0;
+  font-family: sans-serif;
+  font-size: 1em;
+  line-height: 1.5;
+  color: #555;
+  background: #fff;
+}
+h1 {
+  font-size: 1.5em;
+  font-weight: normal;
+}
+small {
+  font-size: .66666667em;
+}
+a {
+  color: #e74c3c;
+  text-decoration: none;
+}
+a:hover, a:focus {
+  box-shadow: 0 1px #e74c3c;
+}
+.bshadow0, input {
+  box-shadow: inset 0 -2px #e7e7e7;
+}
+input:hover {
+  box-shadow: inset 0 -2px #ccc;
+}
+input, fieldset {
+  font-family: sans-serif;
+  font-size: 1em;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+input {
+  color: inherit;
+  line-height: 1.5;
+  height: 1.5em;
+  padding: .25em 0;
+}
+input:focus {
+  outline: none;
+  box-shadow: inset 0 -2px #449fdb;
+}
+.glyph {
+  font-size: 16px;
+  width: 15em;
+  padding-bottom: 1em;
+  margin-right: 4em;
+  margin-bottom: 1em;
+  float: left;
+  overflow: hidden;
+}
+.liga {
+  width: 80%;
+  width: calc(100% - 2.5em);
+}
+.talign-right {
+  text-align: right;
+}
+.talign-center {
+  text-align: center;
+}
+.bgc1 {
+  background: #f1f1f1;
+}
+.fgc1 {
+  color: #999;
+}
+.fgc0 {
+  color: #000;
+}
+p {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+.mvm {
+  margin-top: .75em;
+  margin-bottom: .75em;
+}
+.mtn {
+  margin-top: 0;
+}
+.mtl, .mal {
+  margin-top: 1.5em;
+}
+.mbl, .mal {
+  margin-bottom: 1.5em;
+}
+.mal, .mhl {
+  margin-left: 1.5em;
+  margin-right: 1.5em;
+}
+.mhmm {
+  margin-left: 1em;
+  margin-right: 1em;
+}
+.mls {
+  margin-left: .25em;
+}
+.ptl {
+  padding-top: 1.5em;
+}
+.pbs, .pvs {
+  padding-bottom: .25em;
+}
+.pvs, .pts {
+  padding-top: .25em;
+}
+.unit {
+  float: left;
+}
+.unitRight {
+  float: right;
+}
+.size1of2 {
+  width: 50%;
+}
+.size1of1 {
+  width: 100%;
+}
+.clearfix:before, .clearfix:after {
+  content: " ";
+  display: table;
+}
+.clearfix:after {
+  clear: both;
+}
+.hidden-true {
+  display: none;
+}
+.textbox0 {
+  width: 3em;
+  background: #f1f1f1;
+  padding: .25em .5em;
+  line-height: 1.5;
+  height: 1.5em;
+}
+#testDrive {
+  display: block;
+  padding-top: 24px;
+  line-height: 1.5;
+}
+.fs0 {
+  font-size: 16px;
+}
+.fs1 {
+  font-size: 24px;
+}
+

src/assets/icons/meteocons/demo-files/demo.js

@@ -0,0 +1,30 @@
+if (!('boxShadow' in document.body.style)) {
+    document.body.setAttribute('class', 'noBoxShadow');
+}
+
+document.body.addEventListener("click", function(e) {
+    var target = e.target;
+    if (target.tagName === "INPUT" &&
+        target.getAttribute('class').indexOf('liga') === -1) {
+        target.select();
+    }
+});
+
+(function() {
+    var fontSize = document.getElementById('fontSize'),
+        testDrive = document.getElementById('testDrive'),
+        testText = document.getElementById('testText');
+    function updateTest() {
+        testDrive.innerHTML = testText.value || String.fromCharCode(160);
+        if (window.icomoonLiga) {
+            window.icomoonLiga(testDrive);
+        }
+    }
+    function updateSize() {
+        testDrive.style.fontSize = fontSize.value + 'px';
+    }
+    fontSize.addEventListener('change', updateSize, false);
+    testText.addEventListener('input', updateTest, false);
+    testText.addEventListener('change', updateTest, false);
+    updateSize();
+}());

src/assets/icons/meteocons/demo.html

@@ -0,0 +1,790 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>IcoMoon Demo</title>
+    <meta name="description" content="An Icon Font Generated By IcoMoon.io">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="demo-files/demo.css">
+    <link rel="stylesheet" href="style.css"></head>
+<body>
+    <div class="bgc1 clearfix">
+        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> meteocons <small class="fgc1">(Glyphs:&nbsp;47)</small></h1>
+    </div>
+    <div class="clearfix mhl ptl">
+        <h1 class="mvm mtn fgc1">Grid Size: 16</h1>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-sunrise">
+                
+                </span>
+                <span class="mls"> icon-sunrise</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e900" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe900;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-sun">
+                
+                </span>
+                <span class="mls"> icon-sun</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e901" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe901;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-moon">
+                
+                </span>
+                <span class="mls"> icon-moon</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e902" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe902;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-sun2">
+                
+                </span>
+                <span class="mls"> icon-sun2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e903" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe903;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-windy">
+                
+                </span>
+                <span class="mls"> icon-windy</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e904" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe904;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-wind">
+                
+                </span>
+                <span class="mls"> icon-wind</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e905" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe905;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-snowflake">
+                
+                </span>
+                <span class="mls"> icon-snowflake</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e906" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe906;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cloudy">
+                
+                </span>
+                <span class="mls"> icon-cloudy</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e907" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe907;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cloud">
+                
+                </span>
+                <span class="mls"> icon-cloud</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e908" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe908;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-weather">
+                
+                </span>
+                <span class="mls"> icon-weather</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e909" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe909;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-weather2">
+                
+                </span>
+                <span class="mls"> icon-weather2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-weather3">
+                
+                </span>
+                <span class="mls"> icon-weather3</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90b" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90b;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-lines">
+                
+                </span>
+                <span class="mls"> icon-lines</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90c;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cloud2">
+                
+                </span>
+                <span class="mls"> icon-cloud2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90d" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90d;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-lightning">
+                
+                </span>
+                <span class="mls"> icon-lightning</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90e;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-lightning2">
+                
+                </span>
+                <span class="mls"> icon-lightning2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90f" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90f;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-rainy">
+                
+                </span>
+                <span class="mls"> icon-rainy</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e910" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe910;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-rainy2">
+                
+                </span>
+                <span class="mls"> icon-rainy2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e911" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe911;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-windy2">
+                
+                </span>
+                <span class="mls"> icon-windy2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e912" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe912;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-windy3">
+                
+                </span>
+                <span class="mls"> icon-windy3</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e913" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe913;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-snowy">
+                
+                </span>
+                <span class="mls"> icon-snowy</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e914" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe914;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-snowy2">
+                
+                </span>
+                <span class="mls"> icon-snowy2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e915" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe915;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-snowy3">
+                
+                </span>
+                <span class="mls"> icon-snowy3</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e916" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe916;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-weather4">
+                
+                </span>
+                <span class="mls"> icon-weather4</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e917" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe917;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cloudy2">
+                
+                </span>
+                <span class="mls"> icon-cloudy2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e918" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe918;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cloud3">
+                
+                </span>
+                <span class="mls"> icon-cloud3</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e919" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe919;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-lightning3">
+                
+                </span>
+                <span class="mls"> icon-lightning3</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe91a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-sun3">
+                
+                </span>
+                <span class="mls"> icon-sun3</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91b" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe91b;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-moon2">
+                
+                </span>
+                <span class="mls"> icon-moon2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe91c;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cloudy3">
+                
+                </span>
+                <span class="mls"> icon-cloudy3</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91d" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe91d;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cloud4">
+                
+                </span>
+                <span class="mls"> icon-cloud4</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe91e;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cloud5">
+                
+                </span>
+                <span class="mls"> icon-cloud5</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91f" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe91f;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-lightning4">
+                
+                </span>
+                <span class="mls"> icon-lightning4</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e920" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe920;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-rainy3">
+                
+                </span>
+                <span class="mls"> icon-rainy3</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e921" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe921;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-rainy4">
+                
+                </span>
+                <span class="mls"> icon-rainy4</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e922" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe922;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-windy4">
+                
+                </span>
+                <span class="mls"> icon-windy4</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e923" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe923;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-windy5">
+                
+                </span>
+                <span class="mls"> icon-windy5</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e924" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe924;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-snowy4">
+                
+                </span>
+                <span class="mls"> icon-snowy4</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e925" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe925;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-snowy5">
+                
+                </span>
+                <span class="mls"> icon-snowy5</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e926" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe926;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-weather5">
+                
+                </span>
+                <span class="mls"> icon-weather5</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e927" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe927;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cloudy4">
+                
+                </span>
+                <span class="mls"> icon-cloudy4</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e928" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe928;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-lightning5">
+                
+                </span>
+                <span class="mls"> icon-lightning5</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e929" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe929;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-thermometer">
+                
+                </span>
+                <span class="mls"> icon-thermometer</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe92a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-compass">
+                
+                </span>
+                <span class="mls"> icon-compass</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92b" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe92b;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-none">
+                
+                </span>
+                <span class="mls"> icon-none</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe92c;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-Celsius">
+                
+                </span>
+                <span class="mls"> icon-Celsius</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92d" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe92d;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-Fahrenheit">
+                
+                </span>
+                <span class="mls"> icon-Fahrenheit</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe92e;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+    </div>
+
+    <!--[if gt IE 8]><!-->
+    <div class="mhl clearfix mbl">
+        <h1>Font Test Drive</h1>
+        <label>
+            Font Size: <input id="fontSize" type="number" class="textbox0 mbm"
+            min="8" value="48" />
+            px
+        </label>
+        <input id="testText" type="text" class="phl size1of1 mvl"
+        placeholder="Type some text to test..." value=""/>
+        <div id="testDrive" class="icon-">&nbsp;
+        </div>
+    </div>
+    <!--<![endif]-->
+    <div class="bgc1 clearfix">
+        <p class="mhl">Generated by <a href="https://icomoon.io/app">IcoMoon</a></p>
+    </div>
+
+    <script src="demo-files/demo.js"></script>
+</body>
+</html>

src/assets/icons/meteocons/fonts/meteocons.svg

@@ -0,0 +1,57 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="meteocons" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="1024" descent="0" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="0" d="" />
+<glyph unicode="&#xe900;" glyph-name="sunrise" d="M355.23 448c14.876 73.042 79.376 128 156.792 128 77.418 0 141.916-54.958 156.752-128h64c-15.668 108.25-108.168 192-220.752 192-112.542 0-205.082-83.75-220.75-192h63.958zM512.022 704c17.666 0 32 14.334 32 32v64c0 17.666-14.334 32-32 32-17.664 0-32-14.334-32-32v-64c0-17.666 14.336-32 32-32zM806.146 710.166c-12.498 12.5-32.748 12.5-45.25 0l-45.25-45.25c-12.498-12.5-12.498-32.75 0-45.25 12.502-12.5 32.752-12.5 45.25 0l45.25 45.25c12.5 12.5 12.5 32.75 0 45.25zM308.354 664.916l-45.25 45.25c-12.498 12.5-32.746 12.5-45.25 0-12.498-12.5-12.498-32.75 0-45.25l45.25-45.25c12.504-12.5 32.752-12.5 45.25 0 12.504 12.5 12.504 32.75 0 45.25zM704.022 384h-384c-17.664 0-32-14.334-32-32s14.336-32 32-32h384c17.666 0 32 14.334 32 32s-14.334 32-32 32zM640.022 256h-256c-17.664 0-32-14.334-32-32s14.336-32 32-32h256c17.666 0 32 14.334 32 32s-14.334 32-32 32z" />
+<glyph unicode="&#xe901;" glyph-name="sun" d="M512 736c-123.5 0-224-100.5-224-224s100.5-224 224-224 224 100.5 224 224c0 123.5-100.5 224-224 224zM512 352c-88.376 0-160 71.624-160 160s71.624 160 160 160 160-71.624 160-160-71.624-160-160-160zM512 800c17.666 0 32 14.334 32 32v64c0 17.666-14.334 32-32 32s-32-14.334-32-32v-64c0-17.666 14.334-32 32-32zM512 224c-17.666 0-32-14.334-32-32v-64c0-17.666 14.334-32 32-32s32 14.334 32 32v64c0 17.666-14.334 32-32 32zM760.876 715.666l45.25 45.25c12.5 12.5 12.5 32.75 0 45.25s-32.75 12.5-45.25 0l-45.25-45.25c-12.5-12.5-12.5-32.75 0-45.25 12.498-12.5 32.75-12.5 45.25 0zM263.124 308.332l-45.25-45.25c-12.5-12.498-12.5-32.748 0-45.248s32.75-12.5 45.25 0l45.25 45.248c12.5 12.542 12.5 32.752 0 45.25-12.498 12.502-32.75 12.544-45.25 0zM224 512c0 17.666-14.334 32-32 32h-64c-17.666 0-32-14.334-32-32s14.334-32 32-32h64c17.666 0 32 14.334 32 32zM896 544h-64c-17.666 0-32-14.334-32-32s14.334-32 32-32h64c17.666 0 32 14.334 32 32s-14.334 32-32 32zM263.082 715.666c12.502-12.5 32.752-12.5 45.25 0 12.502 12.5 12.502 32.75 0 45.25l-45.25 45.25c-12.5 12.5-32.748 12.5-45.25 0-12.5-12.5-12.5-32.75 0-45.25l45.25-45.25zM760.918 308.376c-12.542 12.5-32.752 12.5-45.25 0-12.502-12.5-12.542-32.75 0-45.25l45.25-45.25c12.498-12.5 32.748-12.5 45.248 0s12.5 32.748 0 45.25l-45.248 45.25z" />
+<glyph unicode="&#xe902;" glyph-name="moon" d="M699.704 337.7c-99.752-99.832-262.166-99.832-362 0-99.832 99.834-99.832 262.25 0 362.042 26.418 26.374 58.624 46.5 95.664 59.624 11.668 4.084 24.586 1.124 33.25-7.584 8.752-8.75 11.71-21.666 7.586-33.25-25.084-70.75-8-147.332 44.498-199.834 52.418-52.456 129.002-69.5 199.834-44.5 11.584 4.124 24.542 1.166 33.25-7.584 8.752-8.666 11.668-21.624 7.542-33.25-13.042-37.040-33.208-69.246-59.624-95.664zM382.954 654.492c-74.876-74.876-74.876-196.708 0-271.542 80-80.042 216.25-72.834 286 16.334-71.918-4.5-142.75 21.458-195.5 74.168-52.75 52.708-78.666 123.542-74.168 195.458-5.748-4.502-11.208-9.294-16.332-14.418z" />
+<glyph unicode="&#xe903;" glyph-name="sun2" d="M542 770c17.666 0 32 14.334 32 32v64c0 17.666-14.334 32-32 32s-32-14.334-32-32v-64c0-17.666 14.334-32 32-32zM542 194c-17.666 0-32-14.334-32-32v-64c0-17.666 14.334-32 32-32s32 14.334 32 32v64c0 17.666-14.334 32-32 32zM293.124 278.332l-45.25-45.25c-12.5-12.498-12.5-32.748 0-45.248s32.75-12.5 45.25 0l45.25 45.248c12.5 12.542 12.5 32.752 0 45.25-12.498 12.502-32.75 12.544-45.25 0zM254 482c0 17.666-14.334 32-32 32h-64c-17.666 0-32-14.334-32-32s14.334-32 32-32h64c17.666 0 32 14.334 32 32zM293.082 685.666c12.502-12.5 32.752-12.5 45.25 0 12.502 12.5 12.502 32.75 0 45.25l-45.25 45.25c-12.5 12.5-32.748 12.5-45.25 0-12.5-12.5-12.5-32.75 0-45.25l45.25-45.25zM670 706c-22.376 0-43.624-4.334-64-10.416-20.376 6.084-41.624 10.416-64 10.416-123.5 0-224-100.5-224-224s100.5-224 224-224c22.376 0 43.624 4.332 64 10.418 20.376-6.086 41.624-10.418 64-10.418 123.5 0 224 100.5 224 224s-100.5 224-224 224zM510.458 325.166c-73.292 14.666-128.458 79.252-128.458 156.834 0 77.584 55.166 142.166 128.458 156.834-39.79-40.458-64.458-95.75-64.458-156.834s24.668-116.376 64.458-156.834z" />
+<glyph unicode="&#xe904;" glyph-name="windy" d="M990 578h-163.25c-16.126 143.584-136.874 256-284.75 256-99.624 0-187.5-50.916-239.25-128h-208.75c-17.666 0-32-14.334-32-32s14.334-32 32-32h177.666c-7.248-20.416-11.958-41.792-14.416-64h-99.25c-17.666 0-32-14.334-32-32s14.334-32 32-32h99.25c2.458-22.168 7.168-43.624 14.416-64h-171.834c-20.914 0-37.832-14.334-37.832-32s16.918-32 37.832-32h202.918c51.75-77.124 139.624-128 239.25-128 99.624 0 187.5 50.876 239.248 128h74.92c20.914 0 37.832 14.334 37.832 32s-16.918 32-37.832 32h-43.834c7.248 20.376 11.916 41.832 14.416 64h163.25c17.666 0 32 14.334 32 32s-14.334 32-32 32zM340.458 642h201.542c17.666 0 32 14.334 32 32s-14.334 32-32 32h-156.292c40.418 39.458 95.458 64 156.292 64 112.582 0 205.084-83.75 220.75-192h-441.5c3.25 22.624 9.668 44.084 19.208 64zM542 322c-60.834 0-115.876 24.582-156.292 64h312.542c-40.374-39.418-95.416-64-156.25-64zM743.5 450h-403.042c-9.54 19.916-15.958 41.376-19.208 64h441.5c-3.25-22.624-9.668-44.084-19.25-64z" />
+<glyph unicode="&#xe905;" glyph-name="wind" d="M862 640c-53 0-96-43-96-96 0-11.292 2.334-21.916 5.876-32h-613.876c-17.666 0-32-14.334-32-32s14.334-32 32-32h704c53 0 96 43 96 96s-43 96-96 96zM158 576h384c53 0 96 43 96 96s-43 96-96 96-96-43-96-96c0-11.292 2.334-21.916 5.876-32h-293.876c-17.666 0-32-14.334-32-32s14.334-32 32-32zM670 384c-1.876 0-3.668-0.416-5.582-0.582-1.25 0.082-2.292 0.582-3.542 0.582h-493.708c-22.75 0-41.168-14.334-41.168-32s18.418-32 41.168-32h412.708c-3.542-10.084-5.876-20.752-5.876-32 0-53 43-96 96-96s96 43 96 96-43 96-96 96z" />
+<glyph unicode="&#xe906;" glyph-name="snowflake" d="M765.744 439.5l-65.25 37.668c2.084 11.332 3.5 22.916 3.5 34.832 0 11.958-1.416 23.584-3.584 34.916l65.25 37.708c30.666 17.75 41.084 56.876 23.458 87.376-17.708 30.624-56.75 41.124-87.376 23.5l-65.876-38.042c-17.624 15-37.708 26.834-59.876 34.708v75.834c0 35.334-28.624 64-64 64-35.332 0-64-28.666-64-64v-75.792c-22.166-7.876-42.25-19.71-59.874-34.708l-65.752 37.958c-30.624 17.666-69.792 7.208-87.498-23.416-17.626-30.584-7.124-69.708 23.498-87.376l65.126-37.626c-2.124-11.376-3.502-23.042-3.502-35.042 0-11.916 1.376-23.542 3.502-34.876l-65.168-37.624c-30.668-17.668-41.168-56.876-23.458-87.5 17.622-30.5 56.79-41 87.458-23.376l65.666 37.958c17.626-15 37.75-26.916 60-34.834v-75.746c0-35.376 28.668-64 64-64 35.376 0 64 28.624 64 64v75.834c22.25 7.916 42.376 19.75 59.916 34.79l65.834-37.998c30.624-17.624 69.752-7.124 87.376 23.376 17.714 30.622 7.256 69.748-23.37 87.498zM447.994 512c0 35.334 28.624 64 64 64 35.334 0 64-28.666 64-64 0-35.332-28.666-64-64-64-35.374 0-64 28.668-64 64z" />
+<glyph unicode="&#xe907;" glyph-name="cloudy" d="M416 896c17.666 0 32 14.334 32 32v64c0 17.666-14.334 32-32 32s-32-14.334-32-32v-64c0-17.666 14.334-32 32-32zM664.876 811.666l45.25 45.25c12.498 12.5 12.498 32.75 0 45.25-12.5 12.5-32.75 12.5-45.25 0l-45.25-45.25c-12.5-12.5-12.5-32.75 0-45.25 12.498-12.5 32.75-12.5 45.25 0zM32 576h64c17.666 0 32 14.334 32 32s-14.334 32-32 32h-64c-17.666 0-32-14.334-32-32s14.334-32 32-32zM704 608c0-17.666 14.334-32 32-32h64c17.666 0 32 14.334 32 32s-14.334 32-32 32h-64c-17.666 0-32-14.334-32-32zM167.082 811.666c12.502-12.5 32.752-12.5 45.25 0 12.502 12.5 12.502 32.75 0 45.25l-45.25 45.25c-12.5 12.5-32.748 12.5-45.25 0-12.5-12.5-12.5-32.75 0-45.25l45.25-45.25zM800 512c-10.624 0-21.124-0.75-31.584-2.25-33.542 45.75-78.248 80.666-128.916 103-2.582 121.25-101.624 219.25-223.5 219.25-123.5 0-224-100.5-224-224 0-34.876 8.668-67.5 23-96.876-119.25-4.874-215-102.748-215-223.124 0-123.5 100.5-224 224-224 27.376 0 54.168 5 79.418 14.666 57.914-50.5 131.582-78.666 208.582-78.666 77.084 0 150.666 28.166 208.582 78.666 25.25-9.666 52.042-14.666 79.418-14.666 123.5 0 224 100.5 224 224s-100.5 224-224 224zM416 768c79.624 0 145.124-58.334 157.416-134.5-20.042 4-40.498 6.5-61.416 6.5-91.876 0-177-39.624-236.75-106.5-11.874 22.334-19.25 47.416-19.25 74.5 0 88.376 71.624 160 160 160zM800 128c-34.25 0-65.832 11-91.876 29.334-46.956-56.584-116.876-93.334-196.124-93.334-79.25 0-149.168 36.75-196.124 93.334-26-18.334-57.626-29.334-91.876-29.334-88.376 0-160 71.624-160 160s71.624 160 160 160c15.5 0 30.124-2.916 44.25-7.082 5.624-1.584 11.334-2.834 16.624-5.042 8.75 17.124 19.75 32.792 31.958 47.5 46.752 56.248 116.292 92.624 195.168 92.624 20.25 0 39.668-2.916 58.5-7.418 21.124-4.998 41.084-12.582 59.668-22.582 46.582-24.75 84.832-63.084 108.914-110.126 18.794 7.75 39.336 12.126 60.918 12.126 88.376 0 160-71.624 160-160s-71.624-160-160-160z" />
+<glyph unicode="&#xe908;" glyph-name="cloud" d="M870.124 499.668c9.75 7.25 19.624 14.376 28.458 23.208 26.416 26.458 46.542 58.666 59.584 95.708 4.166 11.584 1.208 24.584-7.544 33.25-8.708 8.75-21.624 11.708-33.246 7.584-70.792-25-147.376-8-199.792 44.5-52.5 52.502-69.584 129.042-44.5 199.792 4.084 11.626 1.166 24.542-7.584 33.292-8.666 8.666-21.624 11.668-33.25 7.582-37.084-13.164-69.25-33.246-95.668-59.664-67.082-67-87.958-162-64.958-247.584-86.5-11.042-164.25-57-216.042-127.586-10.458 1.5-20.958 2.25-31.584 2.25-123.5 0-224-100.5-224-224.002 0-123.498 100.5-223.998 224-223.998 27.376 0 54.168 5 79.418 14.668 57.914-50.5 131.582-78.668 208.582-78.668 77.084 0 150.666 28.168 208.582 78.668 25.25-9.668 52.042-14.668 79.418-14.668 123.5 0 224 100.5 224 223.998 0.002 98.878-64.832 182.044-153.874 211.67zM581.832 839.668c5.084 5.166 10.542 9.958 16.292 14.458-4.5-71.958 21.458-142.75 74.208-195.458 52.752-52.75 123.542-78.666 195.502-74.208-27.584-35.168-65.584-57.042-106.252-66.376-54.75 69.5-135.208 113.25-223.916 120.374-24.542 67.918-10.166 146.876 44.166 201.21zM800 128c-34.25 0-65.832 11-91.876 29.334-46.958-56.584-116.876-93.334-196.124-93.334-79.25 0-149.168 36.75-196.124 93.334-26-18.334-57.624-29.334-91.876-29.334-88.376 0-160 71.624-160 159.998 0 88.376 71.624 160 160 160 21.624 0 42.124-4.376 60.876-12.124 40.376 78.71 119.5 133.792 212.624 139.086 4.876 0.29 9.624 1.042 14.5 1.042 25.832 0 50.624-4.042 74-11.166 31.582-9.668 60.376-25.416 85.376-45.708 23.876-19.376 43.876-43.124 59.624-69.792 2.666-4.5 5.668-8.75 8.082-13.458 18.792 7.75 39.336 12.124 60.918 12.124 88.376 0 160-71.624 160-160s-71.624-160.002-160-160.002z" />
+<glyph unicode="&#xe909;" glyph-name="weather" d="M512 834c17.666 0 32 14.334 32 32v64c0 17.666-14.334 32-32 32s-32-14.334-32-32v-64c0-17.666 14.334-32 32-32zM760.876 749.666l45.25 45.25c12.498 12.5 12.498 32.75 0 45.25-12.5 12.5-32.75 12.5-45.25 0l-45.25-45.25c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0zM128 514h64c17.666 0 32 14.334 32 32s-14.334 32-32 32h-64c-17.666 0-32-14.334-32-32s14.334-32 32-32zM800 546c0-17.666 14.334-32 32-32h64c17.666 0 32 14.334 32 32s-14.334 32-32 32h-64c-17.666 0-32-14.334-32-32zM263.082 749.666c12.502-12.5 32.752-12.5 45.25 0 12.502 12.5 12.502 32.75 0 45.25l-45.25 45.25c-12.5 12.5-32.748 12.5-45.25 0-12.5-12.5-12.5-32.75 0-45.25l45.25-45.25zM291.25 514h64c-2.124 10.334-3.25 21.042-3.25 32 0 88.376 71.624 160 160 160s160-71.624 160-160c0-10.958-1.124-21.666-3.25-32h64c1.584 10.542 3.25 21.042 3.25 32 0 123.5-100.5 224-224 224s-224-100.5-224-224c0-10.958 1.75-21.458 3.25-32zM896 450h-768c-17.666 0-32-14.334-32-32s14.334-32 32-32h768c17.666 0 32 14.334 32 32s-14.334 32-32 32zM896 322h-768c-17.666 0-32-14.334-32-32s14.334-32 32-32h768c17.666 0 32 14.334 32 32s-14.334 32-32 32zM896 194h-768c-17.666 0-32-14.334-32-32s14.334-32 32-32h768c17.666 0 32 14.334 32 32s-14.334 32-32 32z" />
+<glyph unicode="&#xe90a;" glyph-name="weather2" d="M128 385.998h768c17.666 0 32 14.334 32 32s-14.334 32-32 32h-768c-17.666 0-32-14.334-32-32s14.334-32 32-32zM896 321.998h-768c-17.666 0-32-14.334-32-32s14.334-32 32-32h768c17.666 0 32 14.334 32 32s-14.334 32-32 32zM896 193.998h-768c-17.666 0-32-14.334-32-32s14.334-32 32-32h768c17.666 0 32 14.334 32 32s-14.334 32-32 32zM410.084 514c-0.666 0.666-1.502 1.084-2.166 1.75-74.876 74.876-74.876 196.668 0 271.584 5.124 5.084 10.54 9.916 16.292 14.416-4.502-71.916 21.458-142.75 74.208-195.458 52.748-52.792 123.58-78.666 195.498-74.166-5.334-6.792-11.748-12.25-17.792-18.124h83.042c10.084 16.084 18.5 33.5 25.166 52.126 4.042 11.708 1.084 24.666-7.666 33.334-8.582 8.708-21.584 11.708-33.248 7.582-70.752-24.998-147.292-7.958-199.75 44.5-52.502 52.5-69.584 129.042-44.502 199.792 4.166 11.624 1.166 24.542-7.582 33.292-8.668 8.708-21.626 11.666-33.25 7.542-37.042-13.084-69.25-33.208-95.666-59.584-86.418-86.42-97.71-219.544-34.544-318.586h81.96z" />
+<glyph unicode="&#xe90b;" glyph-name="weather3" d="M67.208 512c-2.084 10.334-3.208 21.042-3.208 32 0 88.376 71.624 160 160 160 21.624 0 42.124-4.416 60.876-12.166 42.458 82.832 127.706 140.166 227.124 140.166s184.668-57.334 227.082-140.166c18.794 7.75 39.336 12.166 60.918 12.166 88.376 0 160-71.624 160-160 0-10.958-1.124-21.666-3.25-32h64c1.584 10.542 3.25 21.042 3.25 32 0 123.5-100.5 224-224 224-10.624 0-21.124-0.75-31.584-2.25-59.748 81.416-154.040 130.25-256.416 130.25s-196.624-48.834-256.416-130.25c-10.46 1.5-20.96 2.25-31.584 2.25-123.5 0-224-100.5-224-224 0-10.958 1.708-21.458 3.25-32h63.958zM992 448h-960c-17.666 0-32-14.334-32-32s14.334-32 32-32h960c17.666 0 32 14.334 32 32s-14.334 32-32 32zM992 320h-960c-17.666 0-32-14.334-32-32s14.334-32 32-32h960c17.666 0 32 14.334 32 32s-14.334 32-32 32zM992 192h-960c-17.666 0-32-14.334-32-32s14.334-32 32-32h960c17.666 0 32 14.334 32 32s-14.334 32-32 32z" />
+<glyph unicode="&#xe90c;" glyph-name="lines" d="M224 704h576c17.666 0 32 14.334 32 32s-14.334 32-32 32h-576c-17.666 0-32-14.334-32-32s14.334-32 32-32zM800 640h-576c-17.666 0-32-14.334-32-32s14.334-32 32-32h576c17.666 0 32 14.334 32 32s-14.334 32-32 32zM800 512h-576c-17.666 0-32-14.334-32-32s14.334-32 32-32h576c17.666 0 32 14.334 32 32s-14.334 32-32 32zM800 384h-576c-17.666 0-32-14.334-32-32s14.334-32 32-32h576c17.666 0 32 14.334 32 32s-14.334 32-32 32z" />
+<glyph unicode="&#xe90d;" glyph-name="cloud2" d="M800 704c-10.624 0-21.124-0.75-31.584-2.25-59.748 81.416-154.040 130.25-256.416 130.25s-196.624-48.834-256.416-130.25c-10.46 1.5-20.96 2.25-31.584 2.25-123.5 0-224-100.5-224-224s100.5-224 224-224c27.376 0 54.168 5 79.418 14.666 57.914-50.5 131.582-78.666 208.582-78.666 77.084 0 150.666 28.166 208.582 78.666 25.25-9.666 52.042-14.666 79.418-14.666 123.5 0 224 100.5 224 224s-100.5 224-224 224zM800 320c-34.25 0-65.832 11-91.876 29.334-46.956-56.582-116.876-93.334-196.124-93.334-79.25 0-149.168 36.752-196.124 93.334-26-18.334-57.626-29.334-91.876-29.334-88.376 0-160 71.624-160 160s71.624 160 160 160c21.624 0 42.124-4.416 60.876-12.166 42.458 82.832 127.706 140.166 227.124 140.166s184.668-57.334 227.082-140.166c18.794 7.75 39.336 12.166 60.918 12.166 88.376 0 160-71.624 160-160s-71.624-160-160-160z" />
+<glyph unicode="&#xe90e;" glyph-name="lightning" d="M800 896c-10.624 0-21.124-0.75-31.584-2.25-59.748 81.416-154.040 130.25-256.416 130.25s-196.624-48.834-256.416-130.25c-10.46 1.5-20.96 2.25-31.584 2.25-123.5 0-224-100.5-224-224s100.5-224 224-224c27.376 0 54.168 5 79.418 14.666 43.082-37.542 94.832-62.582 150.208-73.042l-69.626-69.624 64-64-64-192 192 192-64 64 22 65.998c68.916 4.876 134.25 31.086 186.582 76.668 25.25-9.666 52.042-14.666 79.418-14.666 123.5 0 224 100.5 224 224s-100.5 224-224 224zM800 512c-34.25 0-65.832 11-91.876 29.334-37.876-45.666-91.124-77.25-151.75-88.208l-44.374-5.126c-79.25 0-149.168 36.75-196.124 93.334-26-18.334-57.626-29.334-91.876-29.334-88.376 0-160 71.624-160 160s71.624 160 160 160c21.624 0 42.124-4.416 60.876-12.166 42.458 82.832 127.706 140.166 227.124 140.166s184.668-57.334 227.082-140.166c18.794 7.75 39.336 12.166 60.918 12.166 88.376 0 160-71.624 160-160s-71.624-160-160-160z" />
+<glyph unicode="&#xe90f;" glyph-name="lightning2" d="M800 896c-10.624 0-21.124-0.75-31.584-2.25-59.748 81.416-154.040 130.25-256.416 130.25s-196.624-48.834-256.416-130.25c-10.46 1.5-20.96 2.25-31.584 2.25-123.5 0-224-100.5-224-224s100.5-224 224-224c27.376 0 54.168 5 79.418 14.666 24.582-21.416 52.5-37.916 81.832-50.832l49.832 49.748c-46.916 15.252-88.332 42.542-119.208 79.752-25.998-18.334-57.624-29.334-91.874-29.334-88.376 0-160 71.624-160 160s71.624 160 160 160c21.624 0 42.124-4.416 60.876-12.166 42.458 82.832 127.706 140.166 227.124 140.166s184.668-57.334 227.082-140.166c18.794 7.75 39.336 12.166 60.918 12.166 88.376 0 160-71.624 160-160s-71.624-160-160-160c-34.25 0-65.832 11-91.876 29.334-20.75-25.042-46.624-45.334-75.25-61.168l-26.874-80.666c41.75 13.124 81 33.876 114.582 63.166 25.25-9.666 52.042-14.666 79.418-14.666 123.5 0 224 100.5 224 224s-100.5 224-224 224zM384 320l64-64-64-192 192 192-64 64 64 192-192-192z" />
+<glyph unicode="&#xe910;" glyph-name="rainy" d="M800 832c-10.624 0-21.124-0.75-31.584-2.25-59.748 81.416-154.040 130.25-256.416 130.25s-196.624-48.834-256.416-130.25c-10.46 1.5-20.96 2.25-31.584 2.25-123.5 0-224-100.5-224-224s100.5-224 224-224c27.376 0 54.168 5 79.418 14.666 57.914-50.5 131.582-78.666 208.582-78.666 77.084 0 150.666 28.166 208.582 78.666 25.25-9.666 52.042-14.666 79.418-14.666 123.5 0 224 100.5 224 224s-100.5 224-224 224zM800 448c-34.25 0-65.832 11-91.876 29.334-46.956-56.584-116.876-93.334-196.124-93.334-79.25 0-149.168 36.75-196.124 93.334-26-18.334-57.626-29.334-91.876-29.334-88.376 0-160 71.624-160 160s71.624 160 160 160c21.624 0 42.124-4.416 60.876-12.166 42.458 82.832 127.706 140.166 227.124 140.166s184.668-57.334 227.082-140.166c18.794 7.75 39.336 12.166 60.918 12.166 88.376 0 160-71.624 160-160s-71.624-160-160-160zM448 128c0-35.376 28.624-64 64-64s64 28.624 64 64-64 128-64 128-64-92.624-64-128z" />
+<glyph unicode="&#xe911;" glyph-name="rainy2" d="M800 896c-10.624 0-21.124-0.75-31.584-2.25-59.748 81.416-154.040 130.25-256.416 130.25s-196.624-48.834-256.416-130.25c-10.46 1.5-20.96 2.25-31.584 2.25-123.5 0-224-100.5-224-224s100.5-224 224-224c27.376 0 54.168 5 79.418 14.666 57.914-50.5 131.582-78.666 208.582-78.666 77.084 0 150.666 28.166 208.582 78.666 25.25-9.666 52.042-14.666 79.418-14.666 123.5 0 224 100.5 224 224s-100.5 224-224 224zM800 512c-34.25 0-65.832 11-91.876 29.334-46.956-56.584-116.876-93.334-196.124-93.334-79.25 0-149.168 36.75-196.124 93.334-26-18.334-57.626-29.334-91.876-29.334-88.376 0-160 71.624-160 160s71.624 160 160 160c21.624 0 42.124-4.416 60.876-12.166 42.458 82.832 127.706 140.166 227.124 140.166s184.668-57.334 227.082-140.166c18.794 7.75 39.336 12.166 60.918 12.166 88.376 0 160-71.624 160-160s-71.624-160-160-160zM450 64c0-35.376 28.624-64 64-64s64 28.624 64 64-64 128-64 128-64-92.624-64-128zM704 128c0-35.376 28.624-64 64-64s64 28.624 64 64-64 128-64 128-64-92.624-64-128zM192 256c0-35.376 28.624-64 64-64s64 28.624 64 64-64 128-64 128-64-92.624-64-128z" />
+<glyph unicode="&#xe912;" glyph-name="windy2" d="M834.084 691.834c-47.958 49.084-114.25 77.542-183.46 77.542-69.124 0-135.376-28.458-183.33-77.542-105.626-4.918-190.042-92.376-190.042-199.168 0-109.916 89.418-199.332 199.376-199.332 11.668 0 23.208 1 34.542 2.998 41.458-27.082 89.834-41.708 139.458-41.708 49.708 0 98.126 14.626 139.544 41.708 11.414-1.998 22.916-2.998 34.582-2.998 109.874 0 199.25 89.416 199.25 199.332-0.004 106.792-84.38 194.25-189.92 199.168zM824.75 357.334c-16.624 0-32.75 2.998-48 8.834-35-30.5-79.5-47.544-126.126-47.544-46.498 0-90.998 17.044-125.998 47.544-15.25-5.836-31.5-8.834-48-8.834-74.624 0-135.376 60.75-135.376 135.332 0 74.626 60.75 135.376 135.376 135.376 6.376 0 12.75-0.458 19.042-1.376 36.208 49.166 93.082 78.708 154.956 78.708 61.876 0 118.876-29.542 155.002-78.708 6.25 0.916 12.624 1.376 19.124 1.376 74.624 0 135.25-60.75 135.25-135.376 0-74.582-60.624-135.332-135.25-135.332zM288 320h-256c-17.666 0-32-14.334-32-32s14.334-32 32-32h256c17.666 0 32 14.334 32 32s-14.334 32-32 32zM32 384h128c17.666 0 32 14.334 32 32s-14.334 32-32 32h-128c-17.666 0-32-14.334-32-32s14.334-32 32-32zM96 512h128c17.666 0 32 14.334 32 32s-14.334 32-32 32h-128c-17.666 0-32-14.334-32-32s14.334-32 32-32z" />
+<glyph unicode="&#xe913;" glyph-name="windy3" d="M834.084 882.416c-47.96 49.126-114.25 77.584-183.46 77.584-69.124 0-135.376-28.458-183.33-77.584-105.626-4.876-190.042-92.334-190.042-199.084 0-109.956 89.418-199.416 199.376-199.416 11.668 0 23.208 1.002 34.542 3 41.458-27.042 89.834-41.666 139.458-41.666 49.708 0 98.126 14.624 139.544 41.666 11.414-1.998 22.916-3 34.582-3 109.876 0 199.25 89.46 199.25 199.416-0.004 106.752-84.38 194.252-189.92 199.084zM824.75 547.916c-16.624 0-32.75 3-48 8.916-35-30.5-79.5-47.584-126.126-47.584-46.498 0-90.998 17.084-125.998 47.584-15.25-5.918-31.5-8.916-48-8.916-74.624 0-135.376 60.75-135.376 135.416 0 74.584 60.75 135.334 135.376 135.334 6.376 0 12.75-0.5 19.042-1.376 36.208 49.168 93.082 78.71 154.956 78.71 61.876 0 118.876-29.542 155.002-78.708 6.25 0.876 12.624 1.376 19.124 1.376 74.624 0 135.25-60.75 135.25-135.334 0-74.668-60.624-135.418-135.25-135.418zM288 510.624h-256c-17.666 0-32-14.292-32-32 0-17.706 14.334-32 32-32h256c17.666 0 32 14.294 32 32 0 17.708-14.334 32-32 32zM32 574.624h128c17.666 0 32 14.292 32 32s-14.334 32-32 32h-128c-17.666 0-32-14.292-32-32s14.334-32 32-32zM96 702.624h128c17.666 0 32 14.292 32 32s-14.334 32-32 32h-128c-17.666 0-32-14.292-32-32s14.334-32 32-32zM448 256c0-35.376 28.624-64 64-64s64 28.624 64 64-64 128-64 128-64-92.624-64-128zM704 128c0-35.376 28.624-64 64-64s64 28.624 64 64-64 128-64 128-64-92.624-64-128z" />
+<glyph unicode="&#xe914;" glyph-name="snowy" d="M652.084 136.624l-36 20.752c1.084 6.248 1.916 12.622 1.916 19.248 0 6.624-0.832 13-2 19.25l36.084 20.792c16.834 9.834 22.582 31.458 12.916 48.208-9.752 16.958-31.334 22.75-48.25 13l-36.376-21c-9.752 8.292-20.75 14.792-33 19.208v41.792c0 19.542-15.876 35.376-35.376 35.376s-35.332-15.834-35.332-35.376v-41.75c-12.252-4.376-23.292-10.958-33.042-19.25l-36.292 21c-16.958 9.75-38.584 4-48.334-12.958-9.75-16.834-3.876-38.5 13-48.252l35.918-20.75c-1.168-6.292-1.918-12.668-1.918-19.292 0-6.626 0.75-13 1.918-19.248l-35.916-20.75c-16.918-9.75-22.75-31.5-13-48.376s31.376-22.624 48.25-12.876l36.334 20.876c9.748-8.25 20.792-14.75 33.084-19.124v-41.876c0-19.498 15.832-35.248 35.332-35.248s35.376 15.75 35.376 35.248v41.876c12.25 4.376 23.376 10.876 33.042 19.25l36.334-21c16.916-9.75 38.498-4 48.25 12.876 9.748 16.874 3.998 38.5-12.918 48.374zM512 141.25c-19.5 0-35.376 15.876-35.376 35.376s15.876 35.292 35.376 35.292 35.334-15.792 35.334-35.292-15.834-35.376-35.334-35.376zM800 896c-10.624 0-21.124-0.75-31.584-2.25-59.748 81.416-154.040 130.25-256.416 130.25s-196.624-48.834-256.416-130.25c-10.46 1.5-20.96 2.25-31.584 2.25-123.5 0-224-100.5-224-224s100.5-224 224-224c27.376 0 54.168 5 79.418 14.666 57.914-50.5 131.582-78.666 208.582-78.666 77.084 0 150.666 28.166 208.582 78.666 25.25-9.666 52.042-14.666 79.418-14.666 123.5 0 224 100.5 224 224s-100.5 224-224 224zM800 512c-34.25 0-65.832 11-91.876 29.334-46.956-56.584-116.876-93.334-196.124-93.334-79.25 0-149.168 36.75-196.124 93.334-26-18.334-57.626-29.334-91.876-29.334-88.376 0-160 71.624-160 160s71.624 160 160 160c21.624 0 42.124-4.416 60.876-12.166 42.458 82.832 127.706 140.166 227.124 140.166s184.668-57.334 227.082-140.166c18.794 7.75 39.336 12.166 60.918 12.166 88.376 0 160-71.624 160-160s-71.624-160-160-160z" />
+<glyph unicode="&#xe915;" glyph-name="snowy2" d="M652.084 328.624l-36 20.75c1.084 6.25 1.916 12.624 1.916 19.25 0 6.624-0.832 13-2 19.25l36.084 20.792c16.834 9.834 22.582 31.458 12.916 48.208-9.752 16.958-31.334 22.75-48.25 13l-36.376-21c-9.754 8.292-20.75 14.792-33 19.208v41.792c0 19.542-15.876 35.376-35.376 35.376s-35.332-15.834-35.332-35.376v-41.75c-12.252-4.376-23.292-10.958-33.042-19.25l-36.292 21c-16.958 9.75-38.584 4-48.334-12.958-9.75-16.834-3.876-38.5 13-48.252l35.918-20.75c-1.168-6.292-1.918-12.668-1.918-19.292s0.75-13 1.918-19.246l-35.916-20.752c-16.918-9.75-22.75-31.5-13-48.376s31.376-22.624 48.25-12.876l36.334 20.876c9.748-8.25 20.792-14.75 33.084-19.124v-41.876c0-19.498 15.832-35.248 35.332-35.248s35.376 15.75 35.376 35.248v41.876c12.25 4.376 23.376 10.876 33.042 19.25l36.334-21c16.916-9.75 38.498-4 48.25 12.876 9.748 16.874 3.998 38.5-12.918 48.374zM512 333.25c-19.5 0-35.376 15.876-35.376 35.376s15.876 35.292 35.376 35.292 35.334-15.792 35.334-35.292-15.834-35.376-35.334-35.376zM800 896c-10.624 0-21.124-0.75-31.584-2.25-59.748 81.416-154.040 130.25-256.416 130.25s-196.624-48.834-256.416-130.25c-10.46 1.5-20.96 2.25-31.584 2.25-123.5 0-224-100.5-224-224s100.5-224 224-224c23.624 0 46.668 4.416 68.876 11.668 2.124 10.164 5.458 20.082 10.75 29.29 7.876 13.708 19.124 24.624 32 33.004-6.624 6.458-13.876 12.208-19.75 19.376-26-18.338-57.626-29.338-91.876-29.338-88.376 0-160 71.624-160 160s71.624 160 160 160c21.624 0 42.124-4.416 60.876-12.166 42.458 82.832 127.706 140.166 227.124 140.166s184.668-57.334 227.082-140.166c18.794 7.75 39.336 12.166 60.918 12.166 88.376 0 160-71.624 160-160s-71.624-160-160-160c-34.25 0-65.832 11-91.876 29.334-5.876-7.166-13.208-12.918-19.792-19.376 12.918-8.414 24.25-19.376 32.084-33.124 5.416-9.292 8.708-19.168 10.832-29.166 22.128-7.252 45.128-11.668 68.752-11.668 123.5 0 224 100.5 224 224s-100.5 224-224 224z" />
+<glyph unicode="&#xe916;" glyph-name="snowy3" d="M652.084 136.624l-36 20.752c1.084 6.248 1.916 12.622 1.916 19.248 0 6.624-0.832 13-2 19.25l36.084 20.792c16.834 9.834 22.582 31.458 12.916 48.208-9.752 16.958-31.334 22.75-48.25 13l-36.376-21c-9.752 8.292-20.75 14.792-33 19.208v41.792c0 19.542-15.876 35.376-35.376 35.376s-35.332-15.834-35.332-35.376v-41.75c-12.252-4.376-23.292-10.958-33.042-19.25l-36.292 21c-16.958 9.75-38.584 4-48.334-12.958-9.75-16.834-3.876-38.5 13-48.252l35.918-20.75c-1.168-6.292-1.918-12.668-1.918-19.292 0-6.626 0.75-13 1.918-19.248l-35.916-20.75c-16.918-9.75-22.75-31.5-13-48.376s31.376-22.624 48.25-12.876l36.334 20.876c9.748-8.25 20.792-14.75 33.084-19.124v-41.876c0-19.498 15.832-35.248 35.332-35.248s35.376 15.75 35.376 35.248v41.876c12.25 4.376 23.376 10.876 33.042 19.25l36.334-21c16.916-9.75 38.498-4 48.25 12.876 9.748 16.874 3.998 38.5-12.918 48.374zM512 141.25c-19.5 0-35.376 15.876-35.376 35.376s15.876 35.292 35.376 35.292 35.334-15.792 35.334-35.292-15.834-35.376-35.334-35.376zM948.332 231.5l-24.166 6.416c-0.582 7.666-2.416 14.958-5.792 21.958l17.542 17.542c8.25 8.25 8.208 21.584 0 29.708-8.166 8.208-21.416 8.25-29.666 0l-17.582-17.5c-6.918 3.25-14.292 5.124-21.918 5.75l-6.418 24.124c-2.998 11.166-14.5 17.876-25.748 14.876-11.208-3.042-17.75-14.542-14.834-25.75l6.418-23.792c-3.168-2.168-6.168-4.584-9-7.334-2.75-2.834-5.084-5.832-7.252-8.918l-23.792 6.418c-11.208 2.998-22.792-3.752-25.792-14.876-2.998-11.25 3.752-22.708 14.834-25.75l24-6.458c0.668-7.542 2.584-14.916 5.958-21.918l-17.624-17.624c-8.166-8.208-8.124-21.458 0.084-29.624 8.166-8.166 21.416-8.25 29.584-0.084l17.664 17.666c6.918-3.414 14.336-5.332 22.002-5.914l6.332-24.042c3.084-11.208 14.5-17.876 25.752-14.876 11.166 3 17.914 14.498 14.916 25.834l-6.418 23.792c3 2.124 6.084 4.5 8.918 7.25 2.75 2.792 5.084 5.876 7.248 8.958l23.834-6.418c11.208-3 22.75 3.708 25.708 14.834 3 11.17-3.624 22.668-14.792 25.752zM876.624 218.124c-8.25-8.25-21.542-8.208-29.75 0-8.124 8.124-8.208 21.458 0 29.708 8.208 8.166 21.542 8.166 29.75 0 8.126-8.208 8.126-21.582 0-29.708zM237.876 339l-23.75-6.376c-2.208 3-4.5 6.042-7.292 8.876-2.832 2.75-5.832 5.124-8.958 7.25l6.376 23.876c3 11.208-3.668 22.75-14.75 25.708-11.25 3-22.75-3.668-25.75-14.834l-6.5-24.124c-7.624-0.624-14.916-2.5-21.876-5.792l-17.624 17.542c-8.25 8.25-21.5 8.208-29.668 0-8.208-8.208-8.208-21.5 0-29.708l17.542-17.542c-3.292-7-5.208-14.376-5.792-21.958l-24.084-6.416c-11.25-3.084-17.918-14.5-14.916-25.75 3.042-11.166 14.542-17.75 25.792-14.834l23.75 6.46c2.124-3.208 4.5-6.21 7.376-9.002 2.75-2.75 5.75-5.208 8.876-7.25l-6.376-23.792c-3-11.25 3.668-22.834 14.832-25.834 11.252-3 22.668 3.666 25.668 14.876l6.5 24c7.624 0.624 15 2.542 22 5.876l17.582-17.584c8.168-8.248 21.418-8.082 29.668 0.084 8.124 8.124 8.25 21.416 0 29.624l-17.624 17.624c3.376 6.92 5.376 14.376 5.876 22.002l24.124 6.376c11.124 3.042 17.792 14.5 14.792 25.75-3.002 11.12-14.502 17.788-25.794 14.872zM177.124 282.084c-8.208-8.208-21.5-8.208-29.75 0-8.124 8.166-8.124 21.542 0 29.666 8.25 8.166 21.542 8.166 29.75 0s8.126-21.5 0-29.666zM1024 672c0 123.5-100.5 224-224 224-10.624 0-21.124-0.75-31.584-2.25-59.748 81.416-154.040 130.25-256.416 130.25s-196.624-48.834-256.416-130.25c-10.46 1.5-20.96 2.25-31.584 2.25-123.5 0-224-100.5-224-224s100.5-224 224-224c27.376 0 54.168 5 79.418 14.666 57.914-50.5 131.582-78.666 208.582-78.666 77.084 0 150.666 28.166 208.582 78.666 25.25-9.666 52.042-14.666 79.418-14.666 123.5 0 224 100.5 224 224zM708.124 541.334c-46.956-56.584-116.876-93.334-196.124-93.334-79.25 0-149.168 36.75-196.124 93.334-26-18.334-57.626-29.334-91.876-29.334-88.376 0-160 71.624-160 160s71.624 160 160 160c21.624 0 42.124-4.416 60.876-12.166 42.458 82.832 127.706 140.166 227.124 140.166s184.668-57.334 227.082-140.166c18.794 7.75 39.336 12.166 60.918 12.166 88.376 0 160-71.624 160-160s-71.624-160-160-160c-34.25 0-65.832 11-91.876 29.334z" />
+<glyph unicode="&#xe917;" glyph-name="weather4" d="M800 896c-10.624 0-21.124-0.75-31.584-2.25-59.748 81.416-154.040 130.25-256.416 130.25s-196.624-48.834-256.416-130.25c-10.46 1.5-20.96 2.25-31.584 2.25-123.5 0-224-100.5-224-224s100.5-224 224-224c27.376 0 54.168 5 79.418 14.666 57.914-50.5 131.582-78.666 208.582-78.666 77.084 0 150.666 28.166 208.582 78.666 25.25-9.666 52.042-14.666 79.418-14.666 123.5 0 224 100.5 224 224s-100.5 224-224 224zM800 512c-19.418 0-38.418 3.5-56.5 10.416l-36 13.834-29-25.334c-46.5-40.582-105.624-62.916-166.5-62.916s-120 22.334-166.5 62.916l-29 25.334-36-13.834c-18-6.916-37.082-10.416-56.5-10.416-88.25 0-160 71.792-160 160s71.75 160 160 160c7.584 0 15-0.542 22.5-1.584l37.916-5.5 22.708 30.916c48.626 66.21 123.294 104.168 204.876 104.168 81.624 0 156.25-37.916 204.834-104.126l22.75-30.958 37.998 5.5c7.418 1.042 14.834 1.584 22.418 1.584 88.25 0 160-71.792 160-160s-71.75-160-160-160zM192 384c-35.376 0-64-28.624-64-64s28.624-64 64-64 64 28.624 64 64-28.624 64-64 64zM512 320c-35.376 0-64-28.624-64-64s28.624-64 64-64 64 28.624 64 64-28.624 64-64 64zM832 384c-35.376 0-64-28.624-64-64s28.624-64 64-64 64 28.624 64 64-28.624 64-64 64zM704 128c-35.376 0-64-28.624-64-64s28.624-64 64-64 64 28.624 64 64-28.624 64-64 64zM320 128c-35.376 0-64-28.624-64-64s28.624-64 64-64 64 28.624 64 64-28.624 64-64 64z" />
+<glyph unicode="&#xe918;" glyph-name="cloudy2" d="M1024 543.998c0 98.334-80 178.292-178.334 178.292-4.792 0-9.542-0.208-14.292-0.582-46.25 57.708-115.958 91.956-191.376 91.956-75.376 0-145.124-34.248-191.376-91.958-4.75 0.376-9.542 0.582-14.376 0.582-98.246 0.002-178.246-79.956-178.246-178.29 0-10.292 1.376-20.208 3-30.084-1.084-1.416-2.376-2.708-3.416-4.166-10.458 1.5-20.958 2.25-31.584 2.25-123.5 0-224-100.498-224-223.998 0-123.502 100.5-224 224-224 27.376 0 54.168 5 79.418 14.666 57.914-50.5 131.582-78.666 208.582-78.666 77.084 0 150.666 28.166 208.582 78.666 25.25-9.666 52.042-14.666 79.418-14.666 123.5 0 224 100.498 224 224 0 51.376-18.084 98.166-47.332 135.998 29.164 31.792 47.332 73.666 47.332 120zM800 128c-34.25 0-65.832 10.998-91.876 29.332-46.958-56.582-116.876-93.332-196.124-93.332-79.25 0-149.168 36.75-196.124 93.332-26-18.334-57.624-29.332-91.876-29.332-88.376 0-160 71.624-160 160s71.624 159.998 160 159.998c21.624 0 42.124-4.376 60.876-12.124 1.124 2.124 2.5 4 3.624 6.042 11.25 20.542 25.124 39.376 41.332 56.084 46.168 47.832 110.334 78 182.168 78 99.418 0 184.668-57.332 227.082-140.124 11.292 4.624 23.336 7.626 35.75 9.624l25.168 2.5c24.668 0 47.75-6.084 68.624-16 22.624-10.832 42.042-26.748 57.292-46.376 21-27.042 34.084-60.708 34.084-97.624 0-88.376-71.624-160-160-160zM931.124 468.75c-36.958 26.916-82 43.248-131.124 43.248-10.624 0-21.124-0.75-31.584-2.25-59.748 81.416-154.042 130.25-256.416 130.25-68.25 0-132.624-22.084-185.876-60.668 14.958 45.708 57.458 78.958 108.124 78.958 15.5 0 30.124-3.124 43.5-8.664 30.376 59.124 91.25 100.040 162.25 100.040s131.916-40.914 162.168-100.040c13.458 5.54 28.166 8.664 43.498 8.664 63.168 0 114.334-51.166 114.334-114.292 0.002-28.956-11.122-55.080-28.874-75.246z" />
+<glyph unicode="&#xe919;" glyph-name="cloud3" d="M1024 754.334c0 98.292-80 178.248-178.334 178.248-4.792 0-9.542-0.166-14.292-0.54-46.25 57.666-115.956 91.958-191.374 91.958-75.376 0-145.124-34.292-191.376-91.958-4.75 0.374-9.542 0.54-14.376 0.54-98.248 0-178.248-79.958-178.248-178.248 0-10.292 1.376-20.25 3-30.084-1.084-1.416-2.376-2.708-3.416-4.166-10.458 1.5-20.958 2.25-31.584 2.25-123.5 0-224-100.5-224-224 0-123.502 100.5-224 224-224 27.376 0 54.168 4.998 79.418 14.666 36.708-32 80.208-53.876 126.414-66.416l-45.832-30.584 64-64-64-128 192 128-64 64 9.624 19.166c73.5 2.25 143.5 29.458 198.958 77.834 25.25-9.668 52.042-14.666 79.418-14.666 123.5 0 224 100.498 224 224 0 51.332-18.084 98.166-47.332 136 29.164 31.75 47.332 73.624 47.332 120zM800 338.334c-34.25 0-65.832 11-91.876 29.292-38-45.792-91.5-77.458-152.458-88.25l-47.542-4.624c-77.624 1.248-146.124 37.248-192.248 92.872-26-18.292-57.624-29.292-91.876-29.292-88.376 0-160 71.582-160 160 0 88.334 71.624 160 160 160 21.624 0 42.124-4.418 60.876-12.166 1.124 2.166 2.5 4 3.624 6.084 11.25 20.542 25.124 39.334 41.332 56.084 46.168 47.792 110.334 78 182.168 78 99.418 0 184.668-57.334 227.082-140.166 11.292 4.666 23.336 7.666 35.75 9.666l25.168 2.5c24.668 0 47.75-6.084 68.624-16 22.624-10.834 42.042-26.75 57.292-46.416 21-27.042 34.084-60.668 34.084-97.584 0-88.418-71.624-160-160-160zM931.124 679.084c-36.958 26.876-82 43.25-131.124 43.25-10.624 0-21.124-0.75-31.584-2.25-59.748 81.374-154.040 130.25-256.416 130.25-68.25 0-132.624-22.124-185.876-60.708 14.958 45.706 57.458 78.956 108.124 78.956 15.5 0 30.124-3.124 43.5-8.666 30.376 59.168 91.252 100.084 162.252 100.084s131.916-40.916 162.168-100.084c13.458 5.542 28.166 8.666 43.498 8.666 63.168 0 114.334-51.166 114.334-114.248 0-29-11.124-55.126-28.876-75.25z" />
+<glyph unicode="&#xe91a;" glyph-name="lightning3" d="M384 256l64-64-64-192 192 192-64 64 64 128-192-128zM1024 754.334c0 98.292-80 178.248-178.334 178.248-4.792 0-9.542-0.166-14.292-0.54-46.25 57.666-115.956 91.958-191.374 91.958-75.376 0-145.124-34.292-191.376-91.958-4.75 0.374-9.542 0.54-14.376 0.54-98.248 0-178.248-79.958-178.248-178.248 0-10.292 1.376-20.25 3-30.084-1.084-1.416-2.376-2.708-3.416-4.166-10.458 1.5-20.958 2.25-31.584 2.25-123.5 0-224-100.5-224-224 0-123.502 100.5-224 224-224 27.376 0 54.168 4.998 79.418 14.666 2.208-1.918 4.832-3.25 7.082-5.124l56.624 37.75c-18.876 13.376-36.5 28.25-51.25 46-26-18.292-57.624-29.292-91.876-29.292-88.376 0-160 71.582-160 160 0 88.334 71.624 160 160 160 21.624 0 42.124-4.418 60.876-12.166 1.124 2.166 2.5 4 3.624 6.084 11.25 20.542 25.124 39.334 41.332 56.084 46.168 47.792 110.334 78 182.168 78 99.418 0 184.668-57.334 227.082-140.166 11.292 4.666 23.336 7.666 35.75 9.666l25.168 2.5c24.668 0 47.75-6.084 68.624-16 22.624-10.834 42.042-26.75 57.292-46.416 21-27.042 34.084-60.668 34.084-97.584 0-88.418-71.624-160-160-160-34.25 0-65.832 11-91.876 29.292-28-33.75-64.876-59.124-106.292-75.124l-11.958-23.876 36.5-36.5c34.124 13.292 66.042 32.376 94.208 56.876 25.25-9.668 52.042-14.666 79.418-14.666 123.5 0 224 100.498 224 224 0 51.332-18.084 98.166-47.332 136 29.166 31.746 47.334 73.62 47.334 119.996zM931.124 679.084c-36.958 26.876-82 43.25-131.124 43.25-10.624 0-21.124-0.75-31.584-2.25-59.748 81.374-154.040 130.25-256.416 130.25-68.25 0-132.624-22.124-185.876-60.708 14.958 45.706 57.458 78.956 108.124 78.956 15.5 0 30.124-3.124 43.5-8.666 30.376 59.168 91.252 100.084 162.252 100.084s131.916-40.916 162.168-100.084c13.458 5.542 28.166 8.666 43.498 8.666 63.168 0 114.334-51.166 114.334-114.248 0-29-11.124-55.126-28.876-75.25z" />
+<glyph unicode="&#xe91b;" glyph-name="sun3" d="M512 736c-123.5 0-224-100.5-224-224 0-123.498 100.5-224 224-224s224 100.502 224 224c0 123.5-100.5 224-224 224zM512 800c17.666 0 32 14.292 32 32v64c0 17.666-14.334 32-32 32-17.708 0-32-14.334-32-32v-64c0-17.708 14.292-32 32-32zM512 224c-17.708 0-32-14.334-32-32v-64c0-17.708 14.292-32 32-32 17.666 0 32 14.292 32 32v64c0 17.666-14.334 32-32 32zM760.834 715.666l45.25 45.25c12.5 12.5 12.5 32.75 0 45.25-12.502 12.5-32.75 12.5-45.25 0l-45.25-45.25c-12.502-12.5-12.502-32.75 0-45.25 12.5-12.498 32.748-12.498 45.25 0zM263.082 308.292l-45.246-45.25c-12.504-12.5-12.504-32.752 0-45.25 12.498-12.5 32.746-12.5 45.246 0l45.25 45.25c12.502 12.582 12.502 32.75 0 45.25-12.498 12.5-32.748 12.584-45.25 0zM224 512c0 17.666-14.334 32-32 32h-64c-17.708 0-32-14.334-32-32 0-17.708 14.292-32 32-32h64c17.666 0 32 14.292 32 32zM896 544h-64c-17.708 0-32-14.334-32-32 0-17.708 14.292-32 32-32h64c17.666 0 32 14.292 32 32 0 17.666-14.334 32-32 32zM263.042 715.666c12.498-12.5 32.75-12.5 45.25 0 12.498 12.5 12.498 32.75 0 45.25l-45.25 45.25c-12.5 12.5-32.752 12.5-45.25 0-12.5-12.5-12.5-32.75 0-45.25l45.25-45.25zM760.918 308.376c-12.586 12.5-32.752 12.5-45.25 0-12.5-12.498-12.586-32.75 0-45.25l45.25-45.25c12.498-12.498 32.748-12.498 45.25 0 12.498 12.5 12.498 32.752 0 45.25l-45.25 45.25z" />
+<glyph unicode="&#xe91c;" glyph-name="moon2" d="M496.164 496.136c-63.040 63.084-79.958 154.21-52.040 233.084-30.5-10.79-59.336-27.666-83.708-52.040-87.502-87.5-87.502-229.334 0-316.79 87.458-87.46 229.25-87.504 316.748 0 24.458 24.372 41.292 53.208 52.042 83.708-78.83-27.918-169.998-11-233.042 52.038z" />
+<glyph unicode="&#xe91d;" glyph-name="cloudy3" d="M416 896c17.666 0 32 14.334 32 32v64c0 17.666-14.334 32-32 32s-32-14.334-32-32v-64c0-17.666 14.334-32 32-32zM664.876 811.666l45.25 45.25c12.498 12.5 12.498 32.75 0 45.25-12.5 12.5-32.75 12.5-45.25 0l-45.25-45.25c-12.5-12.5-12.5-32.75 0-45.25 12.498-12.5 32.75-12.5 45.25 0zM32 576h64c17.666 0 32 14.334 32 32s-14.334 32-32 32h-64c-17.666 0-32-14.334-32-32s14.334-32 32-32zM704 608c0-17.666 14.334-32 32-32h64c17.666 0 32 14.334 32 32s-14.334 32-32 32h-64c-17.666 0-32-14.334-32-32zM167.082 811.666c12.502-12.5 32.752-12.5 45.25 0 12.502 12.5 12.502 32.75 0 45.25l-45.25 45.25c-12.5 12.5-32.748 12.5-45.25 0-12.5-12.5-12.5-32.75 0-45.25l45.25-45.25zM800 512c-10.624 0-21.124-0.75-31.584-2.25-33.542 45.75-78.248 80.666-128.916 103-2.582 121.25-101.624 219.25-223.5 219.25-123.5 0-224-100.5-224-224 0-34.876 8.668-67.5 23-96.876-119.25-4.874-215-102.748-215-223.124 0-123.5 100.5-224 224-224 27.376 0 54.168 5 79.418 14.666 57.914-50.5 131.582-78.666 208.582-78.666 77.084 0 150.666 28.166 208.582 78.666 25.25-9.666 52.042-14.666 79.418-14.666 123.5 0 224 100.5 224 224s-100.5 224-224 224zM512 640c-91.876 0-177-39.624-236.75-106.5-11.874 22.334-19.25 47.416-19.25 74.5 0 88.376 71.624 160 160 160 79.624 0 145.124-58.334 157.416-134.5-20.040 4-40.498 6.5-61.416 6.5z" />
+<glyph unicode="&#xe91e;" glyph-name="cloud4" d="M870.124 499.668c9.75 7.25 19.624 14.374 28.458 23.208 26.416 26.458 46.542 58.666 59.584 95.708 4.166 11.584 1.208 24.584-7.544 33.25-8.708 8.75-21.624 11.708-33.246 7.584-70.792-25-147.376-8-199.792 44.5-52.498 52.5-69.582 129.042-44.498 199.792 4.084 11.624 1.166 24.542-7.584 33.292-8.666 8.666-21.624 11.666-33.25 7.582-37.084-13.166-69.25-33.25-95.668-59.666-67.082-67-87.958-162-64.958-247.584-86.5-11.042-164.25-57-216.042-127.584-10.458 1.5-20.958 2.25-31.584 2.25-123.5 0-224-100.498-224-224 0-123.5 100.5-224 224-224 27.376 0 54.168 5.002 79.418 14.668 57.912-50.5 131.58-78.668 208.58-78.668 77.084 0 150.666 28.168 208.582 78.668 25.25-9.666 52.042-14.668 79.418-14.668 123.5 0 224 100.5 224 224 0.002 98.876-64.832 182.042-153.874 211.668zM581.832 839.666c5.084 5.166 10.542 9.958 16.292 14.458-4.5-71.958 21.458-142.75 74.208-195.458 52.752-52.75 123.542-78.666 195.502-74.208-27.584-35.168-65.584-57.042-106.252-66.376-54.75 69.5-135.208 113.248-223.916 120.374-24.542 67.918-10.166 146.878 44.166 201.21z" />
+<glyph unicode="&#xe91f;" glyph-name="cloud5" d="M800 704c-10.624 0-21.124-0.75-31.584-2.25-59.748 81.416-154.040 130.25-256.416 130.25s-196.624-48.834-256.416-130.25c-10.46 1.5-20.96 2.25-31.584 2.25-123.5 0-224-100.5-224-224s100.5-224 224-224c27.376 0 54.168 5 79.418 14.666 57.914-50.5 131.582-78.666 208.582-78.666 77.084 0 150.666 28.166 208.582 78.666 25.25-9.666 52.042-14.666 79.418-14.666 123.5 0 224 100.5 224 224s-100.5 224-224 224z" />
+<glyph unicode="&#xe920;" glyph-name="lightning4" d="M800 896c-10.624 0-21.124-0.75-31.584-2.25-59.748 81.416-154.040 130.25-256.416 130.25s-196.624-48.834-256.416-130.25c-10.46 1.5-20.96 2.25-31.584 2.25-123.5 0-224-100.5-224-224s100.5-224 224-224c27.376 0 54.168 5 79.418 14.666 43.082-37.542 94.832-62.582 150.208-73.042l-69.626-69.624 64-64-64-192 192 192-64 64 22 65.998c68.916 4.876 134.25 31.086 186.582 76.668 25.25-9.666 52.042-14.666 79.418-14.666 123.5 0 224 100.5 224 224s-100.5 224-224 224z" />
+<glyph unicode="&#xe921;" glyph-name="rainy3" d="M800 832c-10.624 0-21.124-0.75-31.584-2.25-59.748 81.416-154.040 130.25-256.416 130.25s-196.624-48.834-256.416-130.25c-10.46 1.5-20.96 2.25-31.584 2.25-123.5 0-224-100.5-224-224s100.5-224 224-224c27.376 0 54.168 5 79.418 14.666 57.914-50.5 131.582-78.666 208.582-78.666 77.084 0 150.666 28.166 208.582 78.666 25.25-9.666 52.042-14.666 79.418-14.666 123.5 0 224 100.5 224 224s-100.5 224-224 224zM448 128c0-35.376 28.624-64 64-64s64 28.624 64 64-64 128-64 128-64-92.624-64-128z" />
+<glyph unicode="&#xe922;" glyph-name="rainy4" d="M800 896c-10.624 0-21.124-0.75-31.584-2.25-59.748 81.416-154.040 130.25-256.416 130.25s-196.624-48.834-256.416-130.25c-10.46 1.5-20.96 2.25-31.584 2.25-123.5 0-224-100.5-224-224s100.5-224 224-224c27.376 0 54.168 5 79.418 14.666 57.914-50.5 131.582-78.666 208.582-78.666 77.084 0 150.666 28.166 208.582 78.666 25.25-9.666 52.042-14.666 79.418-14.666 123.5 0 224 100.5 224 224s-100.5 224-224 224zM450 64c0-35.376 28.624-64 64-64s64 28.624 64 64-64 128-64 128-64-92.624-64-128zM704 128c0-35.376 28.624-64 64-64s64 28.624 64 64-64 128-64 128-64-92.624-64-128zM192 256c0-35.376 28.624-64 64-64s64 28.624 64 64-64 128-64 128-64-92.624-64-128z" />
+<glyph unicode="&#xe923;" glyph-name="windy4" d="M834.084 691.834c-47.958 49.084-114.25 77.542-183.46 77.542-69.124 0-135.376-28.458-183.374-77.542-105.624-4.918-190-92.376-190-199.168 0-109.916 89.418-199.332 199.376-199.332 11.624 0 23.208 1 34.5 2.998 41.5-27.082 89.876-41.708 139.498-41.708 49.708 0 98.126 14.626 139.544 41.708 11.414-1.998 22.916-2.998 34.582-2.998 109.874 0 199.25 89.416 199.25 199.332 0 106.792-84.376 194.25-189.916 199.168zM288 320h-256c-17.666 0-32-14.334-32-32s14.334-32 32-32h256c17.666 0 32 14.334 32 32s-14.334 32-32 32zM32 384h128c17.666 0 32 14.334 32 32s-14.334 32-32 32h-128c-17.666 0-32-14.334-32-32s14.334-32 32-32zM96 512h128c17.666 0 32 14.334 32 32s-14.334 32-32 32h-128c-17.666 0-32-14.334-32-32s14.334-32 32-32z" />
+<glyph unicode="&#xe924;" glyph-name="windy5" d="M834.084 882.416c-47.96 49.126-114.25 77.584-183.46 77.584-69.124 0-135.376-28.458-183.33-77.584-105.626-4.876-190.042-92.334-190.042-199.084 0-109.956 89.418-199.416 199.376-199.416 11.668 0 23.208 1.002 34.542 3 41.458-27.042 89.834-41.666 139.458-41.666 49.708 0 98.126 14.624 139.544 41.666 11.414-1.998 22.916-3 34.582-3 109.874 0 199.25 89.46 199.25 199.416-0.004 106.752-84.38 194.252-189.92 199.084zM288 510.624h-256c-17.666 0-32-14.292-32-32 0-17.706 14.334-32 32-32h256c17.666 0 32 14.294 32 32 0 17.708-14.334 32-32 32zM32 574.624h128c17.666 0 32 14.292 32 32s-14.334 32-32 32h-128c-17.666 0-32-14.292-32-32s14.334-32 32-32zM96 702.624h128c17.666 0 32 14.292 32 32s-14.334 32-32 32h-128c-17.666 0-32-14.292-32-32s14.334-32 32-32zM448 256c0-35.376 28.624-64 64-64s64 28.624 64 64-64 128-64 128-64-92.624-64-128zM704 128c0-35.376 28.624-64 64-64s64 28.624 64 64-64 128-64 128-64-92.624-64-128z" />
+<glyph unicode="&#xe925;" glyph-name="snowy4" d="M652.084 136.624l-36 20.752c1.084 6.248 1.914 12.622 1.914 19.248 0 6.624-0.83 13-1.998 19.25l36.084 20.792c16.834 9.834 22.582 31.458 12.916 48.208-9.752 16.958-31.334 22.75-48.25 13l-36.376-21c-9.752 8.292-20.75 14.792-33 19.208v41.792c0 19.542-15.876 35.376-35.376 35.376s-35.334-15.834-35.334-35.376v-41.75c-12.25-4.376-23.292-10.958-33.042-19.25l-36.292 21c-16.958 9.75-38.582 4-48.332-12.958-9.75-16.834-3.876-38.5 13-48.252l35.918-20.75c-1.168-6.292-1.918-12.668-1.918-19.292 0-6.626 0.75-13 1.918-19.248l-35.916-20.75c-16.918-9.75-22.75-31.5-13-48.376s31.376-22.624 48.25-12.876l36.334 20.876c9.748-8.25 20.792-14.75 33.082-19.124v-41.876c0-19.498 15.834-35.248 35.334-35.248s35.376 15.75 35.376 35.248v41.876c12.25 4.376 23.376 10.876 33.042 19.25l36.334-21c16.916-9.75 38.498-4 48.25 12.876 9.748 16.874 3.998 38.5-12.918 48.374zM512 141.25c-19.5 0-35.376 15.876-35.376 35.376s15.876 35.292 35.376 35.292 35.332-15.792 35.332-35.292-15.832-35.376-35.332-35.376zM800 896c-10.624 0-21.124-0.75-31.584-2.25-59.75 81.416-154.040 130.25-256.416 130.25s-196.624-48.834-256.416-130.25c-10.46 1.5-20.96 2.25-31.584 2.25-123.5 0-224-100.5-224-224s100.5-224 224-224c27.376 0 54.168 5 79.418 14.666 57.914-50.5 131.582-78.666 208.582-78.666 77.084 0 150.666 28.166 208.582 78.666 25.25-9.666 52.042-14.666 79.418-14.666 123.5 0 224 100.5 224 224s-100.5 224-224 224z" />
+<glyph unicode="&#xe926;" glyph-name="snowy5" d="M652.084 136.624l-36 20.752c1.084 6.248 1.916 12.622 1.916 19.248 0 6.624-0.832 13-2 19.25l36.084 20.792c16.834 9.834 22.582 31.458 12.916 48.208-9.752 16.958-31.334 22.75-48.25 13l-36.376-21c-9.752 8.292-20.75 14.792-33 19.208v41.792c0 19.542-15.876 35.376-35.376 35.376s-35.332-15.834-35.332-35.376v-41.75c-12.252-4.376-23.292-10.958-33.042-19.25l-36.292 21c-16.958 9.75-38.584 4-48.334-12.958-9.75-16.834-3.876-38.5 13-48.252l35.918-20.75c-1.168-6.292-1.918-12.668-1.918-19.292 0-6.626 0.75-13 1.918-19.248l-35.916-20.75c-16.918-9.75-22.75-31.5-13-48.376s31.376-22.624 48.25-12.876l36.334 20.876c9.748-8.25 20.792-14.75 33.084-19.124v-41.876c0-19.498 15.832-35.248 35.332-35.248s35.376 15.75 35.376 35.248v41.876c12.25 4.376 23.376 10.876 33.042 19.25l36.334-21c16.916-9.75 38.498-4 48.25 12.876 9.748 16.874 3.998 38.5-12.918 48.374zM512 141.25c-19.5 0-35.376 15.876-35.376 35.376s15.876 35.292 35.376 35.292 35.334-15.792 35.334-35.292-15.834-35.376-35.334-35.376zM948.332 231.5l-24.166 6.416c-0.582 7.666-2.416 14.958-5.792 21.958l17.542 17.542c8.25 8.25 8.208 21.584 0 29.708-8.166 8.208-21.416 8.25-29.666 0l-17.582-17.5c-6.918 3.25-14.292 5.124-21.918 5.75l-6.418 24.124c-2.998 11.166-14.5 17.876-25.748 14.876-11.208-3.042-17.75-14.542-14.834-25.75l6.418-23.792c-3.168-2.168-6.168-4.584-9-7.334-2.75-2.834-5.084-5.832-7.252-8.918l-23.792 6.418c-11.208 2.998-22.792-3.752-25.792-14.876-2.998-11.25 3.752-22.708 14.834-25.75l24-6.458c0.668-7.542 2.584-14.916 5.958-21.918l-17.624-17.624c-8.166-8.208-8.124-21.458 0.084-29.624 8.166-8.166 21.416-8.25 29.584-0.084l17.664 17.666c6.918-3.414 14.336-5.332 22.002-5.914l6.332-24.042c3.084-11.208 14.5-17.876 25.752-14.876 11.166 3 17.914 14.498 14.916 25.834l-6.418 23.792c3 2.124 6.084 4.5 8.918 7.25 2.75 2.792 5.084 5.876 7.248 8.958l23.834-6.418c11.208-3 22.75 3.708 25.708 14.834 3 11.17-3.624 22.668-14.792 25.752zM876.624 218.124c-8.25-8.25-21.542-8.208-29.75 0-8.124 8.124-8.208 21.458 0 29.708 8.208 8.166 21.542 8.166 29.75 0 8.126-8.208 8.126-21.582 0-29.708zM237.876 339l-23.75-6.376c-2.208 3-4.5 6.042-7.292 8.876-2.832 2.75-5.832 5.124-8.958 7.25l6.376 23.876c3 11.208-3.668 22.75-14.75 25.708-11.25 3-22.75-3.668-25.75-14.834l-6.5-24.124c-7.624-0.624-14.916-2.5-21.876-5.792l-17.624 17.542c-8.25 8.25-21.5 8.208-29.668 0-8.208-8.208-8.208-21.5 0-29.708l17.542-17.542c-3.292-7-5.208-14.376-5.792-21.958l-24.084-6.416c-11.25-3.084-17.918-14.5-14.916-25.75 3.042-11.166 14.542-17.75 25.792-14.834l23.75 6.46c2.124-3.208 4.5-6.21 7.376-9.002 2.75-2.75 5.75-5.208 8.876-7.25l-6.376-23.792c-3-11.25 3.668-22.834 14.832-25.834 11.252-3 22.668 3.666 25.668 14.876l6.5 24c7.624 0.624 15 2.542 22 5.876l17.582-17.584c8.168-8.248 21.418-8.082 29.668 0.084 8.124 8.124 8.25 21.416 0 29.624l-17.624 17.624c3.376 6.92 5.376 14.376 5.876 22.002l24.124 6.376c11.124 3.042 17.792 14.5 14.792 25.75-3.002 11.12-14.502 17.788-25.794 14.872zM177.124 282.084c-8.208-8.208-21.5-8.208-29.75 0-8.124 8.166-8.124 21.542 0 29.666 8.25 8.166 21.542 8.166 29.75 0s8.126-21.5 0-29.666zM1024 672c0 123.5-100.5 224-224 224-10.624 0-21.124-0.75-31.584-2.25-59.748 81.416-154.040 130.25-256.416 130.25s-196.624-48.834-256.416-130.25c-10.46 1.5-20.96 2.25-31.584 2.25-123.5 0-224-100.5-224-224s100.5-224 224-224c27.376 0 54.168 5 79.418 14.666 57.914-50.5 131.582-78.666 208.582-78.666 77.084 0 150.666 28.166 208.582 78.666 25.25-9.666 52.042-14.666 79.418-14.666 123.5 0 224 100.5 224 224z" />
+<glyph unicode="&#xe927;" glyph-name="weather5" d="M800 896c-10.624 0-21.124-0.75-31.584-2.25-59.748 81.416-154.040 130.25-256.416 130.25s-196.624-48.834-256.416-130.25c-10.46 1.5-20.96 2.25-31.584 2.25-123.5 0-224-100.5-224-224s100.5-224 224-224c27.376 0 54.168 5 79.418 14.666 57.914-50.5 131.582-78.666 208.582-78.666 77.084 0 150.666 28.166 208.582 78.666 25.25-9.666 52.042-14.666 79.418-14.666 123.5 0 224 100.5 224 224s-100.5 224-224 224zM192 384c-35.376 0-64-28.624-64-64s28.624-64 64-64 64 28.624 64 64-28.624 64-64 64zM512 320c-35.376 0-64-28.624-64-64s28.624-64 64-64 64 28.624 64 64-28.624 64-64 64zM832 384c-35.376 0-64-28.624-64-64s28.624-64 64-64 64 28.624 64 64-28.624 64-64 64zM704 128c-35.376 0-64-28.624-64-64s28.624-64 64-64 64 28.624 64 64-28.624 64-64 64zM320 128c-35.376 0-64-28.624-64-64s28.624-64 64-64 64 28.624 64 64-28.624 64-64 64z" />
+<glyph unicode="&#xe928;" glyph-name="cloudy4" d="M976.668 529.166c29.248-37.832 47.332-84.624 47.332-136 0-123.498-100.5-224-224-224-27.376 0-54.168 5-79.418 14.666-57.916-50.498-131.498-78.666-208.582-78.666-77 0-150.668 28.168-208.582 78.666-25.25-9.666-52.042-14.666-79.418-14.666-123.5 0-224 100.502-224 224 0 123.5 100.5 224 224 224 10.624 0 21.124-0.75 31.584-2.25 1.042 1.458 2.332 2.75 3.416 4.166-1.624 9.876-3 19.792-3 30.082 0 98.334 80 178.292 178.25 178.292 4.832 0 9.624-0.208 14.376-0.584 46.25 57.708 116 91.958 191.376 91.958 75.418 0 145.124-34.25 191.376-91.958 4.75 0.376 9.5 0.584 14.292 0.584 98.33 0.002 178.33-79.956 178.33-178.29 0-46.332-18.168-88.208-47.332-120z" />
+<glyph unicode="&#xe929;" glyph-name="lightning5" d="M1024 754.334c0 98.292-80 178.248-178.334 178.248-4.792 0-9.542-0.166-14.292-0.54-46.25 57.666-115.956 91.958-191.374 91.958-75.376 0-145.124-34.292-191.376-91.958-4.75 0.374-9.542 0.54-14.376 0.54-98.248 0-178.248-79.958-178.248-178.248 0-10.292 1.376-20.25 3-30.084-1.084-1.416-2.376-2.708-3.416-4.166-10.458 1.5-20.958 2.25-31.584 2.25-123.5 0-224-100.5-224-224 0-123.502 100.5-224 224-224 27.376 0 54.168 4.998 79.418 14.666 36.708-32 80.208-53.876 126.414-66.416l-45.832-30.584 64-64-64-128 192 128-64 64 9.624 19.166c73.5 2.25 143.5 29.458 198.958 77.834 25.25-9.668 52.042-14.666 79.418-14.666 123.5 0 224 100.498 224 224 0 51.332-18.084 98.166-47.332 136 29.164 31.75 47.332 73.624 47.332 120z" />
+<glyph unicode="&#xe92a;" glyph-name="thermometer" d="M576 302.25v587.916c0 38.584-28.668 69.834-64 69.834-35.334 0-64-31.25-64-69.834v-587.916c-38.084-22.166-64-63.002-64-110.25 0-70.666 57.332-128 128-128 70.666 0 128 57.334 128 128 0 47.248-25.876 88.084-64 110.25z" />
+<glyph unicode="&#xe92b;" glyph-name="compass" d="M512 1024c-282.792 0-512-229.208-512-512 0-282.75 229.208-512 512-512 282.75 0 512 229.25 512 512 0 282.792-229.25 512-512 512zM512 128c-211.75 0-384 172.25-384 384s172.25 384 384 384 384-172.25 384-384-172.25-384-384-384zM320 320l256 128 128 256-256-128-128-256z" />
+<glyph unicode="&#xe92c;" glyph-name="none" d="M318.188 466.708h-2.084l-67.042 102.376-81.876 120.874h-63.5v-352.79h70.124v222.208h3.042l58.208-89.084 89.376-133.124h63.876v352.79h-70.124v-223.25zM412.938 315.668h51.668l129.582 392.664h-52.25l-129-392.664zM797.438 689.958h-71.666l-123.958-352.79h74.75l23.042 72.75h122.918l21.498-72.75h76.292l-122.876 352.79zM718.562 468.75l14.292 46.584 27.208 91.664h2l27.708-93.208 13.792-45.042h-85z" />
+<glyph unicode="&#xe92d;" glyph-name="Celsius" d="M418.334 671.25c-7.208 6.792-15.584 12.166-25.084 16.124-9.624 3.876-19.876 5.876-30.75 5.876-10.916 0-21.168-2-30.75-5.876-9.5-3.958-17.876-9.334-25.082-16.124-7.168-6.834-12.792-14.834-16.918-24.084-4.084-9.21-6.124-18.958-6.124-29.166 0-10.25 2.042-20 6.124-29.21 4.124-9.208 9.75-17.25 16.918-24.040 7.208-6.834 15.582-12.25 25.082-16.126 9.582-3.958 19.834-5.916 30.75-5.916 10.876 0 21.124 1.958 30.75 5.916 9.5 3.876 17.876 9.292 25.084 16.126 7.166 6.79 12.792 14.834 16.832 24.040 4.084 9.21 6.208 18.958 6.208 29.21 0 10.208-2.124 19.958-6.208 29.166-4.042 9.252-9.666 17.252-16.832 24.084zM387.624 593.918c-6.876-6.834-15.25-10.25-25.124-10.25s-18.25 3.418-25.124 10.25c-6.792 6.834-10.25 14.834-10.25 24.084 0 9.5 3.458 17.666 10.25 24.29 6.876 6.666 15.25 9.958 25.124 9.958s18.25-3.292 25.124-9.958c6.75-6.624 10.208-14.79 10.208-24.29 0-9.252-3.456-17.252-10.208-24.084zM670.5 400.418c-12.124-3.46-24.166-5.166-36.124-5.166-7.876 0-15.624 1.208-23.292 3.58-7.708 2.418-14.708 6.168-20.998 11.292-6.334 5.126-11.46 11.668-15.334 19.708-3.918 8-5.916 17.834-5.916 29.418v102.916c0 11.584 1.998 21.5 5.916 29.708 3.874 8.166 8.918 14.834 15.082 19.958 6.168 5.124 13.084 8.792 21 11 7.834 2.21 15.668 3.334 23.542 3.334 11.958 0 24.248-1.75 36.874-5.376 12.626-3.582 24.376-9.998 35.336-19.208l33.792 54.292c-13.708 11.916-29.958 20.624-48.958 26.124-18.918 5.416-38.584 8.166-59.086 8.166-16.708 0-33.166-2.416-49.166-7.168-16.042-4.792-30.292-11.958-42.75-21.5-12.416-9.584-22.542-21.416-30.166-35.582-7.75-14.168-11.582-30.666-11.582-49.416v-132.084c0-19.124 3.958-35.75 11.832-49.918 7.834-14.168 18.082-25.958 30.668-35.332 12.664-9.416 26.958-16.458 42.998-21.25 16.084-4.75 32.458-7.168 49.208-7.168 20.792 0 40.542 3.084 59.376 9.208 18.75 6.166 34.624 14.708 47.624 25.584l-33.292 54.292c-12.252-9.58-24.5-16.038-36.584-19.412z" />
+<glyph unicode="&#xe92e;" glyph-name="Fahrenheit" d="M417.062 669.458c-7.208 6.792-15.582 12.168-25.082 16.124-9.624 3.876-19.876 5.876-30.75 5.876-10.918 0-21.168-2-30.75-5.876-9.5-3.958-17.876-9.334-25.084-16.124-7.166-6.832-12.792-14.832-16.918-24.082-4.084-9.21-6.124-18.958-6.124-29.168 0-10.25 2.040-20 6.124-29.208 4.126-9.208 9.752-17.25 16.918-24.042 7.208-6.832 15.584-12.25 25.084-16.124 9.582-3.958 19.832-5.916 30.75-5.916 10.876 0 21.124 1.958 30.75 5.916 9.5 3.876 17.876 9.292 25.082 16.124 7.168 6.792 12.792 14.834 16.832 24.042 4.084 9.208 6.21 18.958 6.21 29.208 0 10.208-2.126 19.958-6.21 29.168-4.040 9.25-9.664 17.25-16.832 24.082zM386.354 592.126c-6.876-6.834-15.25-10.252-25.124-10.252s-18.25 3.418-25.124 10.252c-6.792 6.832-10.25 14.832-10.25 24.082 0 9.5 3.458 17.666 10.25 24.292 6.876 6.666 15.25 9.958 25.124 9.958s18.25-3.292 25.124-9.958c6.748-6.624 10.208-14.792 10.208-24.292 0-9.25-3.46-17.25-10.208-24.082zM741.644 622.334v63h-243.164v-352.792h70.126v143.876h147.958v62.958h-147.958v82.958h173.038z" />
+</font></defs></svg>

src/assets/icons/meteocons/style.css

@@ -0,0 +1,210 @@
+@font-face {
+    font-family: 'meteocons';
+    src: url('fonts/meteocons.ttf?1o770y') format('truetype'),
+    url('fonts/meteocons.woff?1o770y') format('woff'),
+    url('fonts/meteocons.svg?1o770y#meteocons') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+.meteocons {
+    font-family: 'meteocons' !important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-sunrise:before {
+    content: "\e900";
+}
+
+.icon-sun:before {
+    content: "\e901";
+}
+
+.icon-moon:before {
+    content: "\e902";
+}
+
+.icon-sun2:before {
+    content: "\e903";
+}
+
+.icon-windy:before {
+    content: "\e904";
+}
+
+.icon-wind:before {
+    content: "\e905";
+}
+
+.icon-snowflake:before {
+    content: "\e906";
+}
+
+.icon-cloudy:before {
+    content: "\e907";
+}
+
+.icon-cloud:before {
+    content: "\e908";
+}
+
+.icon-weather:before {
+    content: "\e909";
+}
+
+.icon-weather2:before {
+    content: "\e90a";
+}
+
+.icon-weather3:before {
+    content: "\e90b";
+}
+
+.icon-lines:before {
+    content: "\e90c";
+}
+
+.icon-cloud2:before {
+    content: "\e90d";
+}
+
+.icon-lightning:before {
+    content: "\e90e";
+}
+
+.icon-lightning2:before {
+    content: "\e90f";
+}
+
+.icon-rainy:before {
+    content: "\e910";
+}
+
+.icon-rainy2:before {
+    content: "\e911";
+}
+
+.icon-windy2:before {
+    content: "\e912";
+}
+
+.icon-windy3:before {
+    content: "\e913";
+}
+
+.icon-snowy:before {
+    content: "\e914";
+}
+
+.icon-snowy2:before {
+    content: "\e915";
+}
+
+.icon-snowy3:before {
+    content: "\e916";
+}
+
+.icon-weather4:before {
+    content: "\e917";
+}
+
+.icon-cloudy2:before {
+    content: "\e918";
+}
+
+.icon-cloud3:before {
+    content: "\e919";
+}
+
+.icon-lightning3:before {
+    content: "\e91a";
+}
+
+.icon-sun3:before {
+    content: "\e91b";
+}
+
+.icon-moon2:before {
+    content: "\e91c";
+}
+
+.icon-cloudy3:before {
+    content: "\e91d";
+}
+
+.icon-cloud4:before {
+    content: "\e91e";
+}
+
+.icon-cloud5:before {
+    content: "\e91f";
+}
+
+.icon-lightning4:before {
+    content: "\e920";
+}
+
+.icon-rainy3:before {
+    content: "\e921";
+}
+
+.icon-rainy4:before {
+    content: "\e922";
+}
+
+.icon-windy4:before {
+    content: "\e923";
+}
+
+.icon-windy5:before {
+    content: "\e924";
+}
+
+.icon-snowy4:before {
+    content: "\e925";
+}
+
+.icon-snowy5:before {
+    content: "\e926";
+}
+
+.icon-weather5:before {
+    content: "\e927";
+}
+
+.icon-cloudy4:before {
+    content: "\e928";
+}
+
+.icon-lightning5:before {
+    content: "\e929";
+}
+
+.icon-thermometer:before {
+    content: "\e92a";
+}
+
+.icon-compass:before {
+    content: "\e92b";
+}
+
+.icon-none:before {
+    content: "\e92c";
+}
+
+.icon-celsius:before {
+    content: "\e92d";
+}
+
+.icon-fahrenheit:before {
+    content: "\e92e";
+}

src/index.html

@@ -11,6 +11,7 @@
 
         <link rel="icon" type="image/x-icon" href="favicon.ico">
         <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+        <link href="/assets/icons/meteocons/style.css" rel="stylesheet">
         <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
 
     </head>