@acorex-platform/extension-weather-core-client 0.0.25 → 0.0.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,133 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- (c) ammap.com | SVG weather icons -->
3
+ <svg
4
+ version="1.1"
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ xmlns:xlink="http://www.w3.org/1999/xlink"
7
+ width="64"
8
+ height="64"
9
+ viewbox="0 0 64 64">
10
+ <defs>
11
+ <filter id="blur" width="200%" height="200%">
12
+ <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
13
+ <feOffset dx="0" dy="4" result="offsetblur"/>
14
+ <feComponentTransfer>
15
+ <feFuncA type="linear" slope="0.05"/>
16
+ </feComponentTransfer>
17
+ <feMerge>
18
+ <feMergeNode/>
19
+ <feMergeNode in="SourceGraphic"/>
20
+ </feMerge>
21
+ </filter>
22
+ <style type="text/css"><![CDATA[
23
+ /*
24
+ ** SUN
25
+ */
26
+ @keyframes am-weather-sun {
27
+ 0% {
28
+ -webkit-transform: rotate(0deg);
29
+ -moz-transform: rotate(0deg);
30
+ -ms-transform: rotate(0deg);
31
+ transform: rotate(0deg);
32
+ }
33
+
34
+ 100% {
35
+ -webkit-transform: rotate(360deg);
36
+ -moz-transform: rotate(360deg);
37
+ -ms-transform: rotate(360deg);
38
+ transform: rotate(360deg);
39
+ }
40
+ }
41
+
42
+ .am-weather-sun {
43
+ -webkit-animation-name: am-weather-sun;
44
+ -moz-animation-name: am-weather-sun;
45
+ -ms-animation-name: am-weather-sun;
46
+ animation-name: am-weather-sun;
47
+ -webkit-animation-duration: 9s;
48
+ -moz-animation-duration: 9s;
49
+ -ms-animation-duration: 9s;
50
+ animation-duration: 9s;
51
+ -webkit-animation-timing-function: linear;
52
+ -moz-animation-timing-function: linear;
53
+ -ms-animation-timing-function: linear;
54
+ animation-timing-function: linear;
55
+ -webkit-animation-iteration-count: infinite;
56
+ -moz-animation-iteration-count: infinite;
57
+ -ms-animation-iteration-count: infinite;
58
+ animation-iteration-count: infinite;
59
+ }
60
+
61
+ /*
62
+ ** RAIN
63
+ */
64
+ @keyframes am-weather-rain {
65
+ 0% {
66
+ stroke-dashoffset: 0;
67
+ }
68
+
69
+ 100% {
70
+ stroke-dashoffset: -100;
71
+ }
72
+ }
73
+
74
+ .am-weather-rain-1 {
75
+ -webkit-animation-name: am-weather-rain;
76
+ -moz-animation-name: am-weather-rain;
77
+ -ms-animation-name: am-weather-rain;
78
+ animation-name: am-weather-rain;
79
+ -webkit-animation-duration: 8s;
80
+ -moz-animation-duration: 8s;
81
+ -ms-animation-duration: 8s;
82
+ animation-duration: 8s;
83
+ -webkit-animation-timing-function: linear;
84
+ -moz-animation-timing-function: linear;
85
+ -ms-animation-timing-function: linear;
86
+ animation-timing-function: linear;
87
+ -webkit-animation-iteration-count: infinite;
88
+ -moz-animation-iteration-count: infinite;
89
+ -ms-animation-iteration-count: infinite;
90
+ animation-iteration-count: infinite;
91
+ }
92
+ ]]></style>
93
+ </defs>
94
+ <g filter="url(#blur)" id="rainy-2">
95
+ <g transform="translate(20,10)">
96
+ <g transform="translate(0,16)">
97
+ <g class="am-weather-sun">
98
+ <g>
99
+ <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
100
+ </g>
101
+ <g transform="rotate(45)">
102
+ <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
103
+ </g>
104
+ <g transform="rotate(90)">
105
+ <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
106
+ </g>
107
+ <g transform="rotate(135)">
108
+ <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
109
+ </g>
110
+ <g transform="rotate(180)">
111
+ <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
112
+ </g>
113
+ <g transform="rotate(225)">
114
+ <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
115
+ </g>
116
+ <g transform="rotate(270)">
117
+ <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
118
+ </g>
119
+ <g transform="rotate(315)">
120
+ <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
121
+ </g>
122
+ </g>
123
+ <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
124
+ </g>
125
+ <g>
126
+ <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)"/>
127
+ </g>
128
+ </g>
129
+ <g transform="translate(37,45), rotate(10)">
130
+ <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" />
131
+ </g>
132
+ </g>
133
+ </svg>
@@ -0,0 +1,157 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- (c) ammap.com | SVG weather icons -->
3
+ <svg
4
+ version="1.1"
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ xmlns:xlink="http://www.w3.org/1999/xlink"
7
+ width="64"
8
+ height="64"
9
+ viewbox="0 0 64 64">
10
+ <defs>
11
+ <filter id="blur" width="200%" height="200%">
12
+ <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
13
+ <feOffset dx="0" dy="4" result="offsetblur"/>
14
+ <feComponentTransfer>
15
+ <feFuncA type="linear" slope="0.05"/>
16
+ </feComponentTransfer>
17
+ <feMerge>
18
+ <feMergeNode/>
19
+ <feMergeNode in="SourceGraphic"/>
20
+ </feMerge>
21
+ </filter>
22
+ <style type="text/css"><![CDATA[
23
+ /*
24
+ ** SUN
25
+ */
26
+ @keyframes am-weather-sun {
27
+ 0% {
28
+ -webkit-transform: rotate(0deg);
29
+ -moz-transform: rotate(0deg);
30
+ -ms-transform: rotate(0deg);
31
+ transform: rotate(0deg);
32
+ }
33
+
34
+ 100% {
35
+ -webkit-transform: rotate(360deg);
36
+ -moz-transform: rotate(360deg);
37
+ -ms-transform: rotate(360deg);
38
+ transform: rotate(360deg);
39
+ }
40
+ }
41
+
42
+ .am-weather-sun {
43
+ -webkit-animation-name: am-weather-sun;
44
+ -moz-animation-name: am-weather-sun;
45
+ -ms-animation-name: am-weather-sun;
46
+ animation-name: am-weather-sun;
47
+ -webkit-animation-duration: 9s;
48
+ -moz-animation-duration: 9s;
49
+ -ms-animation-duration: 9s;
50
+ animation-duration: 9s;
51
+ -webkit-animation-timing-function: linear;
52
+ -moz-animation-timing-function: linear;
53
+ -ms-animation-timing-function: linear;
54
+ animation-timing-function: linear;
55
+ -webkit-animation-iteration-count: infinite;
56
+ -moz-animation-iteration-count: infinite;
57
+ -ms-animation-iteration-count: infinite;
58
+ animation-iteration-count: infinite;
59
+ }
60
+
61
+ /*
62
+ ** RAIN
63
+ */
64
+ @keyframes am-weather-rain {
65
+ 0% {
66
+ stroke-dashoffset: 0;
67
+ }
68
+
69
+ 100% {
70
+ stroke-dashoffset: -100;
71
+ }
72
+ }
73
+
74
+ .am-weather-rain-1 {
75
+ -webkit-animation-name: am-weather-rain;
76
+ -moz-animation-name: am-weather-rain;
77
+ -ms-animation-name: am-weather-rain;
78
+ animation-name: am-weather-rain;
79
+ -webkit-animation-duration: 8s;
80
+ -moz-animation-duration: 8s;
81
+ -ms-animation-duration: 8s;
82
+ animation-duration: 8s;
83
+ -webkit-animation-timing-function: linear;
84
+ -moz-animation-timing-function: linear;
85
+ -ms-animation-timing-function: linear;
86
+ animation-timing-function: linear;
87
+ -webkit-animation-iteration-count: infinite;
88
+ -moz-animation-iteration-count: infinite;
89
+ -ms-animation-iteration-count: infinite;
90
+ animation-iteration-count: infinite;
91
+ }
92
+
93
+ .am-weather-rain-2 {
94
+ -webkit-animation-name: am-weather-rain;
95
+ -moz-animation-name: am-weather-rain;
96
+ -ms-animation-name: am-weather-rain;
97
+ animation-name: am-weather-rain;
98
+ -webkit-animation-delay: 0.25s;
99
+ -moz-animation-delay: 0.25s;
100
+ -ms-animation-delay: 0.25s;
101
+ animation-delay: 0.25s;
102
+ -webkit-animation-duration: 8s;
103
+ -moz-animation-duration: 8s;
104
+ -ms-animation-duration: 8s;
105
+ animation-duration: 8s;
106
+ -webkit-animation-timing-function: linear;
107
+ -moz-animation-timing-function: linear;
108
+ -ms-animation-timing-function: linear;
109
+ animation-timing-function: linear;
110
+ -webkit-animation-iteration-count: infinite;
111
+ -moz-animation-iteration-count: infinite;
112
+ -ms-animation-iteration-count: infinite;
113
+ animation-iteration-count: infinite;
114
+ }
115
+ ]]></style>
116
+ </defs>
117
+ <g filter="url(#blur)" id="rainy-3">
118
+ <g transform="translate(20,10)">
119
+ <g transform="translate(0,16)">
120
+ <g class="am-weather-sun">
121
+ <g>
122
+ <line fifll="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
123
+ </g>
124
+ <g transform="rotate(45)">
125
+ <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
126
+ </g>
127
+ <g transform="rotate(90)">
128
+ <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
129
+ </g>
130
+ <g transform="rotate(135)">
131
+ <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
132
+ </g>
133
+ <g transform="rotate(180)">
134
+ <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
135
+ </g>
136
+ <g transform="rotate(225)">
137
+ <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
138
+ </g>
139
+ <g transform="rotate(270)">
140
+ <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
141
+ </g>
142
+ <g transform="rotate(315)">
143
+ <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
144
+ </g>
145
+ </g>
146
+ <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
147
+ </g>
148
+ <g>
149
+ <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)"/>
150
+ </g>
151
+ </g>
152
+ <g transform="translate(34,46), rotate(10)">
153
+ <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" />
154
+ <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" />
155
+ </g>
156
+ </g>
157
+ </svg>
@@ -0,0 +1,66 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- (c) ammap.com | SVG weather icons -->
3
+ <svg
4
+ version="1.1"
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ xmlns:xlink="http://www.w3.org/1999/xlink"
7
+ width="64"
8
+ height="64"
9
+ viewbox="0 0 64 64">
10
+ <defs>
11
+ <filter id="blur" width="200%" height="200%">
12
+ <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
13
+ <feOffset dx="0" dy="4" result="offsetblur"/>
14
+ <feComponentTransfer>
15
+ <feFuncA type="linear" slope="0.05"/>
16
+ </feComponentTransfer>
17
+ <feMerge>
18
+ <feMergeNode/>
19
+ <feMergeNode in="SourceGraphic"/>
20
+ </feMerge>
21
+ </filter>
22
+ <style type="text/css"><![CDATA[
23
+ /*
24
+ ** RAIN
25
+ */
26
+ @keyframes am-weather-rain {
27
+ 0% {
28
+ stroke-dashoffset: 0;
29
+ }
30
+
31
+ 100% {
32
+ stroke-dashoffset: -100;
33
+ }
34
+ }
35
+
36
+ .am-weather-rain-1 {
37
+ -webkit-animation-name: am-weather-rain;
38
+ -moz-animation-name: am-weather-rain;
39
+ -ms-animation-name: am-weather-rain;
40
+ animation-name: am-weather-rain;
41
+ -webkit-animation-duration: 8s;
42
+ -moz-animation-duration: 8s;
43
+ -ms-animation-duration: 8s;
44
+ animation-duration: 8s;
45
+ -webkit-animation-timing-function: linear;
46
+ -moz-animation-timing-function: linear;
47
+ -ms-animation-timing-function: linear;
48
+ animation-timing-function: linear;
49
+ -webkit-animation-iteration-count: infinite;
50
+ -moz-animation-iteration-count: infinite;
51
+ -ms-animation-iteration-count: infinite;
52
+ animation-iteration-count: infinite;
53
+ }
54
+ ]]></style>
55
+ </defs>
56
+ <g filter="url(#blur)" id="rainy-4">
57
+ <g transform="translate(20,10)">
58
+ <g>
59
+ <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)"/>
60
+ </g>
61
+ </g>
62
+ <g transform="translate(37,45), rotate(10)">
63
+ <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" />
64
+ </g>
65
+ </g>
66
+ </svg>
@@ -0,0 +1,90 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- (c) ammap.com | SVG weather icons -->
3
+ <svg
4
+ version="1.1"
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ xmlns:xlink="http://www.w3.org/1999/xlink"
7
+ width="64"
8
+ height="64"
9
+ viewbox="0 0 64 64">
10
+ <defs>
11
+ <filter id="blur" width="200%" height="200%">
12
+ <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
13
+ <feOffset dx="0" dy="4" result="offsetblur"/>
14
+ <feComponentTransfer>
15
+ <feFuncA type="linear" slope="0.05"/>
16
+ </feComponentTransfer>
17
+ <feMerge>
18
+ <feMergeNode/>
19
+ <feMergeNode in="SourceGraphic"/>
20
+ </feMerge>
21
+ </filter>
22
+ <style type="text/css"><![CDATA[
23
+ /*
24
+ ** RAIN
25
+ */
26
+ @keyframes am-weather-rain {
27
+ 0% {
28
+ stroke-dashoffset: 0;
29
+ }
30
+
31
+ 100% {
32
+ stroke-dashoffset: -100;
33
+ }
34
+ }
35
+
36
+ .am-weather-rain-1 {
37
+ -webkit-animation-name: am-weather-rain;
38
+ -moz-animation-name: am-weather-rain;
39
+ -ms-animation-name: am-weather-rain;
40
+ animation-name: am-weather-rain;
41
+ -webkit-animation-duration: 8s;
42
+ -moz-animation-duration: 8s;
43
+ -ms-animation-duration: 8s;
44
+ animation-duration: 8s;
45
+ -webkit-animation-timing-function: linear;
46
+ -moz-animation-timing-function: linear;
47
+ -ms-animation-timing-function: linear;
48
+ animation-timing-function: linear;
49
+ -webkit-animation-iteration-count: infinite;
50
+ -moz-animation-iteration-count: infinite;
51
+ -ms-animation-iteration-count: infinite;
52
+ animation-iteration-count: infinite;
53
+ }
54
+
55
+ .am-weather-rain-2 {
56
+ -webkit-animation-name: am-weather-rain;
57
+ -moz-animation-name: am-weather-rain;
58
+ -ms-animation-name: am-weather-rain;
59
+ animation-name: am-weather-rain;
60
+ -webkit-animation-delay: 0.25s;
61
+ -moz-animation-delay: 0.25s;
62
+ -ms-animation-delay: 0.25s;
63
+ animation-delay: 0.25s;
64
+ -webkit-animation-duration: 8s;
65
+ -moz-animation-duration: 8s;
66
+ -ms-animation-duration: 8s;
67
+ animation-duration: 8s;
68
+ -webkit-animation-timing-function: linear;
69
+ -moz-animation-timing-function: linear;
70
+ -ms-animation-timing-function: linear;
71
+ animation-timing-function: linear;
72
+ -webkit-animation-iteration-count: infinite;
73
+ -moz-animation-iteration-count: infinite;
74
+ -ms-animation-iteration-count: infinite;
75
+ animation-iteration-count: infinite;
76
+ }
77
+ ]]></style>
78
+ </defs>
79
+ <g filter="url(#blur)" id="rainy-5">
80
+ <g transform="translate(20,10)">
81
+ <g>
82
+ <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)"/>
83
+ </g>
84
+ </g>
85
+ <g transform="translate(34,46), rotate(10)">
86
+ <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" />
87
+ <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" />
88
+ </g>
89
+ </g>
90
+ </svg>
@@ -0,0 +1,91 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- (c) ammap.com | SVG weather icons -->
3
+ <svg
4
+ version="1.1"
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ xmlns:xlink="http://www.w3.org/1999/xlink"
7
+ width="64"
8
+ height="64"
9
+ viewbox="0 0 64 64">
10
+ <defs>
11
+ <filter id="blur" width="200%" height="200%">
12
+ <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
13
+ <feOffset dx="0" dy="4" result="offsetblur"/>
14
+ <feComponentTransfer>
15
+ <feFuncA type="linear" slope="0.05"/>
16
+ </feComponentTransfer>
17
+ <feMerge>
18
+ <feMergeNode/>
19
+ <feMergeNode in="SourceGraphic"/>
20
+ </feMerge>
21
+ </filter>
22
+ <style type="text/css"><![CDATA[
23
+ /*
24
+ ** RAIN
25
+ */
26
+ @keyframes am-weather-rain {
27
+ 0% {
28
+ stroke-dashoffset: 0;
29
+ }
30
+
31
+ 100% {
32
+ stroke-dashoffset: -100;
33
+ }
34
+ }
35
+
36
+ .am-weather-rain-1 {
37
+ -webkit-animation-name: am-weather-rain;
38
+ -moz-animation-name: am-weather-rain;
39
+ -ms-animation-name: am-weather-rain;
40
+ animation-name: am-weather-rain;
41
+ -webkit-animation-duration: 8s;
42
+ -moz-animation-duration: 8s;
43
+ -ms-animation-duration: 8s;
44
+ animation-duration: 8s;
45
+ -webkit-animation-timing-function: linear;
46
+ -moz-animation-timing-function: linear;
47
+ -ms-animation-timing-function: linear;
48
+ animation-timing-function: linear;
49
+ -webkit-animation-iteration-count: infinite;
50
+ -moz-animation-iteration-count: infinite;
51
+ -ms-animation-iteration-count: infinite;
52
+ animation-iteration-count: infinite;
53
+ }
54
+
55
+ .am-weather-rain-2 {
56
+ -webkit-animation-name: am-weather-rain;
57
+ -moz-animation-name: am-weather-rain;
58
+ -ms-animation-name: am-weather-rain;
59
+ animation-name: am-weather-rain;
60
+ -webkit-animation-delay: 0.25s;
61
+ -moz-animation-delay: 0.25s;
62
+ -ms-animation-delay: 0.25s;
63
+ animation-delay: 0.25s;
64
+ -webkit-animation-duration: 8s;
65
+ -moz-animation-duration: 8s;
66
+ -ms-animation-duration: 8s;
67
+ animation-duration: 8s;
68
+ -webkit-animation-timing-function: linear;
69
+ -moz-animation-timing-function: linear;
70
+ -ms-animation-timing-function: linear;
71
+ animation-timing-function: linear;
72
+ -webkit-animation-iteration-count: infinite;
73
+ -moz-animation-iteration-count: infinite;
74
+ -ms-animation-iteration-count: infinite;
75
+ animation-iteration-count: infinite;
76
+ }
77
+ ]]></style>
78
+ </defs>
79
+ <g filter="url(#blur)" id="rainy-6">
80
+ <g transform="translate(20,10)">
81
+ <g>
82
+ <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)"/>
83
+ </g>
84
+ </g>
85
+ <g transform="translate(31,46), rotate(10)">
86
+ <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" />
87
+ <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" />
88
+ <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" />
89
+ </g>
90
+ </g>
91
+ </svg>
@@ -0,0 +1,91 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- (c) ammap.com | SVG weather icons -->
3
+ <svg
4
+ version="1.1"
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ xmlns:xlink="http://www.w3.org/1999/xlink"
7
+ width="64"
8
+ height="64"
9
+ viewbox="0 0 64 64">
10
+ <defs>
11
+ <filter id="blur" width="200%" height="200%">
12
+ <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
13
+ <feOffset dx="0" dy="4" result="offsetblur"/>
14
+ <feComponentTransfer>
15
+ <feFuncA type="linear" slope="0.05"/>
16
+ </feComponentTransfer>
17
+ <feMerge>
18
+ <feMergeNode/>
19
+ <feMergeNode in="SourceGraphic"/>
20
+ </feMerge>
21
+ </filter>
22
+ <style type="text/css"><![CDATA[
23
+ /*
24
+ ** RAIN
25
+ */
26
+ @keyframes am-weather-rain {
27
+ 0% {
28
+ stroke-dashoffset: 0;
29
+ }
30
+
31
+ 100% {
32
+ stroke-dashoffset: -100;
33
+ }
34
+ }
35
+
36
+ .am-weather-rain-1 {
37
+ -webkit-animation-name: am-weather-rain;
38
+ -moz-animation-name: am-weather-rain;
39
+ -ms-animation-name: am-weather-rain;
40
+ animation-name: am-weather-rain;
41
+ -webkit-animation-duration: 8s;
42
+ -moz-animation-duration: 8s;
43
+ -ms-animation-duration: 8s;
44
+ animation-duration: 8s;
45
+ -webkit-animation-timing-function: linear;
46
+ -moz-animation-timing-function: linear;
47
+ -ms-animation-timing-function: linear;
48
+ animation-timing-function: linear;
49
+ -webkit-animation-iteration-count: infinite;
50
+ -moz-animation-iteration-count: infinite;
51
+ -ms-animation-iteration-count: infinite;
52
+ animation-iteration-count: infinite;
53
+ }
54
+
55
+ .am-weather-rain-2 {
56
+ -webkit-animation-name: am-weather-rain;
57
+ -moz-animation-name: am-weather-rain;
58
+ -ms-animation-name: am-weather-rain;
59
+ animation-name: am-weather-rain;
60
+ -webkit-animation-delay: 0.25s;
61
+ -moz-animation-delay: 0.25s;
62
+ -ms-animation-delay: 0.25s;
63
+ animation-delay: 0.25s;
64
+ -webkit-animation-duration: 8s;
65
+ -moz-animation-duration: 8s;
66
+ -ms-animation-duration: 8s;
67
+ animation-duration: 8s;
68
+ -webkit-animation-timing-function: linear;
69
+ -moz-animation-timing-function: linear;
70
+ -ms-animation-timing-function: linear;
71
+ animation-timing-function: linear;
72
+ -webkit-animation-iteration-count: infinite;
73
+ -moz-animation-iteration-count: infinite;
74
+ -ms-animation-iteration-count: infinite;
75
+ animation-iteration-count: infinite;
76
+ }
77
+ ]]></style>
78
+ </defs>
79
+ <g filter="url(#blur)" id="rainy-7">
80
+ <g transform="translate(20,10)">
81
+ <g>
82
+ <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)"/>
83
+ </g>
84
+ </g>
85
+ <g transform="translate(31,46), rotate(10)">
86
+ <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" />
87
+ <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" />
88
+ <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" />
89
+ </g>
90
+ </g>
91
+ </svg>