diff --git a/dist/weather_icons/animated/cloudy-day-1.svg b/dist/weather_icons/animated/cloudy-day-1.svg
deleted file mode 100644
index c1f1922..0000000
--- a/dist/weather_icons/animated/cloudy-day-1.svg
+++ /dev/null
@@ -1,175 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="cloudy-day-1">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/cloudy-day-2.svg b/dist/weather_icons/animated/cloudy-day-2.svg
deleted file mode 100644
index 712a564..0000000
--- a/dist/weather_icons/animated/cloudy-day-2.svg
+++ /dev/null
@@ -1,176 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="cloudy-day-2">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-    
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/cloudy-day-3-ts.svg b/dist/weather_icons/animated/cloudy-day-3-ts.svg
deleted file mode 100644
index ffe1c89..0000000
--- a/dist/weather_icons/animated/cloudy-day-3-ts.svg
+++ /dev/null
@@ -1,331 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="cloudy-day-3-ts">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g transform="translate(-5,28), scale(1)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/cloudy-day-3.svg b/dist/weather_icons/animated/cloudy-day-3.svg
deleted file mode 100644
index ddcd408..0000000
--- a/dist/weather_icons/animated/cloudy-day-3.svg
+++ /dev/null
@@ -1,175 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="cloudy-day-3">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/cloudy-night-1.svg b/dist/weather_icons/animated/cloudy-night-1.svg
deleted file mode 100644
index bc6360d..0000000
--- a/dist/weather_icons/animated/cloudy-night-1.svg
+++ /dev/null
@@ -1,198 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** MOON
-*/
-@keyframes am-weather-moon {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  50% {
-    -webkit-transform: rotate(15deg);
-       -moz-transform: rotate(15deg);
-        -ms-transform: rotate(15deg);
-            transform: rotate(15deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-}
-
-.am-weather-moon {
-  -webkit-animation-name: am-weather-moon;
-     -moz-animation-name: am-weather-moon;
-      -ms-animation-name: am-weather-moon;
-          animation-name: am-weather-moon;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  -webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-     -moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-      -ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-          transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-}
-
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="cloudy-night-1">
-        <g transform="translate(20,10)">
-            <g transform="translate(16,4), scale(0.8)">
-                <g class="am-weather-moon-star-1">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-                </g>
-                <g class="am-weather-moon-star-2">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-                </g>
-                <g class="am-weather-moon">
-                    <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-                </g>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4    c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/cloudy-night-2.svg b/dist/weather_icons/animated/cloudy-night-2.svg
deleted file mode 100644
index 391ceeb..0000000
--- a/dist/weather_icons/animated/cloudy-night-2.svg
+++ /dev/null
@@ -1,198 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** MOON
-*/
-@keyframes am-weather-moon {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  50% {
-    -webkit-transform: rotate(15deg);
-       -moz-transform: rotate(15deg);
-        -ms-transform: rotate(15deg);
-            transform: rotate(15deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-}
-
-.am-weather-moon {
-  -webkit-animation-name: am-weather-moon;
-     -moz-animation-name: am-weather-moon;
-      -ms-animation-name: am-weather-moon;
-          animation-name: am-weather-moon;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  -webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-     -moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-      -ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-          transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-}
-
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="cloudy-night-2">
-        <g transform="translate(20,10)">
-            <g transform="translate(16,4), scale(0.8)">
-                <g class="am-weather-moon-star-1">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-                </g>
-                <g class="am-weather-moon-star-2">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-                </g>
-                <g class="am-weather-moon">
-                    <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-                </g>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4    c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/cloudy-night-3-ts.svg b/dist/weather_icons/animated/cloudy-night-3-ts.svg
deleted file mode 100644
index b1224f9..0000000
--- a/dist/weather_icons/animated/cloudy-night-3-ts.svg
+++ /dev/null
@@ -1,354 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** MOON
-*/
-@keyframes am-weather-moon {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  50% {
-    -webkit-transform: rotate(15deg);
-       -moz-transform: rotate(15deg);
-        -ms-transform: rotate(15deg);
-            transform: rotate(15deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-}
-
-.am-weather-moon {
-  -webkit-animation-name: am-weather-moon;
-     -moz-animation-name: am-weather-moon;
-      -ms-animation-name: am-weather-moon;
-          animation-name: am-weather-moon;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  -webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-     -moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-      -ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-          transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-}
-
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="cloudy-night-3-ts">
-        <g transform="translate(20,10)">
-            <g transform="translate(16,4), scale(0.8)">
-                <g class="am-weather-moon-star-1">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-                </g>
-                <g class="am-weather-moon-star-2">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-                </g>
-                <g class="am-weather-moon">
-                    <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-                </g>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4    c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g transform="translate(-5,28), scale(1)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/cloudy-night-3.svg b/dist/weather_icons/animated/cloudy-night-3.svg
deleted file mode 100644
index 2425af9..0000000
--- a/dist/weather_icons/animated/cloudy-night-3.svg
+++ /dev/null
@@ -1,198 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** MOON
-*/
-@keyframes am-weather-moon {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  50% {
-    -webkit-transform: rotate(15deg);
-       -moz-transform: rotate(15deg);
-        -ms-transform: rotate(15deg);
-            transform: rotate(15deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-}
-
-.am-weather-moon {
-  -webkit-animation-name: am-weather-moon;
-     -moz-animation-name: am-weather-moon;
-      -ms-animation-name: am-weather-moon;
-          animation-name: am-weather-moon;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  -webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-     -moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-      -ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-          transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-}
-
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="cloudy-night-3">
-        <g transform="translate(20,10)">
-            <g transform="translate(16,4), scale(0.8)">
-                <g class="am-weather-moon-star-1">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-                </g>
-                <g class="am-weather-moon-star-2">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-                </g>
-                <g class="am-weather-moon">
-                    <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-                </g>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4    c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/cloudy-night.svg b/dist/weather_icons/animated/cloudy-night.svg
deleted file mode 100644
index 68782b9..0000000
--- a/dist/weather_icons/animated/cloudy-night.svg
+++ /dev/null
@@ -1,206 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <linearGradient id="moon" gradientTransform="rotate(90)">
-          <stop offset="5%"  stop-color="gold" />
-          <stop offset="95%" stop-color="orange" />
-        </linearGradient>
-        <linearGradient id="cloud" gradientTransform="rotate(90)">
-          <stop offset="5%"  stop-color="#F3F7FE" />
-          <stop offset="95%" stop-color="#DEEAFB" />
-        </linearGradient>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** MOON
-*/
-@keyframes am-weather-moon {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  50% {
-    -webkit-transform: rotate(15deg);
-       -moz-transform: rotate(15deg);
-        -ms-transform: rotate(15deg);
-            transform: rotate(15deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-}
-
-.am-weather-moon {
-  -webkit-animation-name: am-weather-moon;
-     -moz-animation-name: am-weather-moon;
-      -ms-animation-name: am-weather-moon;
-          animation-name: am-weather-moon;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  -webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-     -moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-      -ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-          transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-}
-
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="cloudy-night-2">
-        <g transform="translate(20,10)">
-            <g transform="translate(16,4), scale(0.8)">
-                <g class="am-weather-moon-star-1">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-                </g>
-                <g class="am-weather-moon-star-2">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-                </g>
-                <g class="am-weather-moon">
-                    <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-                </g>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4    c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="url(#cloud)" stroke="white" stroke-linejoin="round" stroke-width="0" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/cloudy-ts.svg b/dist/weather_icons/animated/cloudy-ts.svg
deleted file mode 100644
index d2b19fa..0000000
--- a/dist/weather_icons/animated/cloudy-ts.svg
+++ /dev/null
@@ -1,266 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-        <feMerge> 
-          <feMergeNode/>
-          <feMergeNode in="SourceGraphic"/> 
-        </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="cloudy-ts">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g transform="translate(-5,28), scale(1)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/cloudy.svg b/dist/weather_icons/animated/cloudy.svg
deleted file mode 100644
index a2ca689..0000000
--- a/dist/weather_icons/animated/cloudy.svg
+++ /dev/null
@@ -1,111 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-        <feMerge> 
-          <feMergeNode/>
-          <feMergeNode in="SourceGraphic"/> 
-        </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="cloudy">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/cold.svg b/dist/weather_icons/animated/cold.svg
deleted file mode 100644
index 6a28742..0000000
--- a/dist/weather_icons/animated/cold.svg
+++ /dev/null
@@ -1,75 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512">
-    <defs>
-        <linearGradient id="a" x1="-7.17" y1="36.31" x2="116.44" y2="250.4" gradientUnits="userSpaceOnUse">
-            <stop offset="0" stop-color="#515a69" stop-opacity="0.05"/>
-            <stop offset="0.45" stop-color="#6b7280" stop-opacity="0.05"/>
-            <stop offset="1" stop-color="#384354" stop-opacity="0.1"/>
-        </linearGradient>
-        <linearGradient id="b" x1="-8.67" y1="33.71" x2="117.94" y2="253" gradientUnits="userSpaceOnUse">
-            <stop offset="0" stop-color="#d4d7dd"/>
-            <stop offset="0.45" stop-color="#d4d7dd"/>
-            <stop offset="1" stop-color="#bec1c6"/>
-        </linearGradient>
-        <clipPath id="c">
-            <path d="M256,392c30.93,0,56-25.45,56-56.84a57,57,0,0,0-24-46.6V152.48A32.24,32.24,0,0,0,256,120V79.74H423.17V392Zm4-192h28m-28-32h28m-28,64h28" fill="none"/>
-        </clipPath>
-        <linearGradient id="d" x1="270.01" y1="129.81" x2="357.99" y2="282.19" gradientUnits="userSpaceOnUse">
-            <stop offset="0" stop-color="#86c3db"/>
-            <stop offset="0.45" stop-color="#86c3db"/>
-            <stop offset="1" stop-color="#5eafcf"/>
-        </linearGradient>
-        <symbol id="f" viewBox="0 0 72 168">
-            <circle cx="36" cy="132" r="36" fill="#2885c7"/>
-            <path d="M36,72V132" fill="none" stroke="#2885c7" stroke-linecap="round" stroke-miterlimit="10" stroke-width="24">
-                <animateTransform
-                    attributeName="transform"
-                    type="translate"
-                    values="0 0; 0 9; 0 0"
-                    dur="1.5s"
-                    calcMode="spline"
-                    keySplines=".42, 0, .58, 1; .42, 0, .58, 1"
-                    repeatCount="indefinite"/>
-            </path>
-        </symbol>
-        <symbol id="g" viewBox="0 0 118 278">
-            <path d="M115,218.16C115,249.55,89.93,275,59,275S3,249.55,3,218.16a57,57,0,0,1,24-46.6V35.48a32,32,0,1,1,64,0V171.56A57,57,0,0,1,115,218.16ZM63,83H91M63,51H91M63,115H91" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" fill="url(#a)" stroke="url(#b)"/>
-        </symbol>
-        <symbol id="e" viewBox="0 0 118 278">
-            <use width="72" height="168" transform="translate(23 87)" xlink:href="#f"/>
-            <use width="118" height="278" xlink:href="#g"/>
-        </symbol>
-    </defs>
-    <g clip-path="url(#c)">
-        <path d="M393.74,233l-23.55-13.59a57.8,57.8,0,0,0-.05-26.71L393.74,179a16.5,16.5,0,1,0-16.51-28.58l-23.58,13.61a56,56,0,0,0-23.14-13.36V123.5a16.51,16.51,0,0,0-33,0v27.24a57.83,57.83,0,0,0-23.17,13.31l-23.55-13.59A16.5,16.5,0,1,0,234.26,179l23.55,13.59a57.8,57.8,0,0,0,.05,26.71L234.26,233a16.5,16.5,0,1,0,16.51,28.58l23.58-13.61a55.33,55.33,0,0,0,23.14,13.32V288.5a16.51,16.51,0,0,0,33,0V261.22a57.74,57.74,0,0,0,23.14-13.29l23.58,13.61A16.5,16.5,0,1,0,393.74,233Zm-92.12-5.52a24.76,24.76,0,1,1,33.83-9.06A24.79,24.79,0,0,1,301.62,227.44Z" stroke="#72b9d5" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" fill="url(#d)">
-            <animateTransform
-                attributeName="transform"
-                type="scale"
-                values="1 1; .9 .9; 1 1; .9 .9; 1 1"
-                dur="6s"
-                calcMode="spline"
-                keySplines=".42, 0, .58, 1; .42, 0, .58, 1; .42, 0, .58, 1; .42, 0, .58, 1"
-                repeatCount="indefinite"/>
-
-            <animateTransform
-                attributeName="transform"
-                additive="sum"
-                type="translate"
-                values="0 0; 31.4 20.6; 0 0; 31.4 20.6; 0 0"
-                dur="6s"
-                calcMode="spline"
-                keySplines=".42, 0, .58, 1; .42, 0, .58, 1; .42, 0, .58, 1; .42, 0, .58, 1"
-                repeatCount="indefinite"/>
-
-            <animateTransform
-                attributeName="transform"
-                additive="sum"
-                type="rotate"
-                values="-6 314 206; 6 314 206; -6 314 206"
-                dur="6s"
-                calcMode="spline"
-                keySplines=".42, 0, .58, 1; .42, 0, .58, 1"
-                repeatCount="indefinite"/>
-        </path>
-    </g>
-    <use width="118" height="278" transform="translate(197 117)" xlink:href="#e"/>
-</svg>
diff --git a/dist/weather_icons/animated/cool.svg b/dist/weather_icons/animated/cool.svg
deleted file mode 100644
index d53c1c8..0000000
--- a/dist/weather_icons/animated/cool.svg
+++ /dev/null
@@ -1,98 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512">
-    <defs>
-        <linearGradient id="a" x1="-7.17" y1="36.31" x2="116.44" y2="250.4" gradientUnits="userSpaceOnUse">
-            <stop offset="0" stop-color="#515a69" stop-opacity="0.05"/>
-            <stop offset="0.45" stop-color="#6b7280" stop-opacity="0.05"/>
-            <stop offset="1" stop-color="#384354" stop-opacity="0.1"/>
-        </linearGradient>
-        <linearGradient id="b" x1="-8.67" y1="33.71" x2="117.94" y2="253" gradientUnits="userSpaceOnUse">
-            <stop offset="0" stop-color="#d4d7dd"/>
-            <stop offset="0.45" stop-color="#d4d7dd"/>
-            <stop offset="1" stop-color="#bec1c6"/>
-        </linearGradient>
-        <symbol id="d" viewBox="0 0 72 168">
-            <circle cx="36" cy="132" r="36" fill="#2885c7"/>
-            <path d="M36,48V132" fill="none" stroke="#2885c7" stroke-linecap="round" stroke-miterlimit="8" stroke-width="24">
-                <animateTransform
-                    attributeName="transform"
-                    type="translate"
-                    values="0 0; 0 21; 0 0"
-                    dur="1.5s"
-                    calcMode="spline"
-                    keySplines=".42, 0, .58, 1; .42, 0, .58, 1"
-                    repeatCount="indefinite"/>
-            </path>
-        </symbol>
-        <symbol id="e" viewBox="0 0 118 278">
-            <path d="M115,218.16C115,249.55,89.93,275,59,275S3,249.55,3,218.16a57,57,0,0,1,24-46.6V35.48a32,32,0,1,1,64,0V171.56A57,57,0,0,1,115,218.16ZM63,83H91M63,51H91M63,115H91" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" fill="url(#a)" stroke="url(#b)"/>
-        </symbol>
-        <symbol id="c" viewBox="0 0 118 278">
-            <use width="72" height="168" transform="translate(23 87)" xlink:href="#d"/>
-            <use width="118" height="278" xlink:href="#e"/>
-        </symbol>
-    </defs>
-    <use width="118" height="278" transform="translate(197 117)" xlink:href="#c"/>
-
-    <path d="M372.5,271a4.59,4.59,0,0,0-3.18,1.26L350,290.66l-19.32-18.4a4.64,4.64,0,0,0-6.36,0,4.14,4.14,0,0,0,0,6.06l22.5,21.42a4.64,4.64,0,0,0,6.36,0l22.5-21.42a4.14,4.14,0,0,0,0-6.06A4.59,4.59,0,0,0,372.5,271Z" fill="#2a81bf" opacity="0">
-        <animateTransform
-            attributeName="transform"
-            type="translate"
-            values="0 -30; 0 0; 0 30"
-            begin="-1.2s"
-            dur="3s"
-            calcMode="spline"
-            keySplines=".55, 0, .1, 1; .55, 0, .1, 1"
-            repeatCount="indefinite"/>
-
-        <animate
-            attributeName="opacity"
-            values="0; 1; 0"
-            begin="-1.2s"
-            dur="3s"
-            calcMode="spline"
-            keySplines=".55, 0, .1, 1; .55, 0, .1, 1"
-            repeatCount="indefinite"/>
-    </path>
-
-    <path d="M372.5,244a4.59,4.59,0,0,0-3.18,1.26L350,263.66l-19.32-18.4a4.64,4.64,0,0,0-6.36,0,4.14,4.14,0,0,0,0,6.06l22.5,21.42a4.64,4.64,0,0,0,6.36,0l22.5-21.42a4.14,4.14,0,0,0,0-6.06A4.59,4.59,0,0,0,372.5,244Z" fill="#2a81bf" opacity="0">
-        <animateTransform
-            attributeName="transform"
-            type="translate"
-            values="0 -30; 0 0; 0 30"
-            begin="-1.1s"
-            dur="3s"
-            calcMode="spline"
-            keySplines=".55, 0, .1, 1; .55, 0, .1, 1"
-            repeatCount="indefinite"/>
-
-        <animate
-            attributeName="opacity"
-            values="0; 1; 0"
-            begin="-1.1s"
-            dur="3s"
-            calcMode="spline"
-            keySplines=".55, 0, .1, 1; .55, 0, .1, 1"
-            repeatCount="indefinite"/>
-    </path>
-
-    <path d="M372.5,217a4.59,4.59,0,0,0-3.18,1.26L350,236.66l-19.32-18.4a4.64,4.64,0,0,0-6.36,0,4.14,4.14,0,0,0,0,6.06l22.5,21.42a4.64,4.64,0,0,0,6.36,0l22.5-21.42a4.14,4.14,0,0,0,0-6.06A4.59,4.59,0,0,0,372.5,217Z" fill="#2a81bf" opacity="0">
-        <animateTransform
-            attributeName="transform"
-            type="translate"
-            values="0 -30; 0 0; 0 30"
-            begin="-1s"
-            dur="3s"
-            calcMode="spline"
-            keySplines=".55, 0, .1, 1; .55, 0, .1, 1"
-            repeatCount="indefinite"/>
-
-        <animate
-            attributeName="opacity"
-            values="0; 1; 0"
-            begin="-1s"
-            dur="3s"
-            calcMode="spline"
-            keySplines=".55, 0, .1, 1; .55, 0, .1, 1"
-            repeatCount="indefinite"/>
-    </path>
-</svg>
diff --git a/dist/weather_icons/animated/dry.svg b/dist/weather_icons/animated/dry.svg
deleted file mode 100644
index f34296c..0000000
--- a/dist/weather_icons/animated/dry.svg
+++ /dev/null
@@ -1,177 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** DRY
-*/
-@keyframes leaf-3 {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  50% {
-    -webkit-transform: rotate(6deg);
-       -moz-transform: rotate(6deg);
-        -ms-transform: rotate(6deg);
-            transform: rotate(6deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-}
-
-.leaf-3 {
-  -webkit-animation-name: leaf-3;
-     -moz-animation-name: leaf-3;
-      -ms-animation-name: leaf-3;
-          animation-name: leaf-3;
-  -webkit-animation-duration: 10s;
-     -moz-animation-duration: 10s;
-      -ms-animation-duration: 10s;
-          animation-duration: 10s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes leaf-1 {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  50% {
-    -webkit-transform: rotate(-6deg);
-       -moz-transform: rotate(-6deg);
-        -ms-transform: rotate(-6deg);
-            transform: rotate(-6deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-}
-
-.leaf-1 {
-  -webkit-animation-name: leaf-1;
-     -moz-animation-name: leaf-1;
-      -ms-animation-name: leaf-1;
-          animation-name: leaf-1;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes leaf-2 {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  50% {
-    -webkit-transform: rotate(-12deg);
-       -moz-transform: rotate(-12deg);
-        -ms-transform: rotate(-12deg);
-            transform: rotate(-12deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-}
-
-.leaf-2 {
-  -webkit-animation-name: leaf-2;
-     -moz-animation-name: leaf-2;
-      -ms-animation-name: leaf-2;
-          animation-name: leaf-2;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-      -ms-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]>
-  </style>
- </defs>
- <g id="surface1" style="" transform="matrix(0.336071, 0, 0, 0.296909, 36.149166, -35.802197)">
-   <g class="leaf-1">
-     <path style="stroke: none; fill-rule: nonzero; fill: rgb(222, 119, 56); fill-opacity: 1;" d="M -33.786 215.815 C -25.058 216.629 -16.699 218.549 -9.792 215.072 C -8.64 216.962 -8.464 218.103 -8.093 218.536 C -5.215 217.201 4.429 211.65 5.403 210.099 C 6.569 211.301 11.329 215.441 10.659 219.413 C 16.784 215 21.819 204.54 18.16 198.896 C 19.244 198.72 20.733 198.881 21.352 199.414 C 21.093 196.151 18.998 190.977 11.388 186.714 C 8.723 183.835 4.745 179.973 -2.291 179.769 C -1.774 180.969 -1.966 182.036 -2.325 182.889 C -11.562 180.301 -20.271 185.47 -25.5 187.782 C -22.003 188.691 -16.794 191.243 -14.506 194.275 C -17.324 195.033 -20.767 197.408 -23.882 201.167 C -22.223 201.698 -21.092 202.415 -20.222 203.233 C -25.279 205.549 -22.707 212.842 -33.786 215.815 Z M -33.786 215.815"/>
-     <path style="stroke: none; fill-rule: nonzero; fill: rgb(125, 78, 37); fill-opacity: 1;" d="M -20.891 212.449 C -16.474 210.249 -12.514 207.546 -8.802 204.691 C -5.099 201.821 -1.676 198.749 1.507 195.547 C 5.324 191.696 7.094 189.699 10.357 185.597 C 11.719 183.889 13.035 182.159 14.319 180.417 C 14.96 179.544 15.591 178.673 16.227 177.795 C 16.873 176.915 17.496 176.044 18.235 175.137 C 18.854 174.376 19.948 174.25 20.714 174.851 C 21.479 175.45 21.629 176.56 21.008 177.339 C 20.991 177.36 20.971 177.385 20.952 177.407 C 20.949 177.41 20.949 177.412 20.945 177.417 C 20.31 178.13 19.653 178.97 18.998 179.796 C 18.343 180.625 17.682 181.47 17.01 182.314 C 15.666 183.999 14.276 185.687 12.834 187.358 C 9.372 191.379 7.496 193.335 3.476 197.081 C 0.115 200.201 -3.49 203.182 -7.389 205.952 C -11.294 208.706 -15.454 211.3 -20.115 213.386 C -20.439 213.532 -20.872 213.436 -21.082 213.177 C -21.282 212.924 -21.196 212.609 -20.902 212.455 C -20.899 212.453 -20.894 212.451 -20.891 212.449 Z M -20.891 212.449"/>
-   </g>
-   <g class="leaf-1">
-     <path style="stroke: none; fill-rule: nonzero; fill: rgb(189, 147, 36); fill-opacity: 1;" d="M -58.824 234.302 C -56.872 238.002 -55.993 241.966 -52.019 244.14 C -52.976 245.09 -53.703 245.417 -53.908 245.674 C -52.347 246.625 -46.368 249.655 -45.073 249.732 C -45.642 250.552 -47.624 253.659 -50.665 254.119 C -46.332 256.015 -37.521 256.229 -34.343 252.971 C -33.971 253.458 -33.762 254.231 -34.015 254.673 C -31.707 253.718 -28.293 251.29 -27.869 246.096 C -26.82 243.839 -25.854 240.443 -28.382 236.847 C -28.854 237.544 -29.531 237.822 -30.144 237.949 C -32.001 232.464 -38.057 230.326 -41.036 228.891 C -40.244 230.764 -39.747 234.045 -40.698 236.092 C -42.04 235.068 -44.457 234.342 -47.518 234.195 C -47.302 235.073 -47.361 235.783 -47.57 236.409 C -50.421 234.924 -53.975 237.975 -58.824 234.302 Z M -58.824 234.302"/>
-     <path style="stroke: none; fill-rule: nonzero; fill: rgb(125, 78, 37); fill-opacity: 1;" d="M -53.244 238.724 C -50.692 240.01 -47.939 241.012 -45.128 241.866 C -42.313 242.722 -39.416 243.411 -36.469 243.96 C -32.924 244.617 -31.122 244.873 -27.468 245.215 C -25.945 245.363 -24.412 245.477 -22.861 245.578 C -22.086 245.629 -21.309 245.667 -20.523 245.714 C -19.731 245.768 -18.951 245.814 -18.096 245.908 C -17.385 245.985 -16.921 246.535 -17.064 247.147 C -17.211 247.756 -17.921 248.198 -18.646 248.119 C -18.669 248.115 -18.69 248.109 -18.711 248.108 C -18.714 248.107 -18.72 248.108 -18.724 248.107 C -19.408 247.999 -20.183 247.918 -20.939 247.837 C -21.704 247.756 -22.474 247.68 -23.243 247.594 C -24.783 247.427 -26.32 247.245 -27.849 247.029 C -31.524 246.518 -33.331 246.178 -36.875 245.361 C -39.828 244.672 -42.72 243.843 -45.528 242.857 C -48.328 241.857 -51.062 240.731 -53.604 239.299 C -53.783 239.201 -53.841 238.994 -53.736 238.838 C -53.637 238.686 -53.419 238.639 -53.248 238.724 C -53.245 238.725 -53.245 238.723 -53.244 238.724 Z M -53.244 238.724"/>
-   </g>
-   <g class="leaf-3">
-     <path style="stroke: none; fill-rule: nonzero; fill: rgb(181, 48, 35); fill-opacity: 1;" d="M -36.613 209.79 C -38.347 211.2 -39.602 212.979 -42.022 213.195 C -41.743 213.871 -41.453 214.192 -41.402 214.363 C -42.375 214.495 -45.962 214.706 -46.619 214.469 C -46.507 214.999 -46.171 216.963 -44.761 217.845 C -47.3 217.853 -51.705 216.058 -52.603 213.761 C -52.889 213.921 -53.152 214.259 -53.116 214.533 C -54.062 213.564 -55.248 211.625 -54.38 208.963 C -54.433 207.621 -54.209 205.73 -52.207 204.494 C -52.12 204.937 -51.842 205.227 -51.566 205.418 C -49.509 203.106 -46.071 203.35 -44.295 203.28 C -45.077 204.035 -46.005 205.555 -45.956 206.773 C -45.079 206.554 -43.733 206.714 -42.188 207.302 C -42.476 207.686 -42.593 208.053 -42.62 208.407 C -40.9 208.291 -39.772 210.565 -36.613 209.79 Z M -36.613 209.79"/>
-     <path style="stroke: none; fill-rule: nonzero; fill: rgb(125, 78, 37); fill-opacity: 1;" d="M -40.294 210.78 C -41.82 210.867 -43.389 210.763 -44.961 210.583 C -46.53 210.399 -48.106 210.118 -49.682 209.759 C -51.572 209.318 -52.519 209.057 -54.397 208.44 C -55.183 208.184 -55.964 207.909 -56.753 207.623 C -57.147 207.479 -57.541 207.332 -57.939 207.19 C -58.341 207.044 -58.738 206.897 -59.179 206.76 C -59.551 206.648 -59.894 206.821 -59.948 207.153 C -60.002 207.487 -59.741 207.859 -59.365 207.976 C -59.355 207.977 -59.343 207.98 -59.333 207.982 C -59.331 207.982 -59.328 207.985 -59.327 207.985 C -58.966 208.08 -58.567 208.207 -58.173 208.33 C -57.779 208.455 -57.381 208.579 -56.981 208.705 C -56.183 208.956 -55.385 209.194 -54.585 209.42 C -52.658 209.956 -51.696 210.179 -49.77 210.536 C -48.165 210.831 -46.562 211.045 -44.968 211.162 C -43.376 211.273 -41.786 211.301 -40.232 211.14 C -40.125 211.129 -40.053 211.038 -40.073 210.941 C -40.091 210.84 -40.186 210.774 -40.291 210.78 C -40.294 210.78 -40.293 210.78 -40.294 210.78 Z M -40.294 210.78"/>
-   </g>
-   <g class="leaf-3">
-     <path style="stroke: none; fill-rule: nonzero; fill: rgb(222, 119, 56); fill-opacity: 1;" d="M 8.008 261.051 C 6.051 264.753 5.173 268.723 1.201 270.893 C 2.153 271.846 2.88 272.166 3.09 272.425 C 1.528 273.378 -4.457 276.405 -5.748 276.48 C -5.179 277.304 -3.202 280.416 -0.159 280.874 C -4.492 282.77 -13.298 282.984 -16.474 279.725 C -16.848 280.209 -17.056 280.989 -16.803 281.427 C -19.112 280.472 -22.528 278.046 -22.952 272.852 C -24 270.597 -24.964 267.191 -22.433 263.601 C -21.965 264.293 -21.291 264.576 -20.674 264.697 C -18.818 259.217 -12.765 257.079 -9.783 255.645 C -10.575 257.518 -11.072 260.802 -10.119 262.846 C -8.779 261.822 -6.36 261.093 -3.3 260.948 C -3.516 261.825 -3.46 262.534 -3.251 263.159 C -0.399 261.673 3.161 264.725 8.008 261.051 Z M 8.008 261.051"/>
-     <path style="stroke: none; fill-rule: nonzero; fill: rgb(125, 78, 37); fill-opacity: 1;" d="M 2.421 265.477 C -0.13 266.763 -2.881 267.761 -5.692 268.621 C -8.507 269.474 -11.404 270.16 -14.351 270.713 C -17.898 271.366 -19.698 271.624 -23.354 271.968 C -24.877 272.112 -26.41 272.227 -27.957 272.323 C -28.734 272.376 -29.512 272.422 -30.298 272.467 C -31.089 272.518 -31.871 272.563 -32.724 272.652 C -33.438 272.733 -33.904 273.284 -33.757 273.893 C -33.612 274.506 -32.898 274.948 -32.174 274.866 C -32.152 274.863 -32.132 274.859 -32.108 274.856 C -32.105 274.855 -32.102 274.856 -32.099 274.855 C -31.416 274.747 -30.64 274.67 -29.883 274.588 C -29.121 274.507 -28.35 274.424 -27.579 274.343 C -26.038 274.177 -24.498 273.992 -22.97 273.78 C -19.298 273.268 -17.491 272.934 -13.947 272.112 C -10.994 271.423 -8.1 270.595 -5.291 269.606 C -2.492 268.604 0.244 267.479 2.783 266.05 C 2.961 265.948 3.022 265.745 2.915 265.586 C 2.813 265.436 2.6 265.386 2.428 265.476 C 2.424 265.477 2.423 265.477 2.421 265.477 Z M 2.421 265.477"/>
-   </g>
-   <g class="leaf-3">
-     <path style="stroke: none; fill-rule: nonzero; fill: rgb(237, 184, 44); fill-opacity: 1;" d="M 35.263 255.223 C 32.424 255.373 29.836 256.369 27.304 255.169 C 27.065 256.053 27.101 256.559 27.015 256.77 C 25.983 256.33 22.319 254.652 21.83 254.073 C 21.571 254.706 20.526 256.972 21.187 258.604 C 18.799 257.345 15.704 253.689 16.158 250.803 C 15.761 250.878 15.281 251.167 15.153 251.484 C 14.758 250.085 14.589 247.548 16.948 244.728 C 17.592 243.155 18.744 240.932 21.695 240.218 C 21.586 240.786 21.762 241.23 21.987 241.57 C 25.559 239.639 29.551 241.706 31.67 242.729 C 30.294 243.133 28.331 244.394 27.625 245.819 C 28.741 246.045 30.157 247.019 31.419 248.665 C 30.836 248.909 30.457 249.242 30.183 249.617 C 32.099 250.548 31.555 253.646 35.263 255.223 Z M 35.263 255.223"/>
-     <path style="stroke: none; fill-rule: nonzero; fill: rgb(125, 78, 37); fill-opacity: 1;" d="M 30.85 253.675 C 29.254 252.763 27.725 251.716 26.202 250.664 C 24.687 249.603 23.185 248.51 21.69 247.416 L 17.201 244.115 C 16.45 243.565 15.695 243.022 14.932 242.479 C 14.551 242.211 14.168 241.944 13.772 241.678 C 13.38 241.416 12.988 241.156 12.541 240.905 C 12.166 240.697 11.693 240.837 11.488 241.217 C 11.285 241.601 11.423 242.081 11.795 242.289 C 11.807 242.297 11.818 242.303 11.83 242.308 L 11.835 242.311 C 12.209 242.495 12.599 242.728 12.988 242.958 C 13.379 243.195 13.766 243.434 14.156 243.686 C 14.93 244.179 15.708 244.684 16.478 245.196 L 21.123 248.266 C 22.67 249.288 24.227 250.305 25.805 251.293 C 27.379 252.276 28.966 253.254 30.635 254.098 C 30.749 254.155 30.891 254.109 30.945 253.989 C 31.002 253.876 30.959 253.739 30.852 253.675 Z M 30.85 253.675"/>
-   </g>
-  </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/exceptional.svg b/dist/weather_icons/animated/exceptional.svg
deleted file mode 100644
index e9f981a..0000000
--- a/dist/weather_icons/animated/exceptional.svg
+++ /dev/null
@@ -1,25 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
-  <defs>
-    <filter id="blur" width="200%" height="200%">
-      <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-      <feOffset dx="0" dy="4" result="offsetblur"/>
-      <feComponentTransfer>
-        <feFuncA type="linear" slope="0.05"/>
-      </feComponentTransfer>
-      <feMerge>
-        <feMergeNode/>
-        <feMergeNode in="SourceGraphic"/>
-      </feMerge>
-    </filter>
-  </defs>
-  <g filter="url(#blur)" transform="matrix(2.002152, 0, 0, 1.997527, -27.063171, -39.780472)">
-    <g transform="translate(20,10)">
-      <g id="error" transform="translate(0,16)">
-        <path d="M7.77911118,2.90598694 L1.78786622,13.0231308 L1.78786622,13.0231308 C1.2250391,13.9735514 1.53924574,15.2002811 2.48966639,15.7631082 C2.79820001,15.9458179 3.15018031,16.0422194 3.50875504,16.0422194 L15.491245,16.0422194 L15.491245,16.0422194 C16.5958145,16.0422194 17.491245,15.1467889 17.491245,14.0422194 C17.491245,13.6836447 17.3948435,13.3316644 17.2121338,13.0231308 L11.2208888,2.90598694 L11.2208888,2.90598694 C10.6580617,1.95556629 9.431332,1.64135966 8.48091135,2.20418678 C8.19172737,2.37543789 7.95036229,2.61680296 7.77911118,2.90598694 Z" id="Shape" fill="#CC0000" fill-rule="nonzero"/>
-        <path d="M9.5,10.5 L9.5,5.5" id="Line" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round"/>
-        <circle id="Oval" fill="#FFFFFF" cx="9.5" cy="13" r="1"/>
-      </g>
-    </g>
-  </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/fair-day-rain.svg b/dist/weather_icons/animated/fair-day-rain.svg
deleted file mode 100644
index 91ed96b..0000000
--- a/dist/weather_icons/animated/fair-day-rain.svg
+++ /dev/null
@@ -1,211 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(1px,0px);
-       -moz-transform: translate(1px,0px);
-        -ms-transform: translate(1px,0px);
-            transform: translate(1px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="cloudy-day-1">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-8,3), scale(0.5)"/>
-            </g>
-            <g transform="translate(37,45), rotate(10)">
-                <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-33,-12)" x1="0" x2="0" y1="0" y2="8" />
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/fair-day.svg b/dist/weather_icons/animated/fair-day.svg
deleted file mode 100644
index 8a226b5..0000000
--- a/dist/weather_icons/animated/fair-day.svg
+++ /dev/null
@@ -1,175 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(3px,0px);
-       -moz-transform: translate(3px,0px);
-        -ms-transform: translate(3px,0px);
-            transform: translate(3px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="cloudy-day-1">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-6,8), scale(0.4)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/fair-night.svg b/dist/weather_icons/animated/fair-night.svg
deleted file mode 100644
index 39f047a..0000000
--- a/dist/weather_icons/animated/fair-night.svg
+++ /dev/null
@@ -1,198 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** MOON
-*/
-@keyframes am-weather-moon {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  50% {
-    -webkit-transform: rotate(15deg);
-       -moz-transform: rotate(15deg);
-        -ms-transform: rotate(15deg);
-            transform: rotate(15deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-}
-
-.am-weather-moon {
-  -webkit-animation-name: am-weather-moon;
-     -moz-animation-name: am-weather-moon;
-      -ms-animation-name: am-weather-moon;
-          animation-name: am-weather-moon;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  -webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-     -moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-      -ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-          transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-}
-
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="Fair-Night">
-        <g transform="translate(20,15)">
-            <g name="moon">
-            <g class="am-weather-moon-star-1">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-            </g>
-            <g class="am-weather-moon-star-2">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-            </g>
-            <g class="am-weather-moon">
-                <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-            </g>
-        </g>
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-2,10), scale(0.4)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/fog-ts.svg b/dist/weather_icons/animated/fog-ts.svg
deleted file mode 100644
index eb0f6dd..0000000
--- a/dist/weather_icons/animated/fog-ts.svg
+++ /dev/null
@@ -1,273 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-        <feMerge> 
-          <feMergeNode/>
-          <feMergeNode in="SourceGraphic"/> 
-        </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="fog-ts">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-6), scale(0.6)"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g transform="translate(-5,28), scale(1)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
-            </g>
-            <line stroke="#FFFFFF" stroke-linecap="round" stroke-width="3.5" x1="-3" y1="27" x2="20" y2="27"/>
-            <line stroke="#FFFFFF" stroke-linecap="round" stroke-width="3.5" x1="11" y1="20" x2="30" y2="20"/>
-            <line stroke="#FFFFFF" stroke-linecap="round" stroke-width="3.5" x1="0" y1="11" x2="17" y2="11"/>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/fog.svg b/dist/weather_icons/animated/fog.svg
deleted file mode 100644
index 309fd29..0000000
--- a/dist/weather_icons/animated/fog.svg
+++ /dev/null
@@ -1,118 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-        <feMerge> 
-          <feMergeNode/>
-          <feMergeNode in="SourceGraphic"/> 
-        </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="fog">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-6), scale(0.6)"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <line stroke="#FFFFFF" stroke-linecap="round" stroke-width="3.5" x1="-3" y1="27" x2="20" y2="27"/>
-            <line stroke="#FFFFFF" stroke-linecap="round" stroke-width="3.5" x1="11" y1="20" x2="30" y2="20"/>
-            <line stroke="#FFFFFF" stroke-linecap="round" stroke-width="3.5" x1="0" y1="11" x2="17" y2="11"/>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/haze-ts.svg b/dist/weather_icons/animated/haze-ts.svg
deleted file mode 100644
index d7a8f2c..0000000
--- a/dist/weather_icons/animated/haze-ts.svg
+++ /dev/null
@@ -1,272 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-        <feMerge> 
-          <feMergeNode/>
-          <feMergeNode in="SourceGraphic"/> 
-        </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="haze-ts">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-6), scale(0.6)"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g transform="translate(-5,28), scale(1)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
-            </g>
-            <line stroke="#E2D59E" stroke-linecap="round" stroke-width="3.5" x1="-3" y1="27" x2="20" y2="27"/>
-            <line stroke="#E2D59E" stroke-linecap="round" stroke-width="3.5" x1="11" y1="20" x2="30" y2="20"/>
-            <line stroke="#E2D59E" stroke-linecap="round" stroke-width="3.5" x1="0" y1="11" x2="17" y2="11"/>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/haze.svg b/dist/weather_icons/animated/haze.svg
deleted file mode 100644
index 046b710..0000000
--- a/dist/weather_icons/animated/haze.svg
+++ /dev/null
@@ -1,117 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-        <feMerge> 
-          <feMergeNode/>
-          <feMergeNode in="SourceGraphic"/> 
-        </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="haze">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-6), scale(0.6)"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <line stroke="#E2D59E" stroke-linecap="round" stroke-width="3.5" x1="-3" y1="27" x2="20" y2="27"/>
-            <line stroke="#E2D59E" stroke-linecap="round" stroke-width="3.5" x1="11" y1="20" x2="30" y2="20"/>
-            <line stroke="#E2D59E" stroke-linecap="round" stroke-width="3.5" x1="0" y1="11" x2="17" y2="11"/>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/heavy-rain-2.svg b/dist/weather_icons/animated/heavy-rain-2.svg
deleted file mode 100644
index ef1b184..0000000
--- a/dist/weather_icons/animated/heavy-rain-2.svg
+++ /dev/null
@@ -1,176 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="heavy-rain-2">
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-8,0)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-4,1)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(4,0)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(8,-2)" x1="0" x2="0" y1="0" y2="8"/>
-        </g>
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-6), scale(0.6)"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/heavy-rain-ts.svg b/dist/weather_icons/animated/heavy-rain-ts.svg
deleted file mode 100644
index 59be282..0000000
--- a/dist/weather_icons/animated/heavy-rain-ts.svg
+++ /dev/null
@@ -1,290 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="heavy-rain-ts">
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-8,0)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-4,1)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(4,0)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(8,-2)" x1="0" x2="0" y1="0" y2="8"/>
-        </g>
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g transform="translate(-5,28), scale(1)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/heavy-rain.svg b/dist/weather_icons/animated/heavy-rain.svg
deleted file mode 100644
index 5e94c87..0000000
--- a/dist/weather_icons/animated/heavy-rain.svg
+++ /dev/null
@@ -1,135 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="heavy-rain">
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-8,0)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-4,1)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(4,0)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(8,-2)" x1="0" x2="0" y1="0" y2="8"/>
-        </g>
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/hot.svg b/dist/weather_icons/animated/hot.svg
deleted file mode 100644
index 09be587..0000000
--- a/dist/weather_icons/animated/hot.svg
+++ /dev/null
@@ -1,61 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512">
-    <defs>
-        <linearGradient id="a" x1="78" y1="63.35" x2="118" y2="132.65" gradientUnits="userSpaceOnUse">
-            <stop offset="0" stop-color="orange"/>
-            <stop offset="0.45" stop-color="orange"/>
-            <stop offset="1" stop-color="orange"/>
-        </linearGradient>
-        <linearGradient id="b" x1="-7.17" y1="36.31" x2="116.44" y2="250.4" gradientUnits="userSpaceOnUse">
-            <stop offset="0" stop-color="#515a69" stop-opacity="0.05"/>
-            <stop offset="0.45" stop-color="#6b7280" stop-opacity="0.05"/>
-            <stop offset="1" stop-color="#384354" stop-opacity="0.1"/>
-        </linearGradient>
-        <linearGradient id="c" x1="-8.67" y1="33.71" x2="117.94" y2="253" gradientUnits="userSpaceOnUse">
-            <stop offset="0" stop-color="#d4d7dd"/>
-            <stop offset="0.45" stop-color="#d4d7dd"/>
-            <stop offset="1" stop-color="#bec1c6"/>
-        </linearGradient>
-        <clipPath id="d">
-            <path d="M256,392c30.93,0,56-25.45,56-56.84a57,57,0,0,0-24-46.6V152.48A32.24,32.24,0,0,0,256,120V79.74H423.17V392Zm4-192h28m-28-32h28m-28,64h28" fill="none"/>
-        </clipPath>
-        <symbol id="e" viewBox="0 0 196 196" overflow="visible">
-            <!-- sun-core -->
-            <circle cx="98" cy="98" r="40" stroke="orange" stroke-miterlimit="10" stroke-width="4" fill="url(#a)"/>
-
-            <!-- sun-rays -->
-            <path d="M98,31.38V6m0,184V164.62M145.11,50.89,163.05,33M33,163.05l17.94-17.94m0-94.22L33,33m130.1,130.1-17.94-17.94M6,98H31.38M190,98H164.62" fill="none" stroke="orange" stroke-linecap="round" stroke-miterlimit="10" stroke-width="15">
-                <animateTransform
-                    attributeName="transform"
-                    additive="sum"
-                    type="rotate"
-                    values="0 98 98; 45 98 98"
-                    dur="1s"
-                    repeatCount="indefinite"/>
-            </path>
-        </symbol>
-        <symbol id="g" viewBox="0 0 72 168" overflow="visible">
-            <circle cx="36" cy="132" r="36" fill="#ef4444"/>
-            <path d="M36,-18V132" fill="none" stroke="#ef4444" stroke-linecap="round" stroke-miterlimit="10" stroke-width="24">
-                <animateTransform
-                    attributeName="transform"
-                    type="translate"
-                    values="0 0; 0 15; 0 0"
-                    dur="1.5s"
-                    calcMode="spline"
-                    keySplines=".42, 0, .58, 1; .42, 0, .58, 1"
-                    repeatCount="indefinite"/>
-            </path>
-        </symbol>
-        <symbol id="h" viewBox="0 0 118 278">
-            <path d="M115,218.16C115,249.55,89.93,275,59,275S3,249.55,3,218.16a57,57,0,0,1,24-46.6V35.48a32,32,0,1,1,64,0V171.56A57,57,0,0,1,115,218.16ZM63,83H91M63,51H91M63,115H91" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" fill="url(#b)" stroke="url(#c)"/>
-        </symbol>
-        <symbol id="f" viewBox="0 0 118 278">
-            <use width="72" height="168" transform="translate(23 87)" xlink:href="#g"/>
-            <use width="118" height="278" xlink:href="#h"/>
-        </symbol>
-    </defs>
-    <g clip-path="url(#d)">
-        <use width="196" height="196" transform="translate(216 108)" xlink:href="#e"/>
-    </g>
-    <use width="118" height="278" transform="translate(197 117)" xlink:href="#f"/>
-</svg>
diff --git a/dist/weather_icons/animated/humid.svg b/dist/weather_icons/animated/humid.svg
deleted file mode 100644
index e0be572..0000000
--- a/dist/weather_icons/animated/humid.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><defs><linearGradient id="a" x1="14.8" x2="124.2" y1="42.3" y2="231.7" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3392d6"/><stop offset=".5" stop-color="#3392d6"/><stop offset="1" stop-color="#2477b2"/></linearGradient><symbol id="b" viewBox="0 0 164 245.6"><path fill="url(#a)" stroke="#2885c7" stroke-miterlimit="10" stroke-width="4" d="M82 3.6c-48.7 72-80 117-80 160.7s35.8 79.3 80 79.3 80-35.5 80-79.3S130.7 75.5 82 3.6Z"><animateTransform additive="sum" attributeName="transform" calcMode="spline" dur="6s" keySplines=".42, 0, .58, 1; .42, 0, .58, 1" repeatCount="indefinite" type="scale" values="1 1; 1 .9; 1 1"/></path></symbol></defs><use xlink:href="#b" width="164" height="245.6" transform="translate(173.9 133.01)"/><path fill="#fff" d="M218.8 250.5q4.8-4.5 13.7-4.5t13.6 4.5q4.8 4.4 4.8 12.4v8q0 7.8-4.8 12.2t-13.6 4.4q-9 0-13.7-4.4t-4.8-12.2v-8q0-8 4.8-12.4Zm71.2-1.6a2.8 2.8 0 01-.6 2.6l-53 73.3a9.4 9.4 0 01-2.8 2.8 12.3 12.3 0 01-4.6.6h-4.4c-1.3 0-2.1-.4-2.5-1.1a2.8 2.8 0 01.7-2.8l53-73.3a7 7 0 012.6-2.7 12.7 12.7 0 014.4-.5h4.9c1.2 0 2 .4 2.3 1.1Zm-57.5 7.6q-7.7 0-7.7 7v6.7q0 7 7.7 7t7.7-7v-6.8q0-6.9-7.7-6.9Zm33.4 36.4q4.7-4.5 13.7-4.5t13.6 4.5q4.8 4.5 4.8 12.4v8q0 7.8-4.8 12.2t-13.7 4.5q-8.9 0-13.6-4.4t-4.8-12.3v-8q0-8 4.8-12.4Zm13.6 6.1q-7.6 0-7.6 7v6.6q0 7 7.6 7t7.7-7v-6.7q0-6.9-7.7-6.9Z"/></svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/light-rain-ts.svg b/dist/weather_icons/animated/light-rain-ts.svg
deleted file mode 100644
index d3886cb..0000000
--- a/dist/weather_icons/animated/light-rain-ts.svg
+++ /dev/null
@@ -1,284 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 15s;
-     -moz-animation-duration: 15s;
-      -ms-animation-duration: 15s;
-          animation-duration: 15s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 15s;
-     -moz-animation-duration: 15s;
-      -ms-animation-duration: 15s;
-          animation-duration: 15s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="light-rain-ts">
-        <g transform="translate(34,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="1.4,7" stroke-linecap="round" stroke-width="2" transform="translate(-7,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="1.4,7" stroke-linecap="round" stroke-width="2" transform="translate(1,-1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g transform="translate(-5,28), scale(1)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/light-rain.svg b/dist/weather_icons/animated/light-rain.svg
deleted file mode 100644
index 61787f4..0000000
--- a/dist/weather_icons/animated/light-rain.svg
+++ /dev/null
@@ -1,132 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 15s;
-     -moz-animation-duration: 15s;
-      -ms-animation-duration: 15s;
-          animation-duration: 15s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 15s;
-     -moz-animation-duration: 15s;
-      -ms-animation-duration: 15s;
-          animation-duration: 15s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="light-rain">
-        <g transform="translate(34,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="1.4,7" stroke-linecap="round" stroke-width="2" transform="translate(-7,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="1.4,7" stroke-linecap="round" stroke-width="2" transform="translate(1,-1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/light-showers-ts.svg b/dist/weather_icons/animated/light-showers-ts.svg
deleted file mode 100644
index 349946a..0000000
--- a/dist/weather_icons/animated/light-showers-ts.svg
+++ /dev/null
@@ -1,390 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 12s;
-     -moz-animation-duration: 12s;
-      -ms-animation-duration: 12s;
-          animation-duration: 12s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(1.5px,0px);
-       -moz-transform: translate(1.5px,0px);
-        -ms-transform: translate(1.5px,0px);
-            transform: translate(1.5px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 12s;
-     -moz-animation-duration: 12s;
-      -ms-animation-duration: 12s;
-          animation-duration: 12s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 12s;
-     -moz-animation-duration: 12s;
-      -ms-animation-duration: 12s;
-          animation-duration: 12s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="light-showers-ts">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-8,3), scale(0.5)"/>
-            </g>
-            <g transform="translate(37,45), rotate(10)">
-                <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="2,7" stroke-linecap="round" stroke-width="1.6" transform="translate(-34,-12)" x1="0" x2="0" y1="0" y2="8" />
-                <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="2,7" stroke-linecap="round" stroke-width="1.6" transform="translate(-30,-14)" x1="0" x2="0" y1="0" y2="8" />
-            </g>
-            <g transform="translate(-2,23), scale(0.6)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/light-showers.svg b/dist/weather_icons/animated/light-showers.svg
deleted file mode 100644
index bb72d1d..0000000
--- a/dist/weather_icons/animated/light-showers.svg
+++ /dev/null
@@ -1,235 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 12s;
-     -moz-animation-duration: 12s;
-      -ms-animation-duration: 12s;
-          animation-duration: 12s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(1.5px,0px);
-       -moz-transform: translate(1.5px,0px);
-        -ms-transform: translate(1.5px,0px);
-            transform: translate(1.5px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 12s;
-     -moz-animation-duration: 12s;
-      -ms-animation-duration: 12s;
-          animation-duration: 12s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 12s;
-     -moz-animation-duration: 12s;
-      -ms-animation-duration: 12s;
-          animation-duration: 12s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="light-showers">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-8,3), scale(0.5)"/>
-            </g>
-            <g transform="translate(37,45), rotate(10)">
-                <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="2,7" stroke-linecap="round" stroke-width="1.6" transform="translate(-34,-12)" x1="0" x2="0" y1="0" y2="8" />
-                <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="2,7" stroke-linecap="round" stroke-width="1.6" transform="translate(-30,-14)" x1="0" x2="0" y1="0" y2="8" />
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/mainly-fine-ts.svg b/dist/weather_icons/animated/mainly-fine-ts.svg
deleted file mode 100644
index 084cf88..0000000
--- a/dist/weather_icons/animated/mainly-fine-ts.svg
+++ /dev/null
@@ -1,308 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** MOON
-*/
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(1.5px,0px);
-       -moz-transform: translate(1.5px,0px);
-        -ms-transform: translate(1.5px,0px);
-            transform: translate(1.5px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="mainly-fine-ts">
-        <g transform="translate(20,15)">
-            <g class="am-weather-moon-star-1">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-            </g>
-            <g class="am-weather-moon-star-2">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(25,10)"/>
-            </g>
-            <g class="am-weather-moon">
-                <circle cx="0" cy="0" fill="orange" r="9.8" stroke="orange" stroke-width="2" transform="translate(14.5,13)"/>
-            </g>
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-8,3), scale(0.5)"/>
-            </g>
-            <g transform="translate(-2,23), scale(0.6)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/mainly-fine.svg b/dist/weather_icons/animated/mainly-fine.svg
deleted file mode 100644
index ea6b127..0000000
--- a/dist/weather_icons/animated/mainly-fine.svg
+++ /dev/null
@@ -1,152 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** MOON
-*/
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(1.5px,0px);
-       -moz-transform: translate(1.5px,0px);
-        -ms-transform: translate(1.5px,0px);
-            transform: translate(1.5px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="mainly-fine">
-        <g transform="translate(20,15)">
-            <g class="am-weather-moon-star-1">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-            </g>
-            <g class="am-weather-moon-star-2">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(25,10)"/>
-            </g>
-            <g class="am-weather-moon">
-                <circle cx="0" cy="0" fill="orange" r="9.8" stroke="orange" stroke-width="2" transform="translate(14.5,13)"/>
-            </g>
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-8,3), scale(0.5)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/mist-ts.svg b/dist/weather_icons/animated/mist-ts.svg
deleted file mode 100644
index bf2b979..0000000
--- a/dist/weather_icons/animated/mist-ts.svg
+++ /dev/null
@@ -1,273 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-        <feMerge> 
-          <feMergeNode/>
-          <feMergeNode in="SourceGraphic"/> 
-        </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="mist-ts">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-6), scale(0.6)"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g transform="translate(-5,28), scale(1)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
-            </g>
-            <line stroke="#FFFFFF" stroke-linecap="round" stroke-width="3.5" x1="-3" y1="27" x2="20" y2="27"/>
-            <line stroke="#FFFFFF" stroke-linecap="round" stroke-width="3.5" x1="0" y1="11" x2="17" y2="11"/>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/mist.svg b/dist/weather_icons/animated/mist.svg
deleted file mode 100644
index cc65129..0000000
--- a/dist/weather_icons/animated/mist.svg
+++ /dev/null
@@ -1,118 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-        <feMerge> 
-          <feMergeNode/>
-          <feMergeNode in="SourceGraphic"/> 
-        </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="mist">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-6), scale(0.6)"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <line stroke="#FFFFFF" stroke-linecap="round" stroke-width="3.5" x1="-3" y1="27" x2="20" y2="27"/>
-            <line stroke="#FFFFFF" stroke-linecap="round" stroke-width="3.5" x1="0" y1="11" x2="17" y2="11"/>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/moon-first-quarter.svg b/dist/weather_icons/animated/moon-first-quarter.svg
deleted file mode 100644
index c7d11ff..0000000
--- a/dist/weather_icons/animated/moon-first-quarter.svg
+++ /dev/null
@@ -1,105 +0,0 @@
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <linearGradient id="a" x1="19.64" x2="37.19" y1="18.96" y2="49.35" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="orange"/>
-	</linearGradient>
-        <style type="text/css"><![CDATA[
-/*
-** MOON
-*/
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="night">
-        <g transform="translate(20,15)">
-            <g class="am-weather-moon-star-1">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-            </g>
-            <g class="am-weather-moon-star-2">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(25,10)"/>
-            </g>
-
-        </g>
-    </g>
-    <path fill="url(#a)" stroke="orange" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5" d="M 37.512 18.623 C 36.087 18.026 34.543 17.711 32.978 17.7 C 38.839 23.359 35.813 32.707 27.533 34.527 C 26.606 34.732 25.653 34.824 24.7 34.804 C 25.686 35.93 26.993 36.784 28.476 37.272 C 34.122 39.625 40.783 37.35 43.37 32.185 C 45.841 26.957 43.218 20.885 37.512 18.623 Z"></path>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/moon-full.svg b/dist/weather_icons/animated/moon-full.svg
deleted file mode 100644
index 571ebfa..0000000
--- a/dist/weather_icons/animated/moon-full.svg
+++ /dev/null
@@ -1,106 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** MOON
-*/
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="night">
-        <g transform="translate(20,15)">
-            <g class="am-weather-moon-star-1">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-            </g>
-            <g class="am-weather-moon-star-2">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(25,10)"/>
-            </g>
-            <g class="am-weather-moon">
-                <circle cx="0" cy="0" fill="orange" r="9.8" stroke="orange" stroke-width="2" transform="translate(14.5,13)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/moon-last-quarter.svg b/dist/weather_icons/animated/moon-last-quarter.svg
deleted file mode 100644
index 09cc65d..0000000
--- a/dist/weather_icons/animated/moon-last-quarter.svg
+++ /dev/null
@@ -1,110 +0,0 @@
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <linearGradient id="a" x1="19.64" x2="37.19" y1="18.96" y2="49.35" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="orange"/>
-	</linearGradient>
-        <style type="text/css"><![CDATA[
-/*
-** MOON
-*/
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="night">
-        <g transform="translate(20,15)">
-            <g class="am-weather-moon-star-1">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-            </g>
-            <g class="am-weather-moon-star-2">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(25,10)"/>
-            </g>
-
-        </g>
-    </g>
-
-
-<path fill="url(#a)" stroke="orange" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5" d="M 33.929 28.785 C 32.142 25.041 32.958 20.681 36.002 17.7 C 34.441 17.712 32.9 18.026 31.481 18.622 C 25.786 20.883 23.165 26.947 25.623 32.175 C 28.206 37.355 34.878 39.632 40.524 37.263 C 42.006 36.773 43.313 35.922 44.3 34.795 C 39.845 34.877 35.763 32.51 33.929 28.785 Z"></path>
-
-
-
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/moon-new.svg b/dist/weather_icons/animated/moon-new.svg
deleted file mode 100644
index bb72126..0000000
--- a/dist/weather_icons/animated/moon-new.svg
+++ /dev/null
@@ -1,107 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** MOON
-*/
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="night">
-        <g transform="translate(20,15)">
-            <g class="am-weather-moon-star-1">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-            </g>
-            <g class="am-weather-moon-star-2">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(25,10)"/>
-            </g>
-            <g class="am-weather-moon">
-                <circle cx="0" cy="0" fill="grey" fill-opacity="0.1" r="10.8" stroke="orange" stroke-width="0" transform="translate(14.5,13)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/moon-waning-crescent.svg b/dist/weather_icons/animated/moon-waning-crescent.svg
deleted file mode 100644
index 76ec2a9..0000000
--- a/dist/weather_icons/animated/moon-waning-crescent.svg
+++ /dev/null
@@ -1,105 +0,0 @@
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <linearGradient id="a" x1="19.64" x2="37.19" y1="18.96" y2="49.35" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="orange"/>
-	</linearGradient>
-        <style type="text/css"><![CDATA[
-/*
-** MOON
-*/
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="night">
-        <g transform="translate(20,15)">
-            <g class="am-weather-moon-star-1">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-            </g>
-            <g class="am-weather-moon-star-2">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(25,10)"/>
-            </g>
-
-        </g>
-    </g>
-    <path fill="url(#a)" stroke="orange" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5" d="M 44.226 36.593 C 32.04 36.88 25.539 24.949 33.96 17.736 L 34.017 17.7 C 33.426 17.838 32.844 18.01 32.281 18.213 C 23.297 21.483 22.01 31.478 29.966 36.204 C 33.659 38.398 38.502 38.815 42.671 37.297 C 43.234 37.092 43.777 36.854 44.299 36.588 L 44.226 36.593 Z"></path>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/moon-waxing-crescent.svg b/dist/weather_icons/animated/moon-waxing-crescent.svg
deleted file mode 100644
index f9e2097..0000000
--- a/dist/weather_icons/animated/moon-waxing-crescent.svg
+++ /dev/null
@@ -1,105 +0,0 @@
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <linearGradient id="a" x1="19.64" x2="37.19" y1="18.96" y2="49.35" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="orange"/>
-	</linearGradient>
-        <style type="text/css"><![CDATA[
-/*
-** MOON
-*/
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="night">
-        <g transform="translate(20,15)">
-            <g class="am-weather-moon-star-1">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-            </g>
-            <g class="am-weather-moon-star-2">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(25,10)"/>
-            </g>
-
-        </g>
-    </g>
-    <path fill="url(#a)" stroke="orange" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5" d="M 36.715 18.212 C 36.152 18.01 35.571 17.838 34.979 17.7 L 35.037 17.736 C 43.457 24.947 36.956 36.865 24.772 36.579 L 24.7 36.579 C 25.221 36.844 25.766 37.08 26.327 37.283 C 35.312 40.549 45.257 34.644 44.226 26.654 C 43.749 22.947 40.885 19.728 36.715 18.212 Z"></path>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/night.svg b/dist/weather_icons/animated/night.svg
deleted file mode 100644
index 136c66a..0000000
--- a/dist/weather_icons/animated/night.svg
+++ /dev/null
@@ -1,153 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** MOON
-*/
-@keyframes am-weather-moon {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  50% {
-    -webkit-transform: rotate(15deg);
-       -moz-transform: rotate(15deg);
-        -ms-transform: rotate(15deg);
-            transform: rotate(15deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-}
-
-.am-weather-moon {
-  -webkit-animation-name: am-weather-moon;
-     -moz-animation-name: am-weather-moon;
-      -ms-animation-name: am-weather-moon;
-          animation-name: am-weather-moon;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  -webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-     -moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-      -ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-          transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-}
-
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="night">
-        <g transform="translate(20,15)">
-            <g class="am-weather-moon-star-1">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-            </g>
-            <g class="am-weather-moon-star-2">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-            </g>
-            <g class="am-weather-moon">
-                <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/overcast-ts.svg b/dist/weather_icons/animated/overcast-ts.svg
deleted file mode 100644
index 7a5ced3..0000000
--- a/dist/weather_icons/animated/overcast-ts.svg
+++ /dev/null
@@ -1,269 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-        <feMerge> 
-          <feMergeNode/>
-          <feMergeNode in="SourceGraphic"/> 
-        </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="overcast-ts">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-6), scale(0.6)"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g transform="translate(-5,28), scale(1)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/overcast.svg b/dist/weather_icons/animated/overcast.svg
deleted file mode 100644
index 9cec9d3..0000000
--- a/dist/weather_icons/animated/overcast.svg
+++ /dev/null
@@ -1,114 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-        <feMerge> 
-          <feMergeNode/>
-          <feMergeNode in="SourceGraphic"/> 
-        </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="overcast">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-6), scale(0.6)"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/rain-ts.svg b/dist/weather_icons/animated/rain-ts.svg
deleted file mode 100644
index a432a03..0000000
--- a/dist/weather_icons/animated/rain-ts.svg
+++ /dev/null
@@ -1,288 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="rain-ts">
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-4,1)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(4,0)" x1="0" x2="0" y1="0" y2="8"/>
-        </g>
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g transform="translate(-5,28), scale(1)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/rain.svg b/dist/weather_icons/animated/rain.svg
deleted file mode 100644
index d6b8262..0000000
--- a/dist/weather_icons/animated/rain.svg
+++ /dev/null
@@ -1,133 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="rain">
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-4,1)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(4,0)" x1="0" x2="0" y1="0" y2="8"/>
-        </g>
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/rainy-1-day.svg b/dist/weather_icons/animated/rainy-1-day.svg
deleted file mode 100644
index 5452fbc..0000000
--- a/dist/weather_icons/animated/rainy-1-day.svg
+++ /dev/null
@@ -1,196 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="rainy-1-day">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-15,-5), scale(0.85)"/>
-            </g>
-        </g>
-        <g transform="translate(34,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/rainy-1-night.svg b/dist/weather_icons/animated/rainy-1-night.svg
deleted file mode 100644
index 4c1e361..0000000
--- a/dist/weather_icons/animated/rainy-1-night.svg
+++ /dev/null
@@ -1,253 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** MOON
-*/
-@keyframes am-weather-moon {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  50% {
-    -webkit-transform: rotate(15deg);
-       -moz-transform: rotate(15deg);
-        -ms-transform: rotate(15deg);
-            transform: rotate(15deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-}
-
-.am-weather-moon {
-  -webkit-animation-name: am-weather-moon;
-     -moz-animation-name: am-weather-moon;
-      -ms-animation-name: am-weather-moon;
-          animation-name: am-weather-moon;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  -webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-     -moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-      -ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-          transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-}
-
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="rainy-1-night">
-        <g transform="translate(16 4) scale(0.8 0.8)">
-            <g class="am-weather-moon-star-1">
-            <polygon fill="orange" points="28.299999952316284,14 29,15.200000047683716 30.199999809265137,15.799999952316284 29,16.5 28.299999952316284,17.699999809265137 27.700000047683716,16.5 26.5,15.799999952316284 27.700000047683716,15.200000047683716 " stroke-miterlimit="10"/>
-            </g>
-            <g class="am-weather-moon-star-2">
-            <polygon fill="orange" points="28.299999952316284,14 29,15.200000047683716 30.199999809265137,15.799999952316284 29,16.5 28.299999952316284,17.699999809265137 27.700000047683716,16.5 26.5,15.799999952316284 27.700000047683716,15.200000047683716 " stroke-miterlimit="10" transform="translate(20 10)"/>
-            </g>
-            <g class="am-weather-moon">
-            <path d="m39.5,25.7c0,-3.7 2,-6.9 5,-8.7c-1.5,-0.9 -3.2,-1.3 -5,-1.3c-5.5,0 -10,4.5 -10,10s4.5,10 10,10c1.8,0 3.5,-0.5 5,-1.3c-3,-1.7 -5,-5 -5,-8.7z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-            </g>
-        </g>
-            <g class="am-weather-cloud-2">
-            <path d="m67.7,45.4c0,-4.6 -3.7,-8.2 -8.2,-8.2c-1,0 -1.9,0.2 -2.8,0.5c-0.3,-3.4 -3.1,-6.2 -6.6,-6.2c-3.7,0 -6.7,3 -6.7,6.7c0,0.8 0.2,1.6 0.4,2.3c-0.3,-0.1 -0.7,-0.1 -1,-0.1c-3.7,0 -6.7,3 -6.7,6.7c0,3.6 2.9,6.6 6.5,6.7l17.2,0c4.4,-0.5 7.9,-4 7.9,-8.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-12,-3.5), scale(0.85)"/>
-            </g>
-        <g transform="translate(34,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/rainy-1.svg b/dist/weather_icons/animated/rainy-1.svg
deleted file mode 100644
index 3362752..0000000
--- a/dist/weather_icons/animated/rainy-1.svg
+++ /dev/null
@@ -1,196 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="rainy-1">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16), scale(1.2)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.5" transform="translate(-15,-5), scale(0.85)"/>
-            </g>
-        </g>
-        <g transform="translate(34,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/rainy-2.svg b/dist/weather_icons/animated/rainy-2.svg
deleted file mode 100644
index c255d0c..0000000
--- a/dist/weather_icons/animated/rainy-2.svg
+++ /dev/null
@@ -1,171 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="rainy-2">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(37,45), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/rainy-3.svg b/dist/weather_icons/animated/rainy-3.svg
deleted file mode 100644
index 53b3e83..0000000
--- a/dist/weather_icons/animated/rainy-3.svg
+++ /dev/null
@@ -1,196 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="rainy-3">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fifll="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(34,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/rainy-4.svg b/dist/weather_icons/animated/rainy-4.svg
deleted file mode 100644
index 08144ee..0000000
--- a/dist/weather_icons/animated/rainy-4.svg
+++ /dev/null
@@ -1,105 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="rainy-4">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(37,45), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/rainy-5.svg b/dist/weather_icons/animated/rainy-5.svg
deleted file mode 100644
index 5810a47..0000000
--- a/dist/weather_icons/animated/rainy-5.svg
+++ /dev/null
@@ -1,129 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="rainy-5">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(34,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/rainy-6.svg b/dist/weather_icons/animated/rainy-6.svg
deleted file mode 100644
index d2e19cf..0000000
--- a/dist/weather_icons/animated/rainy-6.svg
+++ /dev/null
@@ -1,130 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="rainy-6">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-4,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(4,0)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/rainy-7.svg b/dist/weather_icons/animated/rainy-7.svg
deleted file mode 100644
index a70c0c2..0000000
--- a/dist/weather_icons/animated/rainy-7.svg
+++ /dev/null
@@ -1,130 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="rainy-7">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(-5,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(5,0)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/rainy-8.svg b/dist/weather_icons/animated/rainy-8.svg
deleted file mode 100644
index 6a5c8ac..0000000
--- a/dist/weather_icons/animated/rainy-8.svg
+++ /dev/null
@@ -1,132 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="rainy-8">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(31,46), rotate(10)">
-              <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-8,0)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-4,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(4,0)" x1="0" x2="0" y1="0" y2="8" />
-              <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(8,-2)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/showers-ts.svg b/dist/weather_icons/animated/showers-ts.svg
deleted file mode 100644
index 872b197..0000000
--- a/dist/weather_icons/animated/showers-ts.svg
+++ /dev/null
@@ -1,354 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="showers-ts">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fifll="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-            <g transform="translate(34,46), rotate(10)">
-                <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-                <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-            </g>
-            <g transform="translate(15,38), scale(1)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
-            </g>
-        </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/showers.svg b/dist/weather_icons/animated/showers.svg
deleted file mode 100644
index 7f203ae..0000000
--- a/dist/weather_icons/animated/showers.svg
+++ /dev/null
@@ -1,199 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="showers">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fifll="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-            <g transform="translate(34,46), rotate(10)">
-                <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-                <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-            </g>
-        </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/snowflake.svg b/dist/weather_icons/animated/snowflake.svg
deleted file mode 100644
index c627021..0000000
--- a/dist/weather_icons/animated/snowflake.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 64 64"><defs><linearGradient id="a" x1="26.75" x2="37.25" y1="22.91" y2="41.09" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#86c3db"/><stop offset=".45" stop-color="#86c3db"/><stop offset="1" stop-color="#5eafcf"/></linearGradient><linearGradient id="b" x1="24" x2="40" y1="18.15" y2="45.85" xlink:href="#a"/></defs><g><circle cx="32" cy="32" r="7.5" fill="none" stroke="url(#a)" stroke-miterlimit="10" stroke-width="6"/><path fill="none" stroke="url(#b)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="6" d="M45 39.5l-6.5-3.75m-13-7.5L19 24.5M32 17v7.5M32 47v-7.5m-6.5-3.75L19 39.5m26-15l-6.5 3.75"/><animateTransform attributeName="transform" dur="18s" repeatCount="indefinite" type="rotate" values="0 32 32; 360 32 32"/></g></svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/sunny-day.svg b/dist/weather_icons/animated/sunny-day.svg
deleted file mode 100644
index 3fa91dc..0000000
--- a/dist/weather_icons/animated/sunny-day.svg
+++ /dev/null
@@ -1,132 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="day">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                <g>
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(45)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(90)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(135)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(180)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(225)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(270)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(315)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-            </g>
-            <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-        </g>
-    </g>
-  </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/sunny-periods-ts.svg b/dist/weather_icons/animated/sunny-periods-ts.svg
deleted file mode 100644
index df7152e..0000000
--- a/dist/weather_icons/animated/sunny-periods-ts.svg
+++ /dev/null
@@ -1,331 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 12s;
-     -moz-animation-duration: 12s;
-      -ms-animation-duration: 12s;
-          animation-duration: 12s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(1px,0px);
-       -moz-transform: translate(1px,0px);
-        -ms-transform: translate(1px,0px);
-            transform: translate(1px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="sunny-periods-ts">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-8,3), scale(0.5)"/>
-            </g>
-            <g transform="translate(-2,23), scale(0.6)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/sunny-periods.svg b/dist/weather_icons/animated/sunny-periods.svg
deleted file mode 100644
index 4edba5e..0000000
--- a/dist/weather_icons/animated/sunny-periods.svg
+++ /dev/null
@@ -1,176 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 12s;
-     -moz-animation-duration: 12s;
-      -ms-animation-duration: 12s;
-          animation-duration: 12s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(1px,0px);
-       -moz-transform: translate(1px,0px);
-        -ms-transform: translate(1px,0px);
-            transform: translate(1px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="sunny-periods">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-8,3), scale(0.5)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/sunny.svg b/dist/weather_icons/animated/sunny.svg
deleted file mode 100644
index 3fa91dc..0000000
--- a/dist/weather_icons/animated/sunny.svg
+++ /dev/null
@@ -1,132 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="day">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                <g>
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(45)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(90)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(135)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(180)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(225)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(270)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(315)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-            </g>
-            <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-        </g>
-    </g>
-  </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/thunder.svg b/dist/weather_icons/animated/thunder.svg
deleted file mode 100644
index 0fbbbe1..0000000
--- a/dist/weather_icons/animated/thunder.svg
+++ /dev/null
@@ -1,268 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="thunder">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#d4d4d4" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-6), scale(0.6)" />
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#b7b7b7" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)" />
-            </g>
-            <g transform="translate(-9,28), scale(1.2)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/thunderstorms.svg b/dist/weather_icons/animated/thunderstorms.svg
deleted file mode 100644
index 922da9c..0000000
--- a/dist/weather_icons/animated/thunderstorms.svg
+++ /dev/null
@@ -1,330 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="thunder">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#d4d4d4" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-6), scale(0.6)" />
-            </g>
-            <g transform="translate(11,36), rotate(10)">
-              <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-8,0)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-4,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(4,0)" x1="0" x2="0" y1="0" y2="8" />
-              <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(8,-2)" x1="0" x2="0" y1="0" y2="8" />
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#b7b7b7" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)" />
-            </g>
-            <g transform="translate(-9,28), scale(1.2)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/tornado.svg b/dist/weather_icons/animated/tornado.svg
deleted file mode 100644
index 0a74203..0000000
--- a/dist/weather_icons/animated/tornado.svg
+++ /dev/null
@@ -1,360 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<!-- Tornado | Contributed by hsoJ95 on GitHub: https://github.com/hsoj95 -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3" />
-            <feOffset dx="0" dy="4" result="offsetblur" />
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05" />
-            </feComponentTransfer>
-            <feMerge>
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic" />
-            </feMerge>
-        </filter>
-        <style type="text/css">
-            <![CDATA[
-            /*
-** CLOUDS
-*/
-
-            @keyframes am-weather-cloud-1 {
-                0% {
-                    -webkit-transform: translate(-5px, 0px);
-                    -moz-transform: translate(-5px, 0px);
-                    -ms-transform: translate(-5px, 0px);
-                    transform: translate(-5px, 0px);
-                }
-
-                50% {
-                    -webkit-transform: translate(10px, 0px);
-                    -moz-transform: translate(10px, 0px);
-                    -ms-transform: translate(10px, 0px);
-                    transform: translate(10px, 0px);
-                }
-
-                100% {
-                    -webkit-transform: translate(-5px, 0px);
-                    -moz-transform: translate(-5px, 0px);
-                    -ms-transform: translate(-5px, 0px);
-                    transform: translate(-5px, 0px);
-                }
-            }
-
-            .am-weather-cloud-1 {
-                -webkit-animation-name: am-weather-cloud-1;
-                -moz-animation-name: am-weather-cloud-1;
-                animation-name: am-weather-cloud-1;
-                -webkit-animation-duration: 7s;
-                -moz-animation-duration: 7s;
-                animation-duration: 7s;
-                -webkit-animation-timing-function: linear;
-                -moz-animation-timing-function: linear;
-                animation-timing-function: linear;
-                -webkit-animation-iteration-count: infinite;
-                -moz-animation-iteration-count: infinite;
-                animation-iteration-count: infinite;
-            }
-
-            @keyframes am-weather-cloud-2 {
-                0% {
-                    -webkit-transform: translate(0px, 0px);
-                    -moz-transform: translate(0px, 0px);
-                    -ms-transform: translate(0px, 0px);
-                    transform: translate(0px, 0px);
-                }
-
-                50% {
-                    -webkit-transform: translate(2px, 0px);
-                    -moz-transform: translate(2px, 0px);
-                    -ms-transform: translate(2px, 0px);
-                    transform: translate(2px, 0px);
-                }
-
-                100% {
-                    -webkit-transform: translate(0px, 0px);
-                    -moz-transform: translate(0px, 0px);
-                    -ms-transform: translate(0px, 0px);
-                    transform: translate(0px, 0px);
-                }
-            }
-
-            .am-weather-cloud-2 {
-                -webkit-animation-name: am-weather-cloud-2;
-                -moz-animation-name: am-weather-cloud-2;
-                animation-name: am-weather-cloud-2;
-                -webkit-animation-duration: 3s;
-                -moz-animation-duration: 3s;
-                animation-duration: 3s;
-                -webkit-animation-timing-function: linear;
-                -moz-animation-timing-function: linear;
-                animation-timing-function: linear;
-                -webkit-animation-iteration-count: infinite;
-                -moz-animation-iteration-count: infinite;
-                animation-iteration-count: infinite;
-            }
-            /*
-** STROKE
-*/
-
-            @keyframes am-weather-stroke {
-                0% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                2% {
-                    -webkit-transform: translate(0.3px, 0.0px);
-                    -moz-transform: translate(0.3px, 0.0px);
-                    -ms-transform: translate(0.3px, 0.0px);
-                    transform: translate(0.3px, 0.0px);
-                }
-
-                4% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                6% {
-                    -webkit-transform: translate(0.5px, 0.4px);
-                    -moz-transform: translate(0.5px, 0.4px);
-                    -ms-transform: translate(0.5px, 0.4px);
-                    transform: translate(0.5px, 0.4px);
-                }
-
-                8% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                10% {
-                    -webkit-transform: translate(0.3px, 0.0px);
-                    -moz-transform: translate(0.3px, 0.0px);
-                    -ms-transform: translate(0.3px, 0.0px);
-                    transform: translate(0.3px, 0.0px);
-                }
-
-                12% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                14% {
-                    -webkit-transform: translate(0.3px, 0.0px);
-                    -moz-transform: translate(0.3px, 0.0px);
-                    -ms-transform: translate(0.3px, 0.0px);
-                    transform: translate(0.3px, 0.0px);
-                }
-
-                16% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                18% {
-                    -webkit-transform: translate(0.3px, 0.0px);
-                    -moz-transform: translate(0.3px, 0.0px);
-                    -ms-transform: translate(0.3px, 0.0px);
-                    transform: translate(0.3px, 0.0px);
-                }
-
-                20% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                22% {
-                    -webkit-transform: translate(1px, 0.0px);
-                    -moz-transform: translate(1px, 0.0px);
-                    -ms-transform: translate(1px, 0.0px);
-                    transform: translate(1px, 0.0px);
-                }
-
-                24% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                26% {
-                    -webkit-transform: translate(-1px, 0.0px);
-                    -moz-transform: translate(-1px, 0.0px);
-                    -ms-transform: translate(-1px, 0.0px);
-                    transform: translate(-1px, 0.0px);
-                }
-
-                28% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                40% {
-                    fill: orange;
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-
-                65% {
-                    fill: white;
-                    -webkit-transform: translate(-1px, 5.0px);
-                    -moz-transform: translate(-1px, 5.0px);
-                    -ms-transform: translate(-1px, 5.0px);
-                    transform: translate(-1px, 5.0px);
-                }
-                61% {
-                    fill: orange;
-                }
-
-                100% {
-                    -webkit-transform: translate(0.0px, 0.0px);
-                    -moz-transform: translate(0.0px, 0.0px);
-                    -ms-transform: translate(0.0px, 0.0px);
-                    transform: translate(0.0px, 0.0px);
-                }
-            }
-
-            .am-weather-stroke {
-                -webkit-animation-name: am-weather-stroke;
-                -moz-animation-name: am-weather-stroke;
-                animation-name: am-weather-stroke;
-                -webkit-animation-duration: 1.11s;
-                -moz-animation-duration: 1.11s;
-                animation-duration: 1.11s;
-                -webkit-animation-timing-function: linear;
-                -moz-animation-timing-function: linear;
-                animation-timing-function: linear;
-                -webkit-animation-iteration-count: infinite;
-                -moz-animation-iteration-count: infinite;
-                animation-iteration-count: infinite;
-            }
-            /*
-            ** Tornado
-            */
-
-            @keyframes tornado {
-                0% {
-                    -webkit-transform: translate(-5px, 30px) scale(1.0);
-                    -moz-transform: translate(-5px, 30px) scale(1.0);
-                    -ms-transform: translate(-5px, 30px) scale(1.0);
-                    transform: translate(-5px, 30px) scale(1.0);
-                }
-
-                33% {
-                    -webkit-transform: translate(-4px, 30px) scale(1.1);
-                    -moz-transform: translate(-4px, 30px) scale(1.1);
-                    -ms-transform: translate(-4px, 30px) scale(1.1);
-                    transform: translate(-4px, 30px) scale(1.1);
-                }
-
-                66% {
-                    -webkit-transform: translate(-6px, 30px) scale(1.1);
-                    -moz-transform: translate(-6px, 30px) scale(1.1);
-                    -ms-transform: translate(-6px, 30px) scale(1.1);
-                    transform: translate(-6px, 30px) scale(1.1);
-                }
-
-                100% {
-                    -webkit-transform: translate(-5px, 30px) scale(1.0);
-                    -moz-transform: translate(-5px, 30px) scale(1.0);
-                    -ms-transform: translate(-5px, 30px) scale(1.0);
-                    transform: translate(-5px, 30px) scale(1.0);
-                }
-            }
-
-            #tornado {
-                -webkit-animation-name: tornado;
-                -moz-animation-name: tornado;
-                animation-name: tornado;
-                -webkit-animation-duration: 3s;
-                -moz-animation-duration: 3s;
-                animation-duration: 3s;
-                -webkit-animation-timing-function: linear;
-                -moz-animation-timing-function: linear;
-                animation-timing-function: linear;
-                -webkit-animation-iteration-count: infinite;
-                -moz-animation-iteration-count: infinite;
-                animation-iteration-count: infinite;
-            }
-            /*
-            ** Warning Symbol
-            */
-
-            @keyframes error {
-                0% {
-                    fill: #cc0000;
-                }
-
-                50% {
-                    fill: #ff0000;
-                }
-
-                100% {
-                    fill: #cc0000;
-                }
-            }
-
-            #Shape {
-                -webkit-animation-name: error;
-                -moz-animation-name: error;
-                animation-name: error;
-                -webkit-animation-duration: 1s;
-                -moz-animation-duration: 1s;
-                animation-duration: 1s;
-                -webkit-animation-timing-function: linear;
-                -moz-animation-timing-function: linear;
-                animation-timing-function: linear;
-                -webkit-animation-iteration-count: infinite;
-                -moz-animation-iteration-count: infinite;
-                animation-iteration-count: infinite;
-            }
-
-            ]]>
-        </style>
-    </defs>
-    <g filter="url(#blur)" id="thunder">
-        <g transform="translate(20,5)">
-            <g id="tornado" transform="translate(-5, 30)" stroke="white" fill="#1D1D1D">
-                <path d="M9.23901158,-9.49386371e-16 L11.3987309,-1.21779583e-14 L11.3987309,-1.24344979e-14 C12.801779,-2.01691758e-14 14.1681534,0.448121973 15.298688,1.27904649 L15.3736083,1.33411168 L15.3736083,1.33411168 C16.2215292,1.95731981 16.403695,3.14990558 15.7804869,3.99782654 C15.7177587,4.08317284 15.6480233,4.16314 15.5720054,4.23689693 L12.745452,6.97937995 L12.745452,6.97937995 C11.6541171,8.03825523 10.885777,9.38516771 10.5297692,10.8635071 L10.5297692,10.8635071 L10.5297692,10.8635071 C10.1747403,12.3377821 9.38247153,13.6703547 8.25685398,14.6864835 L5.13650434,17.5033166 L3.17681819,18.8770141 L3.17681819,18.8770141 C2.32003764,19.4775987 1.13860975,19.2699109 0.538025154,18.4131303 C-0.00307248108,17.6412126 0.105676138,16.5889015 0.793196559,15.9439523 L0.793196559,15.9439523 L1.87126735,14.947348 L1.87126735,14.947348 C3.12686588,13.7866312 3.84080575,12.154378 3.84080575,10.4444683 L3.84080575,10.4444683 L3.84080575,10.4444683 C3.84080575,8.67208707 3.50831427,6.91543543 2.86058207,5.2656542 L1.35008427,1.41839928 L1.35008427,1.41839928 C1.1404215,0.884385832 1.40335967,0.281517137 1.93737312,0.0718543636 C2.05830876,0.0243729712 2.18707844,-2.12924157e-14 2.31700115,-2.13162821e-14 L3.84080575,-2.08721929e-14 L9.23901158,-9.49386371e-16 Z"
-                    id="Polygon"></path>
-            </g>
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z"
-                    fill="#666" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-6), scale(0.6)"
-                />
-            </g>
-            <g>
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z"
-                    fill="#333" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)" />
-            </g>
-            <g transform="translate(1,28), scale(1)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9"
-                />
-            </g>
-            <g id="error" transform="translate(23, 25)">
-                <path d="M7.77911118,2.90598694 L1.78786622,13.0231308 L1.78786622,13.0231308 C1.2250391,13.9735514 1.53924574,15.2002811 2.48966639,15.7631082 C2.79820001,15.9458179 3.15018031,16.0422194 3.50875504,16.0422194 L15.491245,16.0422194 L15.491245,16.0422194 C16.5958145,16.0422194 17.491245,15.1467889 17.491245,14.0422194 C17.491245,13.6836447 17.3948435,13.3316644 17.2121338,13.0231308 L11.2208888,2.90598694 L11.2208888,2.90598694 C10.6580617,1.95556629 9.431332,1.64135966 8.48091135,2.20418678 C8.19172737,2.37543789 7.95036229,2.61680296 7.77911118,2.90598694 Z"
-                    id="Shape" fill="#CC0000" fill-rule="nonzero"></path>
-                <path d="M9.5,10.5 L9.5,5.5" id="Line" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round"></path>
-                <circle id="Oval" fill="#FFFFFF" cx="9.5" cy="13" r="1"></circle>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/tropical-storm.svg b/dist/weather_icons/animated/tropical-storm.svg
deleted file mode 100644
index d202af8..0000000
--- a/dist/weather_icons/animated/tropical-storm.svg
+++ /dev/null
@@ -1,52 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- Tropical Storm | Contributed by hsoJ95 on GitHub: https://github.com/hsoj95 -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3" />
-            <feOffset dx="0" dy="4" result="offsetblur" />
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05" />
-            </feComponentTransfer>
-            <feMerge>
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic" />
-            </feMerge>
-        </filter>
-        <style>
-            <![CDATA[ @keyframes storm {
-                0% {
-                    transform: rotate(0turn);
-                }
-
-                100% {
-                    transform: rotate(-1turn);
-                }
-            }
-
-
-            #storm {
-                -webkit-animation-name: storm;
-                -moz-animation-name: storm;
-                animation-name: storm;
-                -webkit-animation-duration: 5s;
-                -moz-animation-duration: 5s;
-                animation-duration: 5s;
-                transform-origin: 50% 50%;
-                -webkit-animation-timing-function: linear;
-                -moz-animation-timing-function: linear;
-                animation-timing-function: linear;
-                -webkit-animation-iteration-count: infinite;
-                -moz-animation-iteration-count: infinite;
-                animation-iteration-count: infinite;
-            }
-
-            ]]>
-        </style>
-    </defs>
-    <g id="storm" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g transform="translate(20, 20)" fill-rule="nonzero" fill="#cc0000">
-            <path d="M18.4780225,0.0917014924 C17.8610337,0.124656716 17.6025168,0.144537314 17.1790562,0.189402985 C14.4874607,0.477313432 11.9145168,1.34641791 9.82489882,2.67107462 C7.82022472,3.9416418 6.28017979,5.61770148 5.37591012,7.51289554 C4.72638203,8.87462685 4.40044942,10.2878508 4.34049439,11.9995523 C4.33051684,12.2781492 4.34049439,12.8949851 4.3579326,13.1261195 C4.45788765,14.4283881 4.78139325,15.4968358 5.3971236,16.5521195 C5.50705617,16.7409851 5.75182023,17.121403 5.97914606,17.4581195 C6.62993258,18.4182985 6.77851684,18.7709553 6.75856181,19.3058508 C6.74858426,19.5925075 6.6799101,19.8328657 6.50624719,20.1920597 C6.295191,20.6266567 6.02912359,21.0017015 5.6719101,21.3702089 C4.87505618,22.190418 3.76719101,22.7622985 2.31460674,23.1030447 C1.66885393,23.2549254 0.768269662,23.3684776 0.212494381,23.3684776 C0.0987865171,23.3684776 0.00386516854,23.3737612 0.000179775281,23.3790447 C-0.0123146068,23.4001791 0.760808988,23.5758805 1.2915955,23.6709851 C2.07101124,23.8122985 2.73546067,23.892806 3.62732584,23.9522686 C3.97698877,23.976 5.4895281,23.976 5.83802246,23.9522686 C7.36305619,23.8492836 8.64458426,23.6326567 9.95352806,23.2549254 C11.5847191,22.7846866 13.1310562,22.0794627 14.4249888,21.2156418 C16.7057078,19.6954925 18.3082247,17.6853134 19.0838652,15.3713731 C19.373573,14.5076418 19.536,13.6465075 19.6221124,12.5053433 C19.6483596,12.1659403 19.6521348,11.3140299 19.6296629,10.9997015 C19.5334832,9.67101494 19.2237303,8.62101492 18.6179775,7.56573135 C18.4655281,7.30029852 18.2482696,6.96089554 17.9409439,6.50919401 C17.4139326,5.73385076 17.2402696,5.34555225 17.2203146,4.8965373 C17.2053034,4.58220897 17.2739775,4.29429852 17.457618,3.90734329 C17.8523147,3.0699403 18.5180225,2.35934328 19.4085394,1.82713433 C20.5264719,1.15746269 22.0902471,0.74283582 23.7276404,0.683373135 C23.8625618,0.678089554 23.9724944,0.671462685 23.9699775,0.670119401 C23.96,0.659552239 23.521618,0.556567163 23.1981124,0.487880599 C22.4936629,0.338686567 21.7104719,0.221104477 20.9947865,0.156358209 C20.4027865,0.103522388 20.1829213,0.0942985076 19.371146,0.090358209 C18.9252135,0.0890149253 18.5230562,0.0890149253 18.4780225,0.0917014924 L18.4780225,0.0917014924 Z M12.5014832,9.5878209 C13.1734832,9.69080602 13.7917304,10.1266567 14.1465168,10.7501195 C14.3738427,11.1489851 14.4824269,11.5596716 14.4824269,12.0299104 C14.4824269,12.6994925 14.246382,13.3030746 13.8005393,13.7733134 C13.4395505,14.1563284 13.0086292,14.3874627 12.4952809,14.4732538 C12.319191,14.5036119 11.971955,14.5036119 11.8020674,14.4732538 C11.2837753,14.3834328 10.8541123,14.1536418 10.4980674,13.778597 C10.1396854,13.3995224 9.9147865,12.9280299 9.83361802,12.3798805 C9.81114605,12.2332836 9.81114605,11.8265373 9.83361802,11.6798508 C9.9147865,11.1317911 10.1408539,10.6576119 10.4980674,10.2812239 C11.0264269,9.72385075 11.7508315,9.47426865 12.5014832,9.5878209 L12.5014832,9.5878209 Z"></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/warm.svg b/dist/weather_icons/animated/warm.svg
deleted file mode 100644
index b3e9b4f..0000000
--- a/dist/weather_icons/animated/warm.svg
+++ /dev/null
@@ -1,98 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512">
-    <defs>
-        <linearGradient id="a" x1="-7.17" y1="36.31" x2="116.44" y2="250.4" gradientUnits="userSpaceOnUse">
-            <stop offset="0" stop-color="#515a69" stop-opacity="0.05"/>
-            <stop offset="0.45" stop-color="#6b7280" stop-opacity="0.05"/>
-            <stop offset="1" stop-color="#384354" stop-opacity="0.1"/>
-        </linearGradient>
-        <linearGradient id="b" x1="-8.67" y1="33.71" x2="117.94" y2="253" gradientUnits="userSpaceOnUse">
-            <stop offset="0" stop-color="#d4d7dd"/>
-            <stop offset="0.45" stop-color="#d4d7dd"/>
-            <stop offset="1" stop-color="#bec1c6"/>
-        </linearGradient>
-        <symbol id="d" viewBox="0 0 72 168">
-            <circle cx="36" cy="132" r="36" fill="#ef4444"/>
-            <path d="M36,12V132" fill="none" stroke="#ef4444" stroke-linecap="round" stroke-miterlimit="10" stroke-width="24">
-                <animateTransform
-                    attributeName="transform"
-                    type="translate"
-                    values="0 0; 0 18; 0 0"
-                    dur="1.5s"
-                    calcMode="spline"
-                    keySplines=".42, 0, .58, 1; .42, 0, .58, 1"
-                    repeatCount="indefinite"/>
-            </path>
-        </symbol>
-        <symbol id="e" viewBox="0 0 118 278">
-            <path d="M115,218.16C115,249.55,89.93,275,59,275S3,249.55,3,218.16a57,57,0,0,1,24-46.6V35.48a32,32,0,1,1,64,0V171.56A57,57,0,0,1,115,218.16ZM63,83H91M63,51H91M63,115H91" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" fill="url(#a)" stroke="url(#b)"/>
-        </symbol>
-        <symbol id="c" viewBox="0 0 118 278">
-            <use width="72" height="168" transform="translate(23 87)" xlink:href="#d"/>
-            <use width="118" height="278" xlink:href="#e"/>
-        </symbol>
-    </defs>
-    <use width="118" height="278" transform="translate(197 117)" xlink:href="#c"/>
-
-    <path d="M372.5,247a4.59,4.59,0,0,1-3.18-1.26L350,227.34l-19.32,18.4a4.64,4.64,0,0,1-6.36,0,4.14,4.14,0,0,1,0-6.06l22.5-21.42a4.64,4.64,0,0,1,6.36,0l22.5,21.42a4.14,4.14,0,0,1,0,6.06A4.59,4.59,0,0,1,372.5,247Z" fill="#e34647" opacity="0">
-        <animateTransform
-            attributeName="transform"
-            type="translate"
-            values="0 30; 0 0; 0 -30"
-            begin="-1.2s"
-            dur="3s"
-            calcMode="spline"
-            keySplines=".55, 0, .1, 1; .55, 0, .1, 1"
-            repeatCount="indefinite"/>
-
-        <animate
-            attributeName="opacity"
-            values="0; 1; 0"
-            begin="-1.2s"
-            dur="3s"
-            calcMode="spline"
-            keySplines=".55, 0, .1, 1; .55, 0, .1, 1"
-            repeatCount="indefinite"/>
-    </path>
-
-    <path d="M372.5,274a4.59,4.59,0,0,1-3.18-1.26L350,254.34l-19.32,18.4a4.64,4.64,0,0,1-6.36,0,4.14,4.14,0,0,1,0-6.06l22.5-21.42a4.64,4.64,0,0,1,6.36,0l22.5,21.42a4.14,4.14,0,0,1,0,6.06A4.59,4.59,0,0,1,372.5,274Z" fill="#e34647" opacity="0">
-        <animateTransform
-            attributeName="transform"
-            type="translate"
-            values="0 30; 0 0; 0 -30"
-            begin="-1.1s"
-            dur="3s"
-            calcMode="spline"
-            keySplines=".55, 0, .1, 1; .55, 0, .1, 1"
-            repeatCount="indefinite"/>
-
-        <animate
-            attributeName="opacity"
-            values="0; 1; 0"
-            begin="-1.1s"
-            dur="3s"
-            calcMode="spline"
-            keySplines=".55, 0, .1, 1; .55, 0, .1, 1"
-            repeatCount="indefinite"/>
-    </path>
-
-    <path d="M372.5,301a4.59,4.59,0,0,1-3.18-1.26L350,281.34l-19.32,18.4a4.64,4.64,0,0,1-6.36,0,4.14,4.14,0,0,1,0-6.06l22.5-21.42a4.64,4.64,0,0,1,6.36,0l22.5,21.42a4.14,4.14,0,0,1,0,6.06A4.59,4.59,0,0,1,372.5,301Z" fill="#e34647" opacity="0">
-        <animateTransform
-            attributeName="transform"
-            type="translate"
-            values="0 30; 0 0; 0 -30"
-            begin="-1s"
-            dur="3s"
-            calcMode="spline"
-            keySplines=".55, 0, .1, 1; .55, 0, .1, 1"
-            repeatCount="indefinite"/>
-
-        <animate
-            attributeName="opacity"
-            values="0; 1; 0"
-            begin="-1s"
-            dur="3s"
-            calcMode="spline"
-            keySplines=".55, 0, .1, 1; .55, 0, .1, 1"
-            repeatCount="indefinite"/>
-    </path>
-</svg>
diff --git a/dist/weather_icons/animated/weather-sprite.svg b/dist/weather_icons/animated/weather-sprite.svg
deleted file mode 100644
index b0117b7..0000000
--- a/dist/weather_icons/animated/weather-sprite.svg
+++ /dev/null
@@ -1,1245 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    style="position: absolute; width: 0; height: 0;"
-    width="0"
-    height="0">
-    <defs>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-
-
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-
-
-
-/*
-** MOON
-*/
-@keyframes am-weather-moon {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  50% {
-    -webkit-transform: rotate(15deg);
-       -moz-transform: rotate(15deg);
-        -ms-transform: rotate(15deg);
-            transform: rotate(15deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-}
-
-.am-weather-moon {
-  -webkit-animation-name: am-weather-moon;
-     -moz-animation-name: am-weather-moon;
-      -ms-animation-name: am-weather-moon;
-          animation-name: am-weather-moon;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  -webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-     -moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-      -ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-          transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-}
-
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-
-/*
-** SNOW
-*/
-@keyframes am-weather-snow {
-  0% {
-    -webkit-transform: translateX(0) translateY(0);
-       -moz-transform: translateX(0) translateY(0);
-        -ms-transform: translateX(0) translateY(0);
-            transform: translateX(0) translateY(0);
-  }
-
-  33.33% {
-    -webkit-transform: translateX(-1.2px) translateY(2px);
-       -moz-transform: translateX(-1.2px) translateY(2px);
-        -ms-transform: translateX(-1.2px) translateY(2px);
-            transform: translateX(-1.2px) translateY(2px);
-  }
-
-  66.66% {
-    -webkit-transform: translateX(1.4px) translateY(4px);
-       -moz-transform: translateX(1.4px) translateY(4px);
-        -ms-transform: translateX(1.4px) translateY(4px);
-            transform: translateX(1.4px) translateY(4px);
-    opacity: 1;
-  }
-
-  100% {
-    -webkit-transform: translateX(-1.6px) translateY(6px);
-       -moz-transform: translateX(-1.6px) translateY(6px);
-        -ms-transform: translateX(-1.6px) translateY(6px);
-            transform: translateX(-1.6px) translateY(6px);
-    opacity: 0;
-  }
-}
-
-@keyframes am-weather-snow-reverse {
-  0% {
-    -webkit-transform: translateX(0) translateY(0);
-       -moz-transform: translateX(0) translateY(0);
-        -ms-transform: translateX(0) translateY(0);
-            transform: translateX(0) translateY(0);
-  }
-
-  33.33% {
-    -webkit-transform: translateX(1.2px) translateY(2px);
-       -moz-transform: translateX(1.2px) translateY(2px);
-        -ms-transform: translateX(1.2px) translateY(2px);
-            transform: translateX(1.2px) translateY(2px);
-  }
-
-  66.66% {
-    -webkit-transform: translateX(-1.4px) translateY(4px);
-       -moz-transform: translateX(-1.4px) translateY(4px);
-        -ms-transform: translateX(-1.4px) translateY(4px);
-            transform: translateX(-1.4px) translateY(4px);
-    opacity: 1;
-  }
-
-  100% {
-    -webkit-transform: translateX(1.6px) translateY(6px);
-       -moz-transform: translateX(1.6px) translateY(6px);
-        -ms-transform: translateX(1.6px) translateY(6px);
-            transform: translateX(1.6px) translateY(6px);
-    opacity: 0;
-  }
-}
-
-.am-weather-snow-1 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-snow-2 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-delay: 1.2s;
-     -moz-animation-delay: 1.2s;
-      -ms-animation-delay: 1.2s;
-          animation-delay: 1.2s;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-snow-3 {
-  -webkit-animation-name: am-weather-snow-reverse;
-     -moz-animation-name: am-weather-snow-reverse;
-      -ms-animation-name: am-weather-snow-reverse;
-          animation-name: am-weather-snow-reverse;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** EASING
-*/
-.am-weather-easing-ease-in-out {
-  -webkit-animation-timing-function: ease-in-out;
-     -moz-animation-timing-function: ease-in-out;
-      -ms-animation-timing-function: ease-in-out;
-          animation-timing-function: ease-in-out;
-}
-
-        ]]></style>
-    </defs>
-    <symbol id="thunder" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-6), scale(0.6)" />
-            </g>
-            <g>
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)" />
-            </g>
-            <g transform="translate(-9,28), scale(1.2)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
-            </g>
-        </g>
-    </symbol>
-    <symbol id="day" viewBox="0 0 64 64">
-        <g transform="translate(32,32)">
-            <g class="am-weather-sun am-weather-sun-shiny am-weather-easing-ease-in-out">
-                <g>
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(45)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(90)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(135)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(180)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(225)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(270)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(315)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-            </g>
-            <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-        </g>
-    </symbol>
-    <symbol id="night" viewBox="0 0 64 64">
-        <g transform="translate(20,20)">
-            <g class="am-weather-moon-star-1">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-            </g>
-            <g class="am-weather-moon-star-2">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-            </g>
-            <g class="am-weather-moon">
-                <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-            </g>
-        </g>
-    </symbol>
-    <symbol id="cloudy-day-1" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </symbol>
-    <symbol id="cloudy-night-1" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g transform="translate(16,4), scale(0.8)">
-                <g class="am-weather-moon-star-1">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-                </g>
-                <g class="am-weather-moon-star-2">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-                </g>
-                <g class="am-weather-moon">
-                    <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-                </g>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4    c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </symbol>
-    <symbol id="cloudy-day-2" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </symbol>
-    <symbol id="cloudy-night-2" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g transform="translate(16,4), scale(0.8)">
-                <g class="am-weather-moon-star-1">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-                </g>
-                <g class="am-weather-moon-star-2">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-                </g>
-                <g class="am-weather-moon">
-                    <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-                </g>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4    c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </symbol>
-    <symbol id="cloudy-day-3" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </symbol>
-    <symbol id="cloudy-night-3" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g transform="translate(16,4), scale(0.8)">
-                <g class="am-weather-moon-star-1">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-                </g>
-                <g class="am-weather-moon-star-2">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-                </g>
-                <g class="am-weather-moon">
-                    <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-                </g>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4    c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </symbol>
-    <symbol id="cloudy" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-8), scale(0.6)"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </symbol>
-    <symbol id="rainy-1" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16), scale(1.2)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.5" transform="translate(-15,-5), scale(0.85)"/>
-            </g>
-        </g>
-        <g transform="translate(34,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </symbol>
-    <symbol id="rainy-2" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(37,45), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </symbol>
-    <symbol id="rainy-3" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fifll="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(34,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </symbol>
-    <symbol id="rainy-4" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(37,45), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </symbol>
-    <symbol id="rainy-5" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(34,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </symbol>
-    <symbol id="rainy-6" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-4,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(4,0)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </symbol>
-    <symbol id="rainy-7" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(-5,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(5,0)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </symbol>
-    <symbol id="snowy-1" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16), scale(1.2)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.5" transform="translate(-15,-5), scale(0.85)"/>
-            </g>
-        </g>
-        <g transform="translate(20,9)">
-            <g class="am-weather-snow-1">
-                <g transform="translate(7,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-2">
-                <g transform="translate(16,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </symbol>
-    <symbol id="snowy-2" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g class="am-weather-snow-1">
-            <g transform="translate(32,38)">
-                <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-            </g>
-        </g>
-    </symbol>
-    <symbol id="snowy-3" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g class="am-weather-snow-1">
-                <g transform="translate(7,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-2">
-                <g transform="translate(16,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </symbol>
-    <symbol id="snowy-4" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g class="am-weather-snow-1">
-                <g transform="translate(11,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </symbol>
-    <symbol id="snowy-5" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g class="snowy-6-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g class="am-weather-snow-1">
-                <g transform="translate(7,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-2">
-                <g transform="translate(16,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </symbol>
-    <symbol id="snowy-6" viewBox="0 0 64 64">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g class="am-weather-snow-1">
-                <g transform="translate(3,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-2">
-                <g transform="translate(11,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-3">
-                <g transform="translate(20,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </symbol>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/weather.svg b/dist/weather_icons/animated/weather.svg
deleted file mode 100644
index 7258930..0000000
--- a/dist/weather_icons/animated/weather.svg
+++ /dev/null
@@ -1,1245 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-
-
-/*
-** SUN
-*/
-@keyframes am-weather-sun {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-       -moz-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-.am-weather-sun {
-  -webkit-animation-name: am-weather-sun;
-     -moz-animation-name: am-weather-sun;
-      -ms-animation-name: am-weather-sun;
-          animation-name: am-weather-sun;
-  -webkit-animation-duration: 9s;
-     -moz-animation-duration: 9s;
-      -ms-animation-duration: 9s;
-          animation-duration: 9s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-sun-shiny {
-  0% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-
-  50% {
-    stroke-dasharray: 0.1px 10px;
-    stroke-dashoffset: -1px;
-  }
-
-  100% {
-    stroke-dasharray: 3px 10px;
-    stroke-dashoffset: 0px;
-  }
-}
-
-.am-weather-sun-shiny line {
-  -webkit-animation-name: am-weather-sun-shiny;
-     -moz-animation-name: am-weather-sun-shiny;
-      -ms-animation-name: am-weather-sun-shiny;
-          animation-name: am-weather-sun-shiny;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-
-
-
-/*
-** MOON
-*/
-@keyframes am-weather-moon {
-  0% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-
-  50% {
-    -webkit-transform: rotate(15deg);
-       -moz-transform: rotate(15deg);
-        -ms-transform: rotate(15deg);
-            transform: rotate(15deg);
-  }
-
-  100% {
-    -webkit-transform: rotate(0deg);
-       -moz-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-}
-
-.am-weather-moon {
-  -webkit-animation-name: am-weather-moon;
-     -moz-animation-name: am-weather-moon;
-      -ms-animation-name: am-weather-moon;
-          animation-name: am-weather-moon;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  -webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-     -moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-      -ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-          transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
-}
-
-@keyframes am-weather-moon-star-1 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-1 {
-  -webkit-animation-name: am-weather-moon-star-1;
-     -moz-animation-name: am-weather-moon-star-1;
-      -ms-animation-name: am-weather-moon-star-1;
-          animation-name: am-weather-moon-star-1;
-  -webkit-animation-delay: 3s;
-     -moz-animation-delay: 3s;
-      -ms-animation-delay: 3s;
-          animation-delay: 3s;
-  -webkit-animation-duration: 5s;
-     -moz-animation-duration: 5s;
-      -ms-animation-duration: 5s;
-          animation-duration: 5s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-@keyframes am-weather-moon-star-2 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.am-weather-moon-star-2 {
-  -webkit-animation-name: am-weather-moon-star-2;
-     -moz-animation-name: am-weather-moon-star-2;
-      -ms-animation-name: am-weather-moon-star-2;
-          animation-name: am-weather-moon-star-2;
-  -webkit-animation-delay: 5s;
-     -moz-animation-delay: 5s;
-      -ms-animation-delay: 5s;
-          animation-delay: 5s;
-  -webkit-animation-duration: 4s;
-     -moz-animation-duration: 4s;
-      -ms-animation-duration: 4s;
-          animation-duration: 4s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: 1;
-     -moz-animation-iteration-count: 1;
-      -ms-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 8s;
-     -moz-animation-duration: 8s;
-      -ms-animation-duration: 8s;
-          animation-duration: 8s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-
-/*
-** SNOW
-*/
-@keyframes am-weather-snow {
-  0% {
-    -webkit-transform: translateX(0) translateY(0);
-       -moz-transform: translateX(0) translateY(0);
-        -ms-transform: translateX(0) translateY(0);
-            transform: translateX(0) translateY(0);
-  }
-
-  33.33% {
-    -webkit-transform: translateX(-1.2px) translateY(2px);
-       -moz-transform: translateX(-1.2px) translateY(2px);
-        -ms-transform: translateX(-1.2px) translateY(2px);
-            transform: translateX(-1.2px) translateY(2px);
-  }
-
-  66.66% {
-    -webkit-transform: translateX(1.4px) translateY(4px);
-       -moz-transform: translateX(1.4px) translateY(4px);
-        -ms-transform: translateX(1.4px) translateY(4px);
-            transform: translateX(1.4px) translateY(4px);
-    opacity: 1;
-  }
-
-  100% {
-    -webkit-transform: translateX(-1.6px) translateY(6px);
-       -moz-transform: translateX(-1.6px) translateY(6px);
-        -ms-transform: translateX(-1.6px) translateY(6px);
-            transform: translateX(-1.6px) translateY(6px);
-    opacity: 0;
-  }
-}
-
-@keyframes am-weather-snow-reverse {
-  0% {
-    -webkit-transform: translateX(0) translateY(0);
-       -moz-transform: translateX(0) translateY(0);
-        -ms-transform: translateX(0) translateY(0);
-            transform: translateX(0) translateY(0);
-  }
-
-  33.33% {
-    -webkit-transform: translateX(1.2px) translateY(2px);
-       -moz-transform: translateX(1.2px) translateY(2px);
-        -ms-transform: translateX(1.2px) translateY(2px);
-            transform: translateX(1.2px) translateY(2px);
-  }
-
-  66.66% {
-    -webkit-transform: translateX(-1.4px) translateY(4px);
-       -moz-transform: translateX(-1.4px) translateY(4px);
-        -ms-transform: translateX(-1.4px) translateY(4px);
-            transform: translateX(-1.4px) translateY(4px);
-    opacity: 1;
-  }
-
-  100% {
-    -webkit-transform: translateX(1.6px) translateY(6px);
-       -moz-transform: translateX(1.6px) translateY(6px);
-        -ms-transform: translateX(1.6px) translateY(6px);
-            transform: translateX(1.6px) translateY(6px);
-    opacity: 0;
-  }
-}
-
-.am-weather-snow-1 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-snow-2 {
-  -webkit-animation-name: am-weather-snow;
-     -moz-animation-name: am-weather-snow;
-      -ms-animation-name: am-weather-snow;
-          animation-name: am-weather-snow;
-  -webkit-animation-delay: 1.2s;
-     -moz-animation-delay: 1.2s;
-      -ms-animation-delay: 1.2s;
-          animation-delay: 1.2s;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-snow-3 {
-  -webkit-animation-name: am-weather-snow-reverse;
-     -moz-animation-name: am-weather-snow-reverse;
-      -ms-animation-name: am-weather-snow-reverse;
-          animation-name: am-weather-snow-reverse;
-  -webkit-animation-duration: 2s;
-     -moz-animation-duration: 2s;
-      -ms-animation-duration: 2s;
-          animation-duration: 2s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** EASING
-*/
-.am-weather-easing-ease-in-out {
-  -webkit-animation-timing-function: ease-in-out;
-     -moz-animation-timing-function: ease-in-out;
-      -ms-animation-timing-function: ease-in-out;
-          animation-timing-function: ease-in-out;
-}
-
-        ]]></style>
-    </defs>
-    <g id="thunder">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-6), scale(0.6)" />
-            </g>
-            <g>
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)" />
-            </g>
-            <g transform="translate(-9,28), scale(1.2)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
-            </g>
-        </g>
-    </g>
-    <g id="day">
-        <g transform="translate(32,32)">
-            <g class="am-weather-sun am-weather-sun-shiny am-weather-easing-ease-in-out">
-                <g>
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(45)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(90)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(135)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(180)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(225)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(270)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-                <g transform="rotate(315)">
-                    <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
-                </g>
-            </g>
-            <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-        </g>
-    </g>
-    <g id="night">
-        <g transform="translate(20,20)">
-            <g class="am-weather-moon-star-1">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-            </g>
-            <g class="am-weather-moon-star-2">
-                <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-            </g>
-            <g class="am-weather-moon">
-                <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-            </g>
-        </g>
-    </g>
-    <g id="cloudy-day-1">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-    <g id="cloudy-night-1">
-        <g transform="translate(20,10)">
-            <g transform="translate(16,4), scale(0.8)">
-                <g class="am-weather-moon-star-1">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-                </g>
-                <g class="am-weather-moon-star-2">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-                </g>
-                <g class="am-weather-moon">
-                    <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-                </g>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4    c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-    <g id="cloudy-day-2">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-    <g id="cloudy-night-2">
-        <g transform="translate(20,10)">
-            <g transform="translate(16,4), scale(0.8)">
-                <g class="am-weather-moon-star-1">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-                </g>
-                <g class="am-weather-moon-star-2">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-                </g>
-                <g class="am-weather-moon">
-                    <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-                </g>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4    c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-    <g id="cloudy-day-3">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-    <g id="cloudy-night-3">
-        <g transform="translate(20,10)">
-            <g transform="translate(16,4), scale(0.8)">
-                <g class="am-weather-moon-star-1">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
-                </g>
-                <g class="am-weather-moon-star-2">
-                    <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
-                </g>
-                <g class="am-weather-moon">
-                    <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7   c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
-                </g>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4    c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-    <g id="cloudy">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-1">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-8), scale(0.6)"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4     c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3     c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-    <g id="rainy-1">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16), scale(1.2)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.5" transform="translate(-15,-5), scale(0.85)"/>
-            </g>
-        </g>
-        <g transform="translate(34,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-    <g id="rainy-2">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(37,45), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-    <g id="rainy-3">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fifll="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(34,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-    <g id="rainy-4">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(37,45), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-    <g id="rainy-5">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(34,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-    <g id="rainy-6">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-4,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(4,0)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-    <g id="rainy-7">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(-5,1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
-            <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(5,0)" x1="0" x2="0" y1="0" y2="8" />
-        </g>
-    </g>
-    <g id="snowy-1">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16), scale(1.2)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.5" transform="translate(-15,-5), scale(0.85)"/>
-            </g>
-        </g>
-        <g transform="translate(20,9)">
-            <g class="am-weather-snow-1">
-                <g transform="translate(7,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-2">
-                <g transform="translate(16,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </g>
-    <g id="snowy-2">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-        <g class="am-weather-snow-1">
-            <g transform="translate(32,38)">
-                <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-            </g>
-        </g>
-    </g>
-    <g id="snowy-3">
-        <g transform="translate(20,10)">
-            <g transform="translate(0,16)">
-                <g class="am-weather-sun">
-                    <g>
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(45)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(90)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(135)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(180)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(225)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(270)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                    <g transform="rotate(315)">
-                        <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
-                    </g>
-                </g>
-                <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
-            </g>
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g class="am-weather-snow-1">
-                <g transform="translate(7,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-2">
-                <g transform="translate(16,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </g>
-    <g id="snowy-4">
-        <g transform="translate(20,10)">
-            <g>
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g class="am-weather-snow-1">
-                <g transform="translate(11,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </g>
-    <g id="snowy-5">
-        <g transform="translate(20,10)">
-            <g class="snowy-6-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g class="am-weather-snow-1">
-                <g transform="translate(7,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-2">
-                <g transform="translate(16,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </g>
-    <g id="snowy-6">
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g class="am-weather-snow-1">
-                <g transform="translate(3,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-2">
-                <g transform="translate(11,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-            <g class="am-weather-snow-3">
-                <g transform="translate(20,28)">
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                    <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/weather_sagittarius.svg b/dist/weather_icons/animated/weather_sagittarius.svg
deleted file mode 100644
index 1e85eb7..0000000
--- a/dist/weather_icons/animated/weather_sagittarius.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg width="21px" height="17px" viewBox="187 110 21 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Wind" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(197.611216, 118.415064) rotate(-30.000000) translate(-197.611216, -118.415064) translate(189.111216, 115.915064)" stroke-linecap="round">
-        <path d="M0.5,2.5 L13,2.5" id="Line" stroke="#000000"></path>
-        <polygon id="Triangle-1" stroke="#000000" stroke-linejoin="round" fill="#000000" points="13 5 13 1.13686838e-13 17 2.5"></polygon>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/wind.svg b/dist/weather_icons/animated/wind.svg
deleted file mode 100644
index 321dd0b..0000000
--- a/dist/weather_icons/animated/wind.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-  <defs>
-    <linearGradient id="a" x1="27.56" x2="38.27" y1="17.64" y2="36.19" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#C6DEFF"/>
-      <stop offset=".45" stop-color="#91C0F8"/>
-      <stop offset="1" stop-color="#57A0EE"/>
-    </linearGradient>
-    <linearGradient id="b" x1="19.96" x2="31.37" y1="29.03" y2="48.8" xlink:href="#a"/>
-  </defs>
-  <path fill="none" stroke="url(#a)" stroke-dasharray="35 22" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M43.64 20a5 5 0 113.61 8.46h-35.5"><animate attributeName="stroke-dashoffset" dur="2s" repeatCount="indefinite" values="-57; 57"/></path>
-  <path fill="none" stroke="url(#b)" stroke-dasharray="24 15" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M29.14 44a5 5 0 103.61-8.46h-21"><animate attributeName="stroke-dashoffset" begin="-1.5s" dur="2s" repeatCount="indefinite" values="-39; 39"/></path>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/windy.svg b/dist/weather_icons/animated/windy.svg
deleted file mode 100644
index 321dd0b..0000000
--- a/dist/weather_icons/animated/windy.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-  <defs>
-    <linearGradient id="a" x1="27.56" x2="38.27" y1="17.64" y2="36.19" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#C6DEFF"/>
-      <stop offset=".45" stop-color="#91C0F8"/>
-      <stop offset="1" stop-color="#57A0EE"/>
-    </linearGradient>
-    <linearGradient id="b" x1="19.96" x2="31.37" y1="29.03" y2="48.8" xlink:href="#a"/>
-  </defs>
-  <path fill="none" stroke="url(#a)" stroke-dasharray="35 22" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M43.64 20a5 5 0 113.61 8.46h-35.5"><animate attributeName="stroke-dashoffset" dur="2s" repeatCount="indefinite" values="-57; 57"/></path>
-  <path fill="none" stroke="url(#b)" stroke-dasharray="24 15" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M29.14 44a5 5 0 103.61-8.46h-21"><animate attributeName="stroke-dashoffset" begin="-1.5s" dur="2s" repeatCount="indefinite" values="-39; 39"/></path>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/wraina-ts.svg b/dist/weather_icons/animated/wraina-ts.svg
deleted file mode 100644
index fd227dc..0000000
--- a/dist/weather_icons/animated/wraina-ts.svg
+++ /dev/null
@@ -1,329 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="wraina-ts">
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-2" fill="none" stroke="#FFBF00" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-8,0)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-1" fill="none" stroke="#FFBF00" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-4,1)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-2" fill="none" stroke="#FFBF00" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-1" fill="none" stroke="#FFBF00" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(4,0)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-2" fill="none" stroke="#FFBF00" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(8,-2)" x1="0" x2="0" y1="0" y2="8"/>
-        </g>
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#FFBF00" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g transform="translate(-9,28), scale(1.2)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/wraina.svg b/dist/weather_icons/animated/wraina.svg
deleted file mode 100644
index 87f76a9..0000000
--- a/dist/weather_icons/animated/wraina.svg
+++ /dev/null
@@ -1,173 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="wraina">
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-2" fill="none" stroke="#FFBF00" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-8,0)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-1" fill="none" stroke="#FFBF00" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-4,1)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-2" fill="none" stroke="#FFBF00" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-1" fill="none" stroke="#FFBF00" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(4,0)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-2" fill="none" stroke="#FFBF00" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(8,-2)" x1="0" x2="0" y1="0" y2="8"/>
-        </g>
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#FFBF00" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/wrainb-ts.svg b/dist/weather_icons/animated/wrainb-ts.svg
deleted file mode 100644
index a9a5b0f..0000000
--- a/dist/weather_icons/animated/wrainb-ts.svg
+++ /dev/null
@@ -1,329 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="wrainb-ts">
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-2" fill="none" stroke="#737373" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-8,0)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-1" fill="none" stroke="#737373" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-4,1)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-2" fill="none" stroke="#737373" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-1" fill="none" stroke="#737373" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(4,0)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-2" fill="none" stroke="#737373" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(8,-2)" x1="0" x2="0" y1="0" y2="8"/>
-        </g>
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#2E2E2E" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g transform="translate(-9,28), scale(1.2)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/wrainb.svg b/dist/weather_icons/animated/wrainb.svg
deleted file mode 100644
index a11a8f1..0000000
--- a/dist/weather_icons/animated/wrainb.svg
+++ /dev/null
@@ -1,173 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="wrainb">
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-2" fill="none" stroke="#737373" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-8,0)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-1" fill="none" stroke="#737373" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-4,1)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-2" fill="none" stroke="#737373" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-1" fill="none" stroke="#737373" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(4,0)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-2" fill="none" stroke="#737373" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(8,-2)" x1="0" x2="0" y1="0" y2="8"/>
-        </g>
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#2E2E2E" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/wrainr-ts.svg b/dist/weather_icons/animated/wrainr-ts.svg
deleted file mode 100644
index a7456ae..0000000
--- a/dist/weather_icons/animated/wrainr-ts.svg
+++ /dev/null
@@ -1,329 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-
-/*
-** STROKE
-*/
-@keyframes am-weather-stroke {
-  0% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  2% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  4% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  6% {
-    -webkit-transform: translate(0.5px,0.4px);
-       -moz-transform: translate(0.5px,0.4px);
-        -ms-transform: translate(0.5px,0.4px);
-            transform: translate(0.5px,0.4px);
-  }
-
-  8% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  10% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  12% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  14% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  16% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  18% {
-    -webkit-transform: translate(0.3px,0.0px);
-       -moz-transform: translate(0.3px,0.0px);
-        -ms-transform: translate(0.3px,0.0px);
-            transform: translate(0.3px,0.0px);
-  }
-
-  20% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  22% {
-    -webkit-transform: translate(1px,0.0px);
-       -moz-transform: translate(1px,0.0px);
-        -ms-transform: translate(1px,0.0px);
-            transform: translate(1px,0.0px);
-  }
-
-  24% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  26% {
-    -webkit-transform: translate(-1px,0.0px);
-       -moz-transform: translate(-1px,0.0px);
-        -ms-transform: translate(-1px,0.0px);
-            transform: translate(-1px,0.0px);
-
-  }
-
-  28% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  40% {
-    fill: orange;
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-
-  65% {
-    fill: white;
-    -webkit-transform: translate(-1px,5.0px);
-       -moz-transform: translate(-1px,5.0px);
-        -ms-transform: translate(-1px,5.0px);
-            transform: translate(-1px,5.0px);
-  }
-  61% {
-    fill: orange;
-  }
-
-  100% {
-    -webkit-transform: translate(0.0px,0.0px);
-       -moz-transform: translate(0.0px,0.0px);
-        -ms-transform: translate(0.0px,0.0px);
-            transform: translate(0.0px,0.0px);
-  }
-}
-
-.am-weather-stroke {
-  -webkit-animation-name: am-weather-stroke;
-     -moz-animation-name: am-weather-stroke;
-          animation-name: am-weather-stroke;
-  -webkit-animation-duration: 1.11s;
-     -moz-animation-duration: 1.11s;
-          animation-duration: 1.11s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="wrainr-ts">
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-2" fill="none" stroke="#EF4444" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-8,0)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-1" fill="none" stroke="#EF4444" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-4,1)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-2" fill="none" stroke="#EF4444" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-1" fill="none" stroke="#EF4444" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(4,0)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-2" fill="none" stroke="#EF4444" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(8,-2)" x1="0" x2="0" y1="0" y2="8"/>
-        </g>
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#EF4444" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-            <g transform="translate(-9,28), scale(1.2)">
-                <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/dist/weather_icons/animated/wrainr.svg b/dist/weather_icons/animated/wrainr.svg
deleted file mode 100644
index 0ad3cd1..0000000
--- a/dist/weather_icons/animated/wrainr.svg
+++ /dev/null
@@ -1,173 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- (c) ammap.com | SVG weather icons -->
-<svg
-    version="1.1"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    width="64"
-    height="64"
-    viewbox="0 0 64 64">
-    <defs>
-        <filter id="blur" width="200%" height="200%">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
-            <feOffset dx="0" dy="4" result="offsetblur"/>
-            <feComponentTransfer>
-                <feFuncA type="linear" slope="0.05"/>
-            </feComponentTransfer>
-            <feMerge> 
-                <feMergeNode/>
-                <feMergeNode in="SourceGraphic"/> 
-            </feMerge>
-        </filter>
-        <style type="text/css"><![CDATA[
-/*
-** CLOUDS
-*/
-@keyframes am-weather-cloud-1 {
-  0% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(10px,0px);
-       -moz-transform: translate(10px,0px);
-        -ms-transform: translate(10px,0px);
-            transform: translate(10px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(-5px,0px);
-       -moz-transform: translate(-5px,0px);
-        -ms-transform: translate(-5px,0px);
-            transform: translate(-5px,0px);
-  }
-}
-
-.am-weather-cloud-1 {
-  -webkit-animation-name: am-weather-cloud-1;
-     -moz-animation-name: am-weather-cloud-1;
-          animation-name: am-weather-cloud-1;
-  -webkit-animation-duration: 7s;
-     -moz-animation-duration: 7s;
-          animation-duration: 7s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-@keyframes am-weather-cloud-2 {
-  0% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-
-  50% {
-    -webkit-transform: translate(2px,0px);
-       -moz-transform: translate(2px,0px);
-        -ms-transform: translate(2px,0px);
-            transform: translate(2px,0px);
-  }
-
-  100% {
-    -webkit-transform: translate(0px,0px);
-       -moz-transform: translate(0px,0px);
-        -ms-transform: translate(0px,0px);
-            transform: translate(0px,0px);
-  }
-}
-
-.am-weather-cloud-2 {
-  -webkit-animation-name: am-weather-cloud-2;
-     -moz-animation-name: am-weather-cloud-2;
-          animation-name: am-weather-cloud-2;
-  -webkit-animation-duration: 3s;
-     -moz-animation-duration: 3s;
-          animation-duration: 3s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-/*
-** RAIN
-*/
-@keyframes am-weather-rain {
-  0% {
-    stroke-dashoffset: 0;
-  }
-
-  100% {
-    stroke-dashoffset: -100;
-  }
-}
-
-.am-weather-rain-1 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-.am-weather-rain-2 {
-  -webkit-animation-name: am-weather-rain;
-     -moz-animation-name: am-weather-rain;
-      -ms-animation-name: am-weather-rain;
-          animation-name: am-weather-rain;
-  -webkit-animation-delay: 0.25s;
-     -moz-animation-delay: 0.25s;
-      -ms-animation-delay: 0.25s;
-          animation-delay: 0.25s;
-  -webkit-animation-duration: 6s;
-     -moz-animation-duration: 6s;
-      -ms-animation-duration: 6s;
-          animation-duration: 6s;
-  -webkit-animation-timing-function: linear;
-     -moz-animation-timing-function: linear;
-      -ms-animation-timing-function: linear;
-          animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
-      -ms-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-}
-
-        ]]></style>
-    </defs>
-    <g filter="url(#blur)" id="wrainr">
-        <g transform="translate(31,46), rotate(10)">
-            <line class="am-weather-rain-2" fill="none" stroke="#EF4444" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-8,0)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-1" fill="none" stroke="#EF4444" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-4,1)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-2" fill="none" stroke="#EF4444" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-1" fill="none" stroke="#EF4444" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(4,0)" x1="0" x2="0" y1="0" y2="8"/>
-            <line class="am-weather-rain-2" fill="none" stroke="#EF4444" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(8,-2)" x1="0" x2="0" y1="0" y2="8"/>
-        </g>
-        <g transform="translate(20,10)">
-            <g class="am-weather-cloud-2">
-                <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#EF4444" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file