├── .gitignore
├── README.md
├── css.css
├── globals.css
├── index.html
├── keyfield.html
├── keyfield.js
├── kf.css
├── main.js
├── package-lock.json
├── package.json
├── popup.html
├── popup.js
├── popup_ex.css
├── renderer.js
└── resc
    ├── branding
        ├── brand_ico.ico
        └── brand_png.png
    ├── fonts
        ├── FluentSystemIcons-Filled.ttf
        ├── FluentSystemIcons-Regular.ttf
        └── SegoeIcons.ttf
    └── imgs
        ├── copilot.svg
        ├── search
            ├── dark.svg
            └── light.svg
        └── weather
            ├── clearsky.svg
            ├── densedrizzle.svg
            ├── densefreezingdrizzle.svg
            ├── depositingrimefog.svg
            ├── foggy.svg
            ├── heavyfreezingrain.svg
            ├── heavyrain.svg
            ├── heavysnowfall.svg
            ├── heavysnowshowers.svg
            ├── lightdrizzle.svg
            ├── lightfreezingdrizzle.svg
            ├── lightfreezingrain.svg
            ├── mainlyclear.svg
            ├── moderatedrizzle.svg
            ├── moderaterain.svg
            ├── moderaterainshowers.svg
            ├── moderatesnowfall.svg
            ├── overcast.svg
            ├── partlycloudy.svg
            ├── slightrain.svg
            ├── slightrainshowers.svg
            ├── slightsnowfall.svg
            ├── slightsnowshowers.svg
            ├── snowgrains.svg
            ├── thunderstormwithhail.svg
            ├── thunderstormwithheavyhail.svg
            ├── thunderstormwithslighthail.svg
            └── violentrainshowers.svg


/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules/
2 | package-lock.json
3 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # 12Bar  
 2 | ![image](https://github.com/Futur3Sn0w/12Bar/assets/18166632/3283c03c-163f-4d4e-83c3-53f401cce2c2)
 3 | TODO: Write howto/explainer :P  
 4 | For now, click Releases on the sidebar to download, or click Wiki at the top to view some more information!
 5 | <hr>
 6 | 
 7 | ## Installation:
 8 | **Note:** The current version of 12Bar **requires** DesktopCoral to be installed to use it within apps.  
 9 | This won't be required forever, but the app's built-in docking functionality isn't quite ready yet!  
10 | Follow the steps below to get started.
11 | 
12 | 1. Download 12Bar and DesktopCoral:  
13 | https://github.com/Futur3Sn0w/12Bar/releases/latest  
14 | https://www.donationcoder.com/software/mouser/other-windows-apps/desktopcoral
15 | 
16 | 2. Install and open DesktopCoral's options  
17 |    Change the options to match below:  
18 | ![image](https://github.com/Futur3Sn0w/12Bar/assets/18166632/2cfbbd93-2b98-4e32-a4ee-f8b45156cf4e)
19 | 
20 | 3. Run 12Bar!  
21 |    Running 12Bar before opening DesktopCoral will cause issues, so be sure to run it first!
22 | 
23 | 
24 | ## Options Popup
25 | You can change options within 12Bar or exit it from the options popup, which you can open at any time from the tray icon!  
26 | Double-click it to jump to settings, or right click for more options.  
27 | ![image](https://github.com/Futur3Sn0w/12Bar/assets/18166632/ee53d36f-fda4-48e4-ae28-938a581e6902)
28 | 


--------------------------------------------------------------------------------
/css.css:
--------------------------------------------------------------------------------
  1 | body {
  2 |     margin: 0;
  3 |     padding: 0;
  4 | 
  5 |     height: 100vh;
  6 |     width: 100vw;
  7 | 
  8 |     display: flex;
  9 |     align-items: center;
 10 |     justify-content: center;
 11 | 
 12 |     filter: blur(10px);
 13 |     transform: scale(.9);
 14 |     opacity: 0;
 15 | 
 16 |     overflow: hidden;
 17 |     color: var(--global-text);
 18 | 
 19 |     user-select: none !important;
 20 |     font-family: 'Segoe UI' !important;
 21 | 
 22 |     transition: .2s;
 23 |     transition-delay: .75s;
 24 | }
 25 | 
 26 | body.loaded {
 27 |     opacity: 1;
 28 |     filter: blur(0);
 29 |     transform: scale(1);
 30 | }
 31 | 
 32 | * {
 33 |     -webkit-user-drag: none !important;
 34 | }
 35 | 
 36 | /* :root,
 37 | html,
 38 | body {
 39 |     background-color: transparent !important;
 40 |     background: transparent !important;
 41 | } */
 42 | 
 43 | body[popup] {
 44 |     background-color: var(--main-pill);
 45 | }
 46 | 
 47 | .backgroundFill {
 48 |     width: 100vw;
 49 |     height: 100vh;
 50 | 
 51 |     position: absolute;
 52 |     z-index: -10;
 53 |     transition: .4s;
 54 |     opacity: 0;
 55 | }
 56 | 
 57 | .backgroundFill.enabled {
 58 |     opacity: 1;
 59 | }
 60 | 
 61 | .main-sect {
 62 |     display: flex;
 63 | 
 64 |     position: absolute;
 65 | }
 66 | 
 67 | .center {
 68 |     position: absolute;
 69 |     z-index: 9;
 70 |     display: flex;
 71 |     align-items: center;
 72 |     justify-content: center;
 73 | 
 74 |     /* background-color: #fff !important; */
 75 | }
 76 | 
 77 | .right {
 78 |     z-index: 10;
 79 |     right: 10px;
 80 |     font-weight: 500;
 81 |     height: 100%;
 82 | 
 83 |     display: flex;
 84 |     align-items: center;
 85 |     gap: 10px
 86 | }
 87 | 
 88 | .timeDate {
 89 |     font-size: 15px;
 90 | 
 91 |     display: flex;
 92 |     gap: 10px;
 93 |     align-items: center;
 94 |     padding: 0 8px;
 95 | }
 96 | 
 97 | .statIcons {
 98 |     font-size: 20px;
 99 | 
100 |     display: flex;
101 |     gap: 7px;
102 |     align-items: center;
103 |     padding: 0 8px;
104 | 
105 |     font-weight: lighter;
106 |     font-family: FluentIcons-Reg;
107 | }
108 | 
109 | .batteryIcn {
110 |     font-size: 17px;
111 |     font-family: SegoeSystemIcns !important;
112 | }
113 | 
114 | .volIcon {
115 |     font-size: 18px;
116 |     font-family: SegoeSystemIcns !important;
117 | }
118 | 
119 | .volIcon.mute {
120 |     font-family: FluentIcons-Reg !important;
121 | }
122 | 
123 | .wifiIcon.eth {
124 |     font-size: 17px;
125 |     font-family: SegoeSystemIcns !important;
126 | }
127 | 
128 | .dropDownBtn {
129 |     font-size: 14px;
130 |     font-family: FluentIcons-Reg;
131 | }
132 | 
133 | .dropDownBtn p {
134 |     transition: .15s;
135 | }
136 | 
137 | .dropDownBtn:active p {
138 |     transform: scale(.8);
139 | }
140 | 
141 | .profileBtn {
142 |     border-radius: 100px !important;
143 |     width: 40px;
144 | }
145 | 
146 | .profileBtn.hide {
147 |     display: none !important;
148 | }
149 | 
150 | .profileImg {
151 |     width: 35px;
152 |     height: 35px;
153 |     border-radius: 100px;
154 |     background-color: white;
155 | 
156 |     transition: .15s;
157 | }
158 | 
159 | .profileBtn:active .profileImg {
160 |     transform: scale(.85);
161 | }
162 | 
163 | .fiBtn {
164 |     aspect-ratio: 1/1;
165 |     display: flex;
166 |     align-items: center;
167 |     justify-content: center;
168 | 
169 |     position: relative;
170 |     padding: 0 10px;
171 | }
172 | 
173 | .frontItem {
174 |     position: relative;
175 | 
176 |     display: flex;
177 |     align-items: center;
178 |     justify-content: center;
179 | }
180 | 
181 | .frontItem:not(.restartable)::before {
182 |     content: "";
183 |     width: 100%;
184 |     height: 100%;
185 | 
186 |     position: absolute;
187 |     z-index: -2;
188 |     border: 1px solid transparent;
189 |     transition: .2s;
190 |     height: 40px;
191 | 
192 |     border-radius: 5px;
193 | }
194 | 
195 | .frontItem:not(.restartable):hover::before {
196 |     background-color: var(--btn-back);
197 |     border-color: var(--btn-border);
198 |     border-top-color: var(--btn-top-border);
199 | }
200 | 
201 | .frontItem:not(.restartable):active::before {
202 |     background-color: rgba(255, 255, 255, .1);
203 | }
204 | 
205 | @keyframes shrinkOut {
206 |     0% {
207 |         transform: scale(1);
208 |         opacity: 1;
209 |     }
210 | 
211 |     99% {
212 |         transform: scale(.8);
213 |         opacity: 0;
214 |     }
215 | 
216 |     100% {
217 |         transform: scale(1);
218 |         opacity: 0;
219 |     }
220 | }
221 | 
222 | .mainBar {
223 |     display: flex;
224 |     align-items: center;
225 |     width: fit-content;
226 |     min-width: 450px;
227 |     height: 38px;
228 |     overflow: hidden;
229 | 
230 |     border: none !important;
231 |     border-color: transparent !important;
232 |     /* border-color: var(--btn-border); */
233 | 
234 |     /* padding: 2px; */
235 |     border-radius: 100px;
236 |     /* background-color: var(--main-pill); */
237 |     box-shadow: 0 2px 6px 0 var(--shadow-color);
238 | }
239 | 
240 | .mainBar::before {
241 |     content: "";
242 | 
243 |     position: absolute;
244 |     z-index: -2;
245 | 
246 |     width: 100%;
247 |     height: 100%;
248 |     background-color: var(--main-pill);
249 |     border: 1px solid var(--btn-border);
250 |     border-radius: inherit;
251 |     box-sizing: border-box;
252 | 
253 |     opacity: .5;
254 |     transition: .15s;
255 | }
256 | 
257 | .mainBar:hover::before {
258 |     opacity: .75;
259 | }
260 | 
261 | .mainBar::after {
262 |     content: "";
263 | 
264 |     position: absolute;
265 |     top: 0;
266 |     left: 50%;
267 |     transform: translateX(-50%);
268 |     z-index: 1;
269 | 
270 |     width: calc(100% - 30px);
271 |     height: 1px;
272 |     background: linear-gradient(to right, transparent, white 20%, white 80%, transparent);
273 |     border-radius: inherit;
274 | 
275 |     opacity: .15;
276 | }
277 | 
278 | .mainBar:active::before,
279 | .mainBar:focus::before,
280 | .mainBar:focus-within::before {
281 |     opacity: .7;
282 | }
283 | 
284 | .mainBar.desktop .appIcn,
285 | .mainBar.desktop .appLabel,
286 | .appIcn.hide,
287 | .appLabel.hide {
288 |     display: none;
289 | }
290 | 
291 | .mainBar div {
292 |     display: flex;
293 |     align-items: center;
294 |     justify-content: center;
295 | 
296 |     height: 100%;
297 | }
298 | 
299 | .appIcn {
300 |     background-color: var(--app-icon-plate);
301 |     border-radius: 30px 0 0 30px;
302 |     width: 47px;
303 | 
304 |     height: 31px !important;
305 | 
306 |     margin-right: -15px;
307 | }
308 | 
309 | .aiImg {
310 |     aspect-ratio: 1/1;
311 |     height: 100% !important;
312 |     width: 20px;
313 |     /* background-color: rgba(255, 255, 255, 0.24); */
314 |     object-fit: contain;
315 | 
316 |     margin-left: -10px;
317 | }
318 | 
319 | .appLabel {
320 |     background-color: var(--app-label-plate);
321 |     border-radius: 100px;
322 | 
323 |     font-size: 14px;
324 |     color: var(--app-label-text);
325 | 
326 |     display: flex;
327 |     align-items: center;
328 |     justify-content: center;
329 |     gap: 5px;
330 | 
331 |     padding: 0 15px;
332 | }
333 | 
334 | .appLabel.notitle {
335 |     gap: 0;
336 | }
337 | 
338 | .appLabel.notitle .sep {
339 |     display: none;
340 | }
341 | 
342 | .appLabel p {
343 |     opacity: .75;
344 | }
345 | 
346 | .appLabel p.title {
347 |     max-width: 450px;
348 |     white-space: nowrap;
349 |     overflow: hidden;
350 |     text-overflow: ellipsis;
351 | }
352 | 
353 | .search {
354 |     height: 100%;
355 |     width: max-content;
356 |     color: var(--app-label-text);
357 | 
358 |     justify-content: flex-start !important;
359 | 
360 |     margin-right: auto;
361 |     padding-right: 10px;
362 | }
363 | 
364 | .search .icn {
365 |     position: relative;
366 |     height: 100%;
367 |     width: 45px;
368 |     font-family: FluentIcons-Fill;
369 |     font-size: 20px;
370 |     /* background-color: white; */
371 |     border-radius: 100%;
372 | 
373 |     display: flex;
374 |     text-align: center;
375 |     align-items: center;
376 |     justify-content: center;
377 |     opacity: .25;
378 | }
379 | 
380 | .search .icn.img {
381 |     color: transparent;
382 |     opacity: 1;
383 | }
384 | 
385 | .search .icn img {
386 |     position: absolute;
387 |     width: 20px;
388 |     transition: .15s;
389 |     opacity: 0;
390 | }
391 | 
392 | .search .icn.img img {
393 |     opacity: 1;
394 | }
395 | 
396 | .mainBar:active .search .icn img {
397 |     transform: scale(.8);
398 | }
399 | 
400 | .search .searchBox {
401 |     height: fit-content;
402 | 
403 |     width: max-content;
404 |     border: none;
405 |     padding: 0;
406 |     margin: 0;
407 |     margin-left: -5px;
408 |     margin-top: -1px;
409 | 
410 |     color: var(--app-label-text);
411 |     opacity: .5;
412 |     font-size: 13px;
413 |     font-family: 'Segoe UI Variable Small';
414 | 
415 |     display: flex;
416 |     justify-content: start;
417 | }
418 | 
419 | .mainBar.desktop .search .searchBox {
420 |     width: 350px;
421 | }
422 | 
423 | .left {
424 |     display: flex;
425 |     align-items: center;
426 |     justify-content: center;
427 |     gap: 5px;
428 | 
429 |     position: absolute;
430 |     left: 10px;
431 | }
432 | 
433 | .left .weather {
434 |     display: flex;
435 |     align-items: center;
436 |     gap: 5px;
437 | 
438 |     box-sizing: border-box;
439 |     font-size: 16px;
440 | 
441 |     padding: 3px 10px 3px 2px;
442 |     /* height: fit-content !important; */
443 | }
444 | 
445 | .weather:active .wicon {
446 |     transform: scale(.8);
447 | }
448 | 
449 | .wicon {
450 |     width: 35px;
451 |     object-fit: contain;
452 |     object-position: center;
453 |     transition: .15s;
454 | }
455 | 
456 | .wtemp {
457 |     font-weight: 500;
458 | }
459 | 
460 | .wfeel {
461 |     font-weight: 400;
462 |     opacity: .5;
463 |     width: max-content;
464 | }
465 | 
466 | .left .copilot {
467 |     display: flex;
468 |     padding: 0 8px;
469 | }
470 | 
471 | .left .copilot.user-disable,
472 | .left .copilot.unsupported {
473 |     display: none;
474 | }
475 | 
476 | .left .copilot:active img {
477 |     transform: scale(.8);
478 | }
479 | 
480 | .left .copilot img {
481 |     transition: .2s;
482 |     width: 25px;
483 | }


--------------------------------------------------------------------------------
/globals.css:
--------------------------------------------------------------------------------
 1 | /* I usually hate doing globals because it just feels
 2 | janky, but for maximum realism; here we go! */
 3 | 
 4 | :root {
 5 |     --global-text: #FFF;
 6 | 
 7 |     --btn-back: rgba(255, 255, 255, .05);
 8 |     --btn-border: rgba(255, 255, 255, .05);
 9 |     --btn-top-border: rgba(255, 255, 255, .1);
10 | 
11 |     --main-pill: rgba(22, 22, 22, 0.75);
12 |     --app-icon-plate: rgba(255, 255, 255, 0.1);
13 |     --app-label-plate: black;
14 |     --app-label-text: white;
15 |     --surface-text: white;
16 | 
17 |     --popup-back: hsl(0, 0%, 96%);
18 |     --popup-btn: white;
19 |     --popup-btn-checked: #047CD6;
20 |     --popup-btn-hover: #f7f7f7;
21 |     --popup-btn-border: #EDEDED;
22 |     --popup-btn-border-bottom: #D3D3D3;
23 |     --popup-footer: hsl(0, 0%, 93%);
24 |     --popup-surface-text: black;
25 | }
26 | 
27 | .dark-theme {
28 |     --main-pill: #222222bf;
29 |     --app-icon-plate: rgba(255, 255, 255, 0.1);
30 |     --app-label-plate: #222222;
31 |     --app-label-text: white;
32 |     --surface-text: white;
33 | 
34 |     --btn-back: rgba(255, 255, 255, .05);
35 |     --btn-border: rgba(255, 255, 255, .05);
36 |     --btn-top-border: rgba(255, 255, 255, .1);
37 | 
38 |     --popup-back: rgb(42, 42, 42);
39 |     --popup-btn: #373737;
40 |     --popup-btn-checked: #047CD6;
41 |     --popup-btn-hover: #3C3C3C;
42 |     --popup-btn-border: #444444;
43 |     --popup-btn-border-bottom: #484848;
44 |     --popup-sect: #ffffff10;
45 |     --popup-footer: #202020;
46 |     --popup-surface-text: white;
47 |     --imgFilter: brightness(100) contrast(0) saturate(100) brightness(100);
48 | }
49 | 
50 | .light-theme {
51 |     --main-pill: #ffffffbf;
52 |     --app-icon-plate: rgba(0, 0, 0, 0.1);
53 |     --app-label-plate: #fefefe;
54 |     --app-label-text: black;
55 |     --surface-text: black;
56 | 
57 |     --btn-back: rgba(255, 255, 255, .25);
58 |     --btn-border: rgba(255, 255, 255, .025);
59 |     --btn-top-border: rgba(255, 255, 255, .075);
60 | 
61 |     --popup-back: hsl(0, 0%, 96%);
62 |     --popup-btn: white;
63 |     --popup-btn-checked: #047CD6;
64 |     --popup-btn-hover: #f7f7f7;
65 |     --popup-btn-border: #EDEDED;
66 |     --popup-btn-border-bottom: #D3D3D3;
67 |     --popup-sect: #e7e6e6;
68 |     --popup-footer: hsl(0, 0%, 93%);
69 |     --popup-surface-text: black;
70 |     --imgFilter: brightness(100) contrast(0) saturate(100) brightness(100) invert(1);
71 | }
72 | 
73 | @font-face {
74 |     font-family: FluentIcons-Fill;
75 |     src: url('resc/fonts/FluentSystemIcons-Filled.ttf');
76 | }
77 | 
78 | @font-face {
79 |     font-family: FluentIcons-Reg;
80 |     src: url('resc/fonts/FluentSystemIcons-Regular.ttf');
81 | }
82 | 
83 | @font-face {
84 |     font-family: SegoeSystemIcns;
85 |     src: url('resc/fonts/SegoeIcons.ttf');
86 | }


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |     <meta charset="UTF-8">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title></title>
 8 |     <link rel="stylesheet" href="css.css">
 9 |     <link rel="stylesheet" href="globals.css">
10 |     <script src="https://code.jquery.com/jquery-3.6.0.min.js"
11 |         integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
12 | </head>
13 | 
14 | <body style="background-color: transparent !important;">
15 |     <div class="backgroundFill"></div>
16 |     <div class="main-sect left">
17 |         <div class="weather frontItem">
18 |             <img class="wicon" id="wicon">
19 |             <div class="wtemp" id="wtemp">Loading...</div>
20 |             <div class="wfeel"></div>
21 |         </div>
22 |         <div class="copilot frontItem">
23 |             <img src="resc/imgs/copilot.svg" alt="">
24 |         </div>
25 |     </div>
26 |     <div class="main-sect center">
27 |         <div class="mainBar">
28 |             <div class="search">
29 |                 <div class="icn">
30 |                     
31 |                     <img src="resc/imgs/search/light.svg" class="searchImg">
32 |                 </div>
33 |                 <div class="searchBox">Type here to search</div>
34 |             </div>
35 |             <div class="appIcn">
36 |                 <img class="aiImg" src="">
37 |             </div>
38 |             <div class="appLabel">
39 |                 <p class="title"></p>
40 |                 <div class="sep">-</div>
41 |                 <p class="name"></p>
42 |             </div>
43 |         </div>
44 |     </div>
45 |     <div class="main-sect right">
46 |         <div class="dropDownBtn fiBtn frontItem">
47 |             <p></p>
48 |         </div>
49 |         <div class="statIcons frontItem">
50 |             <div class="wifiIcon"></div>
51 |             <div class="volIcon"></div>
52 |             <div class="batteryIcn"></div>
53 |         </div>
54 |         <div class="timeDate frontItem" id="timeDate">
55 |             <div class="date"></div>
56 |             <div class="time"></div>
57 |         </div>
58 |         <div class="profileBtn frontItem">
59 |             <img src="" class="profileImg">
60 |         </div>
61 |     </div>
62 | 
63 |     <script src="renderer.js"></script>
64 |     <!-- <script src="appbar.js"></script> -->
65 |     <!-- <script src="temp.js"></script> -->
66 | 
67 | </body>
68 | 
69 | </html>


--------------------------------------------------------------------------------
/keyfield.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |     <meta charset="UTF-8">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title></title>
 8 | 
 9 |     <script src="https://code.jquery.com/jquery-3.6.0.min.js"
10 |         integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
11 | 
12 |     <link rel="stylesheet" href="kf.css">
13 |     <link rel="stylesheet" href="globals.css">
14 | </head>
15 | 
16 | <body>
17 |     <p class="header">
18 |         Hey there!
19 |     </p>
20 |     <p class="subhead sh1">
21 |         It looks like this is your first time using 12Bar. Welcome!
22 |         <br>
23 |         This is a very early beta, things are bound to be incorrect, broken, or just missing.
24 |         <br>
25 |         Thanks for testing!
26 |     </p>
27 |     <div class="kfBtn saveBtn">Okay</div>
28 | 
29 |     <script src="keyfield.js"></script>
30 | </body>
31 | 
32 | </html>


--------------------------------------------------------------------------------
/keyfield.js:
--------------------------------------------------------------------------------
 1 | const { ipcRenderer } = require('electron')
 2 | const $ = require('jquery');
 3 | 
 4 | $('.saveBtn').on('click', function () {
 5 |     window.close();
 6 |     localStorage.setItem('oobe', 'done')
 7 | })
 8 | 
 9 | $('.quitBtn').on('click', function () {
10 |     ipcRenderer.send('exit');
11 | })


--------------------------------------------------------------------------------
/kf.css:
--------------------------------------------------------------------------------
  1 | body {
  2 |     display: flex;
  3 |     flex-direction: column;
  4 |     gap: 5px;
  5 | 
  6 |     font-family: 'Segoe UI';
  7 | 
  8 |     width: 100vw;
  9 |     height: 100vh;
 10 |     overflow: hidden;
 11 |     box-sizing: border-box;
 12 | 
 13 |     margin: 0;
 14 |     padding: 10px;
 15 |     user-select: none;
 16 | 
 17 |     background-color: var(--popup-back);
 18 |     color: var(--popup-surface-text);
 19 |     --webkit-app-region: no-drag;
 20 | }
 21 | 
 22 | p {
 23 |     margin: 0;
 24 |     padding: 0;
 25 | }
 26 | 
 27 | p.header {
 28 |     font-size: 22px;
 29 |     font-weight: bold;
 30 | 
 31 |     width: calc(100vw - 8px);
 32 |     margin-top: -6px;
 33 |     padding: 2px 10px;
 34 |     margin-left: -6px;
 35 |     box-sizing: border-box;
 36 |     border-radius: 5px;
 37 | 
 38 |     background-color: var(--popup-btn-border);
 39 |     --webkit-app-region: drag;
 40 | }
 41 | 
 42 | p.subhead {
 43 |     font-family: 'Segoe UI Variable Small';
 44 |     font-size: 12.5px;
 45 |     padding: 4px 0;
 46 | }
 47 | 
 48 | .hide {
 49 |     display: none;
 50 | }
 51 | 
 52 | .keyTB {
 53 |     width: 80%;
 54 |     margin: 0 auto;
 55 |     background-color: var(--popup-btn);
 56 |     box-sizing: border-box;
 57 | 
 58 |     outline: none !important;
 59 | 
 60 |     font-family: monospace;
 61 |     color: var(--popup-surface-text);
 62 |     border: 1px solid transparent;
 63 |     border-top-color: var(--popup-btn-border-bottom);
 64 |     border-color: var(--popup-btn-border);
 65 |     border-radius: 5px;
 66 | 
 67 |     padding: 3px 5px;
 68 | 
 69 |     transition: .15s;
 70 | }
 71 | 
 72 | .keyTB:focus {
 73 |     background-color: var(--popup-btn-hover);
 74 | }
 75 | 
 76 | .kfBtn {
 77 |     width: fit-content;
 78 |     position: absolute;
 79 |     bottom: 10px;
 80 |     right: 10px;
 81 | 
 82 |     padding: 5px 10px;
 83 |     font-size: 13px;
 84 |     border-radius: 5px;
 85 |     box-sizing: border-box;
 86 | 
 87 |     background-color: var(--popup-btn);
 88 | 
 89 |     border: 1px solid transparent;
 90 |     border-top-color: var(--popup-btn-border-bottom);
 91 |     border-color: var(--popup-btn-border);
 92 | 
 93 |     transition: .15s;
 94 | }
 95 | 
 96 | .kfBtn:hover {
 97 |     background-color: var(--popup-btn-hover);
 98 | }
 99 | 
100 | .kfBtn:active {
101 |     padding: 6.5px 13.5px;
102 |     font-size: 10px;
103 | }
104 | 
105 | .kfBtn.quitBtn {
106 |     right: unset;
107 |     left: 10px;
108 | }


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "12bar",
 3 |   "version": "0.2.0",
 4 |   "description": "An Electron-based replica of the leaked Windows 12 topchrome UI.",
 5 |   "main": "main.js",
 6 |   "scripts": {
 7 |     "start": "electron .",
 8 |     "start-with-warnings": "electron . --trace-warnings",
 9 |     "start-debug": "electron . --inspect",
10 |     "build": " electron-builder --win --x64",
11 |     "rebuild": ".\\node_modules\\.bin\\electron-rebuild.cmd"
12 |   },
13 |   "author": "Futur3Sn0w",
14 |   "license": "ISC",
15 |   "devDependencies": {
16 |     "electron": "^26.2.1",
17 |     "electron-rebuild": "^3.2.9"
18 |   },
19 |   "dependencies": {
20 |     "@electron/remote": "^2.0.12",
21 |     "@lwahonen/ffi-napi": "^4.0.12",
22 |     "@lwahonen/ref-napi": "^4.0.8",
23 |     "@nut-tree/nut-js": "^3.1.2",
24 |     "active-win": "^8.1.0",
25 |     "electron-acrylic-window": "^0.5.11",
26 |     "electron-store": "^8.1.0",
27 |     "ffi-napi": "^4.0.3",
28 |     "file-icon-info": "^1.1.1",
29 |     "jquery": "^3.7.1",
30 |     "node-gyp-build": "^4.6.1",
31 |     "ps-list": "^8.1.1",
32 |     "ref-napi": "^3.0.3",
33 |     "robotjs": "^0.6.0",
34 |     "wifi-name": "^3.1.1",
35 |     "win-audio": "^2.0.2"
36 |   },
37 |   "build": {
38 |     "directories": {
39 |       "output": "../build"
40 |     },
41 |     "win": {
42 |       "icon": "resc/branding/brand_png.png"
43 |     }
44 |   }
45 | }
46 | 


--------------------------------------------------------------------------------
/popup.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |     <meta charset="UTF-8">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>12Bar Options</title>
 8 | 
 9 |     <link rel="stylesheet" href="css.css">
10 |     <link rel="stylesheet" href="popup_ex.css">
11 |     <link rel="stylesheet" href="globals.css">
12 | 
13 |     <script src="https://code.jquery.com/jquery-3.6.0.min.js"
14 |         integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
15 | 
16 | </head>
17 | 
18 | <body class="loaded" popup>
19 |     <div class="userArea">
20 |         <div class="username"></div>
21 |         <div class="userImgDiv">
22 |             <img src="" class="userImg">
23 |         </div>
24 |         <div class="buttons">
25 |             <div class="button btn1" btnTxt="Windows Settings"></div>
26 |             <!-- <div class="button btn2" btnTxt="12Bar Options"></div> -->
27 |             <div class="button btn2 refreshBtn" btnTxt="Refresh 12Bar"></div>
28 |             <div class="button btn3" btnTxt="Power Options"></div>
29 |             <!-- <div class="button btn4" btnTxt="Fourth button"></div> -->
30 |         </div>
31 | 
32 |     </div>
33 | 
34 |     <!-- <div class="titleBar">
35 |         12Bar Options
36 |         <div class="popupCloseBtn"></div>
37 |     </div> -->
38 |     <div class="btnContainer">
39 |         <div class="btnSubCont bsc1">
40 |             <label for="" num="2">Appearance</label>
41 |             <div class="themeBtn fiBtn frontItem restartable" label="App theme">
42 |                 <div class="icon"></div>
43 |                 <input type="checkbox" class="btnCB themeCB">
44 |             </div>
45 |             <div class="backgroundBtn fiBtn frontItem" label="Show background color">
46 |                 <div class="icon"></div>
47 |                 <input type="checkbox" class="btnCB backgroundCB">
48 |             </div>
49 |         </div>
50 |         <div class="btnSubCont bsc2">
51 |             <label for="" num="3">Item options</label>
52 |             <div class="searchToggleBtn fiBtn frontItem" label="Animated search icon">
53 |                 <div class="icon"></div>
54 |                 <input type="checkbox" class="btnCB searchToggleCB">
55 |             </div>
56 |             <div class="searchProvBtn fiBtn frontItem restartable" label="Use alternate search provider">
57 |                 <div class="icon"></div>
58 |                 <input type="checkbox" class="btnCB searchProvCB">
59 |             </div>
60 |             <div class="tempUnitBtn fiBtn frontItem restartable" label="Temperature unit">
61 |                 <div class="icon"></div>
62 |                 <div class="tuTemp"></div>
63 |                 <input type="checkbox" class="btnCB tempUnitCB">
64 |             </div>
65 |         </div>
66 |         <div class="btnSubCont bsc3">
67 |             <label for="" num="2">Item visibility</label>
68 |             <div class="copilotBtn fiBtn frontItem" label="Copilot button">
69 |                 <img class="icon" src="resc/imgs/copilot.svg">
70 |                 <input type="checkbox" class="btnCB copilotCB">
71 |             </div>
72 |             <div class="userimgBtn fiBtn frontItem" label="User menu">
73 |                 <div class="icon" style="font-family: SegoeSystemIcns;"></div>
74 |                 <input type="checkbox" class="btnCB userimgCB">
75 |             </div>
76 |         </div>
77 |     </div>
78 |     <script src="popup.js"></script>
79 | </body>
80 | 
81 | </html>


--------------------------------------------------------------------------------
/popup.js:
--------------------------------------------------------------------------------
  1 | const { shell, ipcRenderer } = require('electron')
  2 | const $ = require('jquery');
  3 | const remote = require('@electron/remote');
  4 | var bg = localStorage.getItem('background');
  5 | var themePreference = localStorage.getItem('themePreference');
  6 | var searchPref = localStorage.getItem('searchPref');
  7 | var userMenu = localStorage.getItem('userMenuPref');
  8 | var tempUnit = localStorage.getItem('tempUnit');
  9 | var userCopilot = localStorage.getItem('user-copilot');
 10 | var altSearch = localStorage.getItem('altSearch');
 11 | 
 12 | const os = require('os');
 13 | 
 14 | $(window).on('load', function () {
 15 |     var userImg = localStorage.getItem('userImgPath');
 16 |     var username = os.userInfo().username;
 17 | 
 18 |     ipcRenderer.send('get-appver')
 19 |     ipcRenderer.send('checkCopilot');
 20 | 
 21 |     if (bg == 'true') {
 22 |         $('.backgroundCB').attr('checked', true)
 23 |     }
 24 | 
 25 |     if (themePreference) {
 26 |         $(':root').addClass(themePreference);
 27 |         $('.themeCB').prop('checked', themePreference === 'dark-theme');
 28 |     }
 29 | 
 30 |     if (tempUnit == 'f') {
 31 |         $('.tempUnitCB').prop('checked', true)
 32 |         $('.tempUnitBtn .tuTemp').text('°F');
 33 |     } else if (tempUnit == 'c') {
 34 |         $('.tempUnitCB').prop('checked', false)
 35 |         $('.tempUnitBtn .tuTemp').text('°C');
 36 |     }
 37 | 
 38 |     if (searchPref == 'true') {
 39 |         $('.searchToggleCB').attr('checked', true);
 40 |     }
 41 | 
 42 |     if (userMenu == 'true') {
 43 |         $('.userimgCB').attr('checked', true);
 44 |     } else if (userMenu == 'false') {
 45 |         $('.userimgCB').attr('checked', false);
 46 |     }
 47 | 
 48 |     if (userCopilot == 'true') {
 49 |         $('.copilotCB').attr('checked', true)
 50 |     }
 51 | 
 52 |     if (altSearch == 'y') {
 53 |         $('.searchProvCB').attr('checked', true)
 54 |     }
 55 | 
 56 |     $('.userImg').attr('src', userImg);
 57 |     $('.username').text(username);
 58 |     if (themePreference) {
 59 |         $('.searchImg').attr('src', 'resc/imgs/search/' + themePreference.replace('-theme', '') + '.svg')
 60 |     }
 61 | 
 62 |     ipcRenderer.send('cwin-ready', -8);
 63 | })
 64 | 
 65 | ipcRenderer.on('got-appver', (_event, ver) => {
 66 |     $('.username').attr("label", ' v' + ver);
 67 | })
 68 | 
 69 | ipcRenderer.on('no-copilot', function () {
 70 |     $('.copilotBtn').addClass('hide');
 71 | })
 72 | 
 73 | $('.copilotBtn').on('click', function () {
 74 |     localStorage.setItem('user-copilot', $('.copilotCB').is(':checked'))
 75 |     if (localStorage.getItem('user-copilot') == 'true') {
 76 |         ipcRenderer.send('user-enable-copilot')
 77 |     } else if (localStorage.getItem('user-copilot') == 'false') {
 78 |         ipcRenderer.send('user-disable-copilot')
 79 |     }
 80 | })
 81 | 
 82 | $('.refreshBtn').on('click', function () {
 83 |     if ($('.refreshBtn').hasClass('debug')) {
 84 |         ipcRenderer.send('devTools');
 85 |     } else {
 86 |         ipcRenderer.send('hotKey', 'ctrl', 'r');
 87 |     }
 88 | })
 89 | 
 90 | $('.tempUnitBtn').on('click', function () {
 91 |     var newTempUnitPref = $('.tempUnitCB').is(':checked') ? 'f' : 'c';
 92 |     localStorage.setItem('tempUnit', newTempUnitPref);
 93 |     if (newTempUnitPref == 'f') {
 94 |         $('.tempUnitBtn .tuTemp').text('°F');
 95 |     } else if (newTempUnitPref == 'c') {
 96 |         $('.tempUnitBtn .tuTemp').text('°C');
 97 |     }
 98 |     ipcRenderer.send('hotKey', 'ctrl', 'r');
 99 | })
100 | 
101 | $('.backgroundCB').on('click', function () {
102 |     ipcRenderer.send('toggleBackground');
103 |     localStorage.setItem('background', $('.backgroundCB').is(':checked'))
104 | })
105 | 
106 | $('.themeCB').on('click', function () {
107 |     $(':root').toggleClass('light-theme dark-theme');
108 |     var newThemePref = $(':root').hasClass('light-theme') ? 'light-theme' : 'dark-theme';
109 |     var themeToSend = $(':root').hasClass('light-theme') ? 'light' : 'dark';
110 |     localStorage.setItem('themePreference', newThemePref);
111 |     ipcRenderer.send('toggleTheme', themeToSend);
112 | });
113 | 
114 | $('.searchToggleCB').on('click', function () {
115 |     ipcRenderer.send('toggleSearch');
116 |     var searchStat = $('.searchToggleCB').is(':checked') ? 'true' : 'false';
117 |     localStorage.setItem('searchPref', searchStat);
118 | });
119 | 
120 | $('.userimgBtn').on('click', function () {
121 |     ipcRenderer.send('toggleUserMenu');
122 |     var userMenuPref = $('.userimgCB').is(':checked') ? 'true' : 'false';
123 |     localStorage.setItem('userMenuPref', userMenuPref);
124 | });
125 | 
126 | $('.searchProvCB').on('click', function () {
127 |     var newSearchProvPref = $('.searchProvCB').is(':checked') ? 'y' : 'n';
128 |     localStorage.setItem('altSearch', newSearchProvPref);
129 |     ipcRenderer.send('hotKey', 'ctrl', 'r');
130 | })
131 | 
132 | $('.exitBtn').on('click', function () {
133 |     ipcRenderer.send('exit');
134 | })
135 | 
136 | ipcRenderer.on("before-input-event", (event, input) => {
137 |     localStorage.setItem('ctrl', input.control)
138 | });
139 | 
140 | $('.resetBtn').on('click', function () {
141 |     var ctrl = localStorage.getItem('ctrl')
142 |     if (ctrl == 'true') {
143 |         ipcRenderer.send('reset-app')
144 |     } else {
145 |         alert('In order to prevent accidental presses, hold the Ctrl key before clicking this to reset 12Bar.')
146 |     }
147 | });
148 | 
149 | $('.popupCloseBtn').on('click', function () {
150 |     window.close();
151 | })
152 | 
153 | ipcRenderer.on('refresh', function () {
154 |     location.reload();
155 | })
156 | 
157 | $('.btn1').on('click', function () {
158 |     ipcRenderer.send('hotKey', 'command', 'i');
159 | })
160 | 
161 | $('.btn2').on('click', function () {
162 |     if ($('.btn2').attr('btnTxt') == 'Dev tools') {
163 |         ipcRenderer.send('devTools')
164 |     } else {
165 |         ipcRenderer.send('show-popup');
166 |     }
167 | })
168 | 
169 | $('.btn3').on('click', function () {
170 |     ipcRenderer.send('power-dialog');
171 | })
172 | 
173 | $('.btnSubCont label').on('click', function () {
174 |     if ($(this).parent().hasClass('expand')) {
175 |         $(this).parent().removeClass('expand');
176 |     } else {
177 |         $('.btnSubCont.expand').removeClass('expand');
178 |         $(this).parent().addClass('expand');
179 |     }
180 |     let newHeight;
181 | 
182 |     // setTimeout(() => {
183 |     if ($('.btnSubCont').hasClass('expand')) {
184 |         newHeight = Math.round($(this).parent().height() - 28);
185 |     } else {
186 |         newHeight = -8;
187 |     }
188 |     ipcRenderer.send('cwin-ready', newHeight);
189 |     // }, 150);
190 | })
191 | 
192 | $('.userImgDiv').on('mouseover', function () {
193 |     $('.userArea').addClass('uiHover')
194 | })
195 | 
196 | $('.userImgDiv').on('mouseout', function () {
197 |     $('.userArea').removeClass('uiHover')
198 | 
199 | })
200 | 
201 | $('.userImgDiv').on('click', function () {
202 |     ipcRenderer.send('open-yourinfo');
203 | })
204 | 
205 | ipcRenderer.on('before-input-event', (_event, input) => {
206 |     if (input.control) {
207 |         $('.btn2').attr('btnTxt', 'Dev tools').text('')
208 |     } else {
209 |         $('.btn2').attr('btnTxt', 'Refresh 12Bar').text('')
210 |     }
211 | })


--------------------------------------------------------------------------------
/popup_ex.css:
--------------------------------------------------------------------------------
  1 | body {
  2 |     /* background-color: var(--popup-back) !important; */
  3 |     background-color: transparent !important;
  4 |     color: var(--popup-surface-text);
  5 | 
  6 |     box-sizing: border-box;
  7 | 
  8 |     display: flex;
  9 |     flex-direction: column;
 10 |     justify-content: start;
 11 | }
 12 | 
 13 | .titleBar {
 14 |     display: flex;
 15 |     align-items: center;
 16 |     width: 100%;
 17 |     height: 35px;
 18 |     box-sizing: border-box;
 19 |     padding-left: 10px;
 20 | 
 21 |     background-color: var(--popup-footer);
 22 |     color: var(--popup-surface-text);
 23 |     font-size: 13px;
 24 |     font-family: 'Segoe UI Variable Small';
 25 | 
 26 |     position: absolute;
 27 |     top: 0;
 28 |     left: 0;
 29 | 
 30 |     -webkit-app-region: drag;
 31 | }
 32 | 
 33 | .popupCloseBtn {
 34 |     width: 45px;
 35 |     height: 35px;
 36 | 
 37 |     position: absolute;
 38 |     top: 0;
 39 |     right: 0;
 40 | 
 41 |     display: flex;
 42 |     align-items: center;
 43 |     justify-content: center;
 44 | 
 45 |     font-family: SegoeSystemIcns;
 46 |     color: var(--popup-surface-text);
 47 |     font-size: 10px;
 48 |     transition: .15s;
 49 | 
 50 |     -webkit-app-region: no-drag;
 51 | }
 52 | 
 53 | .popupCloseBtn:hover {
 54 |     color: white;
 55 |     background-color: #e81123;
 56 | }
 57 | 
 58 | .userArea {
 59 |     width: 100%;
 60 |     height: 103px;
 61 | 
 62 |     box-sizing: border-box;
 63 |     display: flex;
 64 |     gap: 5px;
 65 |     position: relative;
 66 | }
 67 | 
 68 | .username {
 69 |     font-family: 'Segoe UI';
 70 |     font-size: 17px;
 71 |     font-weight: 700;
 72 | 
 73 |     position: absolute;
 74 |     top: 5px;
 75 |     left: 103px;
 76 |     z-index: 13;
 77 | 
 78 |     display: flex;
 79 |     justify-content: flex-start;
 80 | 
 81 |     padding: 5px 0;
 82 |     width: 100% - 191px;
 83 |     box-sizing: border-box;
 84 |     /* border-radius: 10px 0 0 0; */
 85 | }
 86 | 
 87 | .username::before {
 88 |     content: 'Click to open account settings';
 89 |     position: absolute;
 90 |     top: 27px;
 91 |     left: 0;
 92 |     z-index: 12;
 93 | 
 94 |     width: max-content;
 95 |     box-sizing: border-box;
 96 |     border-radius: 50px;
 97 | 
 98 |     font-size: 12px;
 99 |     font-weight: normal;
100 |     transition: .2s;
101 |     opacity: 0;
102 | }
103 | 
104 | .userArea.uiHover .username::before {
105 |     opacity: 1;
106 | }
107 | 
108 | .username::after {
109 |     content: '12Bar' attr(label);
110 |     position: absolute;
111 |     top: 27px;
112 |     left: 0;
113 |     z-index: 12;
114 | 
115 |     width: max-content;
116 |     box-sizing: border-box;
117 |     border-radius: 50px;
118 | 
119 |     font-size: 12px;
120 |     font-weight: normal;
121 |     transition: .2s;
122 |     opacity: .75;
123 | }
124 | 
125 | .userArea.uiHover .username::after {
126 |     opacity: 0;
127 | }
128 | 
129 | .userImgDiv {
130 |     display: flex;
131 |     width: min-content;
132 |     height: 100%;
133 |     position: relative;
134 |     margin-right: auto;
135 |     margin-left: 8px;
136 |     margin-top: 8px;
137 | 
138 |     /* -webkit-mask-image: linear-gradient(to right, transparent, black); */
139 |     /* mask-image: linear-gradient(to right, transparent, black); */
140 | }
141 | 
142 | .userImg {
143 |     height: calc(100% - 16px);
144 |     border-radius: 7px;
145 |     aspect-ratio: 1/1;
146 |     object-fit: contain;
147 | 
148 |     transition: .2s;
149 | }
150 | 
151 | .userImg:active {
152 |     transform: scale(.95);
153 | }
154 | 
155 | 
156 | .buttons {
157 |     width: 100%;
158 |     height: 30px;
159 |     display: flex;
160 |     /* flex-direction: column; */
161 |     box-sizing: border-box;
162 |     gap: 1px;
163 | 
164 |     margin-top: auto;
165 |     margin-bottom: 8px;
166 |     margin-left: auto;
167 |     margin-right: 8px;
168 |     /* padding: 8px; */
169 |     padding-bottom: 0;
170 |     /* position: absolute; */
171 |     /* left: 5px; */
172 |     /* bottom: 5px; */
173 |     /* z-index: 14; */
174 | }
175 | 
176 | .button {
177 |     width: 30px;
178 |     height: 30px;
179 | 
180 |     border-radius: 5px;
181 |     border: 1px solid transparent;
182 |     font-size: 14px;
183 |     font-family: SegoeSystemIcns;
184 | 
185 |     transition: .15s;
186 | 
187 |     box-sizing: border-box;
188 |     padding: 3px 8px;
189 |     padding-left: 7px;
190 |     box-sizing: border-box;
191 | 
192 |     display: flex;
193 |     align-items: center;
194 |     justify-content: center;
195 |     gap: 7px;
196 | }
197 | 
198 | .button::after {
199 |     /* content: attr(btnTxt); */
200 |     font-size: 12px;
201 |     font-family: 'Segoe UI Variable Small';
202 | }
203 | 
204 | .button:hover {
205 |     background-color: var(--btn-back);
206 |     border-color: var(--btn-border);
207 |     border-bottom-color: var(--btn-top-border);
208 | }
209 | 
210 | .button:active {
211 |     font-size: 12px;
212 | }
213 | 
214 | .btn3 {
215 |     margin-left: auto;
216 | }
217 | 
218 | .btnContainer {
219 |     width: 100%;
220 |     height: fit-content;
221 |     /* max-height: 100%; */
222 |     flex-shrink: 0;
223 | 
224 |     gap: 5px;
225 |     display: flex;
226 |     flex-direction: column;
227 |     align-items: center;
228 |     justify-content: flex-start;
229 | 
230 |     box-sizing: border-box;
231 |     padding: 0 8px;
232 |     margin-top: 0;
233 | }
234 | 
235 | .btnContainer::-webkit-scrollbar {
236 |     display: none !important;
237 |     opacity: 0 !important;
238 |     width: 0 !important;
239 | }
240 | 
241 | .btnSubCont {
242 |     height: fit-content;
243 |     max-height: 40px;
244 |     width: 100%;
245 | 
246 |     position: relative;
247 |     overflow: hidden;
248 |     border-radius: 7px;
249 |     background-color: var(--popup-footer);
250 | 
251 |     gap: 5px;
252 |     display: flex;
253 |     flex-direction: column;
254 |     align-items: flex-end;
255 |     justify-content: flex-start;
256 | 
257 |     box-sizing: border-box;
258 |     padding: 10px;
259 |     /* transition: .2s; */
260 | }
261 | 
262 | .btnSubCont::before {
263 |     content: '';
264 |     width: 100%;
265 |     height: 34px;
266 |     flex-shrink: 0;
267 | }
268 | 
269 | .btnSubCont.expand {
270 |     max-height: 200px;
271 | }
272 | 
273 | .btnSubCont label {
274 |     font-size: 15px;
275 |     font-family: 'Segoe UI Variable Small';
276 |     font-weight: 500;
277 |     align-self: flex-start;
278 |     box-sizing: border-box;
279 |     padding: 5px 12px;
280 | 
281 |     display: flex;
282 |     align-items: center;
283 | 
284 |     position: absolute;
285 |     top: 0;
286 |     left: 0;
287 |     width: 100%;
288 |     height: 40px;
289 |     background-color: var(--popup-sect);
290 | }
291 | 
292 | .btnSubCont label::after {
293 |     content: "";
294 |     font-size: 14px;
295 |     font-family: FluentIcons-Reg, 'Segoe UI';
296 |     position: absolute;
297 |     z-index: 1;
298 |     left: 251px;
299 |     top: 12px;
300 |     transition: .15s;
301 | 
302 |     display: flex;
303 |     align-items: center;
304 |     justify-content: center;
305 | }
306 | 
307 | .btnSubCont label::before {
308 |     content: attr(num);
309 |     font-size: 12px;
310 |     font-family: FluentIcons-Reg, 'Segoe UI';
311 |     position: absolute;
312 |     left: 230px;
313 |     top: 7px;
314 |     transition: .15s;
315 | 
316 |     display: flex;
317 |     align-items: center;
318 |     justify-content: center;
319 | 
320 |     background-color: var(--popup-btn-hover);
321 |     box-sizing: border-box;
322 |     padding: 4px 29px 4px 10px;
323 |     border-radius: 50px;
324 | }
325 | 
326 | .btnSubCont.expand label::after {
327 |     transform: rotate(180deg);
328 | }
329 | 
330 | .btnSubCont label:active::after {
331 |     transform: scale(.8);
332 | }
333 | 
334 | .btnSubCont.expand label:active::after {
335 |     transform: rotate(180deg) scale(.8);
336 | }
337 | 
338 | .fiBtn {
339 |     width: 35px;
340 |     height: 35px;
341 |     flex-shrink: 0;
342 |     border-radius: 5px;
343 |     padding: 0;
344 |     margin: 0;
345 |     /* transform: translateY(-10px); */
346 |     border: 1px solid transparent;
347 |     box-sizing: border-box;
348 |     /* background-color: purple; */
349 | }
350 | 
351 | .fiBtn .icon {
352 |     pointer-events: none !important;
353 |     transition: .1s;
354 |     position: relative;
355 |     z-index: 1;
356 |     font-family: FluentIcons-Reg;
357 |     font-size: 18px;
358 | 
359 |     position: absolute;
360 |     left: 0;
361 |     transform: translateX(-225px);
362 | }
363 | 
364 | .fiBtn:active i {
365 |     transform: scale(.8);
366 | }
367 | 
368 | .fiBtn::after {
369 |     content: attr(label);
370 |     position: absolute;
371 |     left: 0;
372 |     transform: translateX(-200px);
373 |     /* bottom: 50%; */
374 |     font-size: 12.5px;
375 |     font-weight: 400;
376 |     width: max-content;
377 | 
378 |     font-family: 'Segoe UI Variable Small';
379 | 
380 |     pointer-events: none;
381 | }
382 | 
383 | .restartable::before {
384 |     content: 'Will restart 12Bar' !important;
385 |     font-size: 10px;
386 |     font-family: 'Segoe UI Variable Small';
387 |     opacity: .75;
388 | 
389 |     position: absolute !important;
390 |     bottom: 2px !important;
391 |     left: -200px !important;
392 | 
393 |     width: max-content !important;
394 |     height: min-content;
395 | }
396 | 
397 | .restartable::after {
398 |     top: 2px;
399 | }
400 | 
401 | input[type="checkbox"] {
402 |     appearance: none;
403 |     margin: 0;
404 |     padding: 0;
405 |     box-sizing: border-box;
406 | 
407 |     width: 100%;
408 |     height: 100%;
409 | 
410 |     position: absolute;
411 |     z-index: 0;
412 |     top: 0;
413 |     left: 0;
414 | 
415 |     display: flex;
416 |     align-items: center;
417 |     justify-content: center;
418 | 
419 |     font-family: SegoeSystemIcns;
420 | 
421 |     border-radius: inherit;
422 | 
423 |     border: 1px solid transparent;
424 |     border-color: var(--popup-btn-border);
425 |     border-bottom-color: var(--popup-btn-border-bottom);
426 |     background-color: var(--popup-btn);
427 | 
428 |     transition: .15s;
429 | }
430 | 
431 | input[type="checkbox"]::before {
432 |     content: '';
433 |     font-size: 14px;
434 |     color: var(--popup-surface-text);
435 |     transition: .15s;
436 | }
437 | 
438 | input[type="checkbox"]:checked::before {
439 |     content: '';
440 |     color: white;
441 | }
442 | 
443 | .themeBtn input[type="checkbox"]::before {
444 |     content: '';
445 | }
446 | 
447 | .themeBtn input[type="checkbox"]:checked::before {
448 |     content: '';
449 | }
450 | 
451 | .fiBtn:active input[type="checkbox"]::before {
452 |     transform: scale(.75);
453 | }
454 | 
455 | input[type="checkbox"]:checked {
456 |     background-color: var(--popup-btn-checked);
457 | }
458 | 
459 | .copilotBtn .icon {
460 |     width: 19px;
461 | }
462 | 
463 | .copilotBtn.hide {
464 |     display: none;
465 | }
466 | 
467 | .bsc2 * .icon {
468 |     font-family: SegoeSystemIcns !important;
469 | }
470 | 
471 | .tempUnitCB {
472 |     display: flex;
473 |     background-color: var(--popup-btn) !important;
474 | }
475 | 
476 | .tempUnitCB::before {
477 |     content: '' !important;
478 | }
479 | 
480 | .tuTemp {
481 |     display: flex;
482 |     font-family: 'Segoe UI Variable Small' !important;
483 |     color: var(--popup-surface-text) !important;
484 |     z-index: 10;
485 |     pointer-events: none;
486 |     transition: .15s;
487 | }
488 | 
489 | .tempUnitBtn:active .tuTemp {
490 |     transform: scale(.75);
491 | }


--------------------------------------------------------------------------------
/renderer.js:
--------------------------------------------------------------------------------
  1 | const { ipcRenderer, ipcMain, net } = require('electron')
  2 | const { exec } = require('child_process');
  3 | const os = require('os');
  4 | const $ = require('jquery');
  5 | 
  6 | var bg = localStorage.getItem('background');
  7 | var lat = localStorage.getItem('locLat');
  8 | var lon = localStorage.getItem('locLon');
  9 | var themePreference = localStorage.getItem('themePreference');
 10 | var altSearch = localStorage.getItem('altSearch');
 11 | var searchPref = localStorage.getItem('searchPref');
 12 | var tempUnit = localStorage.getItem('tempUnit');
 13 | var userMenu = localStorage.getItem('userMenuPref');
 14 | var userCopilot = localStorage.getItem('user-copilot');
 15 | var currentWinBuild = os.release().replace('10.0.', '');
 16 | 
 17 | const weatherCodes = {
 18 |     0: "Clear sky",
 19 |     1: "Mainly clear",
 20 |     2: "Partly cloudy",
 21 |     3: "Overcast",
 22 |     45: "Foggy",
 23 |     48: "Depositing rime fog",
 24 |     51: "Light Drizzle",
 25 |     53: "Moderate Drizzle",
 26 |     55: "Dense Drizzle",
 27 |     56: "Light Freezing Drizzle",
 28 |     57: "Dense Freezing Drizzle",
 29 |     61: "Slight Rain",
 30 |     63: "Moderate Rain",
 31 |     65: "Heavy Rain",
 32 |     66: "Light Freezing Rain",
 33 |     67: "Heavy Freezing Rain",
 34 |     71: "Slight Snow fall",
 35 |     73: "Moderate Snow fall",
 36 |     75: "Heavy Snow fall",
 37 |     77: "Snow grains",
 38 |     80: "Slight Rain showers",
 39 |     81: "Moderate Rain showers",
 40 |     82: "Violent Rain showers",
 41 |     85: "Slight snow showers ",
 42 |     86: "Heavy snow showers ",
 43 |     95: "Thunderstorm with slight hail",
 44 |     96: "Thunderstorm with hail",
 45 |     99: "Thunderstorm with heavy hail"
 46 | };
 47 | 
 48 | let batteryIsCharging = false;
 49 | 
 50 | $(window).on('load', function () {
 51 |     checkOobe();
 52 |     // appLblCheck();
 53 |     currentTime();
 54 | 
 55 | 
 56 |     ipcRenderer.send('getVolumeLevel');
 57 |     ipcRenderer.send('getUserImage');
 58 | 
 59 |     $('.appLabel').addClass('notitle')
 60 |     $('p.name').hide();
 61 |     $('.appLabel .sep').hide();
 62 | 
 63 |     if (bg == null) {
 64 |         localStorage.setItem('background', false);
 65 |     } else if (bg == 'true') {
 66 |         $('.backgroundFill').addClass('enabled')
 67 |     }
 68 |     ipcRenderer.send('set-bg-state', $('.backgroundFill').hasClass('enabled'));
 69 | 
 70 |     if (altSearch == null) {
 71 |         localStorage.setItem('altSearch', 'n');
 72 |     } else if (altSearch == 'y') {
 73 |         $('.mainBar').addClass('altSearch')
 74 |     }
 75 | 
 76 |     if (userMenu == null) {
 77 |         localStorage.setItem('userMenuPref', true);
 78 |     } else if (userMenu == 'true') {
 79 |         $('.profileBtn').removeClass('hide')
 80 |     } else if (userMenu == 'false') {
 81 |         $('.profileBtn').addClass('hide')
 82 |     }
 83 | 
 84 |     if (tempUnit == null) {
 85 |         localStorage.setItem('tempUnit', 'c');
 86 |     } else if (tempUnit == 'f') {
 87 |         localStorage.setItem('tempUnit', 'f');
 88 |     } else if (tempUnit == 'c') {
 89 |         localStorage.setItem('tempUnit', 'c');
 90 |     }
 91 |     checkKey();
 92 | 
 93 | 
 94 | 
 95 |     if (themePreference) {
 96 |         $(':root').addClass(themePreference);
 97 |         $('.searchImg').attr('src', 'resc/imgs/search/' + themePreference.replace('-theme', '') + '.svg')
 98 |     } else {
 99 |         $(':root').addClass('light-theme');
100 |         localStorage.setItem('themePreference', 'light-theme');
101 |     }
102 | 
103 |     if (searchPref) {
104 |         if (searchPref == 'true') {
105 |             $('.search .icn').addClass('img')
106 |         }
107 |     }
108 | 
109 |     if (currentWinBuild < 23493) {
110 |         $('.copilot').addClass('unsupported');
111 |     }
112 | 
113 |     if (userCopilot == null) {
114 |         localStorage.setItem('user-copilot', true);
115 |     } else if (userCopilot == 'true') {
116 |         $('.copilot').removeClass('user-disable')
117 |     } else if (userCopilot == 'false') {
118 |         $('.copilot').addClass('user-disable')
119 |     }
120 | 
121 |     $('.wifiIcon').hide();
122 |     ipcRenderer.send('get-netinfo')
123 | 
124 |     $('body').addClass('loaded');
125 | })
126 | 
127 | ipcRenderer.on('network-info', (_event, netInf) => {
128 |     var conType = netInf['InterfaceAlias'];
129 |     // var conName = netInf['Name'];
130 |     // The above should work, just isn't needed at the moment
131 | 
132 |     if (conType == 'Wi-Fi') {
133 |         $('.wifiIcon').show();
134 |         $('.wifiIcon').text('')
135 |         $('.wifiIcon').removeClass('eth');
136 |     } else if (conType.indexOf('Ethernet') !== 1) {
137 |         $('.wifiIcon').show();
138 |         $('.wifiIcon').addClass('eth');
139 |         $('.wifiIcon').text('')
140 |     } else {
141 |         $('.wifiIcon').hide();
142 |         $('.wifiIcon').removeClass('eth');
143 |     }
144 | })
145 | 
146 | ipcRenderer.on('userimage-output', (_event, path) => {
147 |     if (path == null || path == 'null') {
148 |         $('.profileImg').attr('src', process.env.systemdrive + "\\ProgramData\\Microsoft\\User Account Pictures\\user.png");
149 |         localStorage.setItem('userImgPath', process.env.systemdrive + "\\ProgramData\\Microsoft\\User Account Pictures\\user.png");
150 |     } else {
151 |         $('.profileImg').attr('src', path);
152 |         localStorage.setItem('userImgPath', path);
153 |     }
154 | })
155 | 
156 | ipcRenderer.on('toggleTempUnit', function () {
157 |     checkKey();
158 | })
159 | 
160 | ipcRenderer.on('checkCopilot', function () {
161 |     if (currentWinBuild < 23493) {
162 |         ipcRenderer.send('no-copilot');
163 |     }
164 | })
165 | 
166 | ipcRenderer.on('user-enable-copilot', function () {
167 |     $('.copilot').removeClass('user-disable')
168 | })
169 | 
170 | ipcRenderer.on('user-disable-copilot', function () {
171 |     $('.copilot').addClass('user-disable')
172 | })
173 | 
174 | ipcRenderer.on('toggleUserMenu', function () {
175 |     userMenu = localStorage.getItem('userMenuPref')
176 |     if (userMenu == 'true') {
177 |         $('.profileBtn').removeClass('hide')
178 |     } else if (userMenu == 'false') {
179 |         $('.profileBtn').addClass('hide')
180 |     }
181 | })
182 | 
183 | function currentTime() {
184 |     let date = new Date();
185 |     let hh = date.getHours();
186 |     let mm = date.getMinutes();
187 |     let smallDay = date.getDate();
188 |     let smallMonth = date.getMonth() + 1;
189 |     const days = [
190 |         "Sun",
191 |         "Mon",
192 |         "Tue",
193 |         "Wed",
194 |         "Thu",
195 |         "Fri",
196 |         "Sat",
197 |     ];
198 | 
199 |     const currentDay = days[date.getDay()];
200 | 
201 |     if (hh == 0) {
202 |         hh = 12;
203 |     }
204 |     if (hh > 12) {
205 |         hh = hh - 12;
206 |     }
207 | 
208 |     hh = (hh < 10) ? "0" + hh : hh;
209 |     mm = (mm < 10) ? "0" + mm : mm;
210 |     smallMonth = (smallMonth < 10) ? "0" + smallMonth : smallMonth;
211 |     smallDay = (smallDay < 10) ? "0" + smallDay : smallDay;
212 | 
213 |     let time = hh + ":" + mm;
214 |     let dateString = currentDay + " " + smallMonth + "/" + smallDay;
215 | 
216 |     $('.date').text(dateString);
217 |     $('.time').text(time);
218 |     let t = setTimeout(function () { currentTime() }, 1000);
219 | }
220 | 
221 | function checkKey() {
222 |     if (navigator.geolocation) {
223 |         console.log("Geolocation is supported.");
224 |         getLatLon().catch((error) => {
225 |             alert(`Error: ${error.message}`);
226 |         });
227 |     } else {
228 |         console.log("Geolocation is not enabled and/or supported by this device.");
229 |     }
230 |     ipcRenderer.send('win-show');
231 |     newWeatherBalloon(lat, lon);
232 |     window.setInterval("newWeatherBalloon(lat, lon);", 10000);
233 | }
234 | 
235 | function checkOobe() {
236 |     if (localStorage.getItem('oobe') == 'done') {
237 | 
238 |     } else {
239 |         ipcRenderer.send('show-keyfield');
240 |     }
241 | }
242 | 
243 | async function getLatLon() {
244 |     try {
245 |         const response = await fetch(`http://ip-api.com/json`);
246 |         const { lat, lon } = await response.json();
247 | 
248 |         localStorage.setItem("locLat", lat);
249 |         localStorage.setItem("locLon", lon);
250 |     } catch (error) {
251 |         console.log(error);
252 |         throw error;
253 |     }
254 | }
255 | 
256 | function newWeatherBalloon() {
257 |     fetch('https://api.open-meteo.com/v1/forecast?latitude=' + lat + '&longitude=' + lon + '&daily=weathercode&current_weather=true&timezone=auto&forecast_days=1')
258 |         .then(function (resp) { return resp.json() }) // Convert data to json
259 |         .then(function (data) {
260 |             $('.weather').show();
261 |             setTimeout(newDrawWeather(data), 10000);
262 |         })
263 |         .catch(function (error) {
264 |             location.reload();
265 |             blankFunction();
266 |             console.error('An error occurred:', error);
267 |         });
268 | }
269 | 
270 | function newDrawWeather(d) {
271 |     var feel = weatherCodes[d.current_weather.weathercode];
272 |     var theme;
273 |     var tempPref;
274 |     if (tempUnit == 'c') {
275 |         tempPref = Math.round(d.current_weather.temperature);
276 |     } else if (tempUnit == 'f') {
277 |         tempPref = Math.round((d.current_weather.temperature * 1.8) + 32);
278 |     }
279 |     document.getElementById('wtemp').innerText = tempPref + '°';
280 |     var wIcon = d.current_weather.weathercode;
281 |     if ($(':root').hasClass('dark-theme')) {
282 |         theme = 'dark';
283 |     } else {
284 |         theme = 'light';
285 |     }
286 |     $('.wicon').attr('src', "resc/imgs/weather/" + weatherCodes[d.current_weather.weathercode].replace(/\s+/g, "").toLowerCase() + '.svg');
287 |     $('.wfeel').text(feel)
288 | }
289 | 
290 | function blankFunction() {
291 |     $('.weather').hide();
292 | }
293 | 
294 | function toTitleCase(str) {
295 |     return str.replace(/\b\w/g, function (match) {
296 |         return match.toUpperCase();
297 |     });
298 | }
299 | 
300 | function appLblCheck() {
301 |     if ($('.appLabel').width() <= 30 || $('.appLabel').text().includes('No app selected')) {
302 |         $('.appLabel').addClass('hide');
303 |         $('.appIcn').addClass('hide');
304 |         $('.searchBox').text('Type here to search the web, apps, and your device')
305 |     } else {
306 |         $('.appLabel').removeClass('hide');
307 |         $('.appIcn').removeClass('hide');
308 |         // $('.searchBox').text('Type here to search')
309 |     }
310 | }
311 | 
312 | function changeTextColor() {
313 |     var backgroundColor = $(".backgroundFill").css("background-color");
314 |     var rgb = backgroundColor.match(/\d+/g);
315 |     var brightness = (299 * rgb[0] + 587 * rgb[1] + 114 * rgb[2]) / 1000;
316 |     var textColor = brightness > 128 ? "black" : "white";
317 |     var shadowColor = brightness > 128 ? "#00000010" : "transparent";
318 |     $(':root').css('--global-text', textColor);
319 |     $(':root').css('--shadow-color', shadowColor);
320 | }
321 | 
322 | $('.statIcons').on('click', function () {
323 |     ipcRenderer.send('hotKey', 'command', 'a');
324 | })
325 | 
326 | $('.timeDate').on('click', function () {
327 |     ipcRenderer.send('hotKey', 'command', 'n');
328 | })
329 | 
330 | $('.mainBar').on('click', function () {
331 |     if (altSearch == 'y') {
332 |         ipcRenderer.send('hotKey', 'alt', 'space');
333 |     } else {
334 |         ipcRenderer.send('hotKey', 'command', 's');
335 |     }
336 | })
337 | 
338 | $('.weather').on('click', function () {
339 |     ipcRenderer.send('hotKey', 'command', 'w');
340 | })
341 | 
342 | $('.copilot').on('click', function () {
343 |     ipcRenderer.send('hotKey', 'command', 'c');
344 | })
345 | 
346 | $('.profileBtn').on('click', function () {
347 |     let themeToSend
348 |     if (themePreference == 'light-theme') {
349 |         themeToSend = 'light'
350 |     } else if (themePreference == 'dark-theme') {
351 |         themeToSend = 'dark'
352 |     }
353 |     ipcRenderer.send('show-popup', themeToSend);
354 | })
355 | 
356 | $('.dropDownBtn').on('click', function () {
357 |     // var inputCtrl = localStorage.getItem('ctrl2');
358 |     // if (inputCtrl == 'true') {
359 |     // ipcRenderer.send('show-popup');
360 |     // } else {
361 |     ipcRenderer.send('show-tray-popup')
362 |     // }
363 | })
364 | 
365 | if (navigator.getBattery()) {
366 |     setInterval(() => {
367 |         navigator.getBattery().then((battery) => {
368 |             var battNum = battery.level * 100;
369 |             $('.batteryIcn .fill').width(battNum + "%");
370 | 
371 |             if (battNum <= 10) {
372 |                 $('.batteryIcn').text('');
373 |             } else if (battNum <= 20) {
374 |                 $('.batteryIcn').text('');
375 |             } else if (battNum <= 30) {
376 |                 $('.batteryIcn').text('');
377 |             } else if (battNum <= 40) {
378 |                 $('.batteryIcn').text('');
379 |             } else if (battNum <= 50) {
380 |                 $('.batteryIcn').text('');
381 |             } else if (battNum <= 60) {
382 |                 $('.batteryIcn').text('');
383 |             } else if (battNum <= 70) {
384 |                 $('.batteryIcn').text('');
385 |             } else if (battNum <= 80) {
386 |                 $('.batteryIcn').text('');
387 |             } else if (battNum <= 90) {
388 |                 $('.batteryIcn').text('');
389 |             } else if (battNum <= 100) {
390 |                 $('.batteryIcn').text('');
391 |             }
392 | 
393 |             batteryIsCharging = battery.charging;
394 |             battery.addEventListener("chargingchange", () => {
395 |                 batteryIsCharging = battery.charging;
396 |             });
397 |             if (batteryIsCharging) {
398 |                 $('.batteryIcn').text('');
399 |             }
400 |         });
401 |     }, 5000);
402 | } else {
403 |     $('.batteryIcn').hide();
404 | }
405 | 
406 | ipcRenderer.on('winTitle', (_event, name, title) => {
407 |     // appLblCheck();
408 |     // console.log(data)
409 |     $('.appLabel p.name').text(name);
410 |     $('.appLabel p.title').text(title);
411 | 
412 |     if (name == "Visual Studio Code"
413 |         || name == "Microsoft Edge"
414 |         || name == "Notepad.exe"
415 |         || name == "Discord"
416 |         || name == "mspaint.exe"
417 |         || name == "Google Chrome"
418 |         || name == title) {
419 |         $('.appLabel').addClass('notitle')
420 |         $('p.name').hide();
421 |         $('.appLabel .sep').hide();
422 |     } else {
423 |         $('.appLabel').removeClass('notitle')
424 |         $('p.name').show();
425 |         $('.appLabel .sep').show();
426 |     }
427 | 
428 |     if (title == "") {
429 |         $('.appLabel').addClass('notitle')
430 |     } else {
431 |         $('.appLabel').removeClass('notitle')
432 |     }
433 |     appLblCheck();
434 | })
435 | 
436 | ipcRenderer.on('get-theme', function () {
437 |     let themeToSend
438 |     if (themePreference == 'light-theme') {
439 |         themeToSend = 'light'
440 |     } else if (themePreference == 'dark-theme') {
441 |         themeToSend = 'dark'
442 |     }
443 |     ipcRenderer.send('got-theme-sw', themeToSend);
444 | })
445 | 
446 | ipcRenderer.on('desktop', function () {
447 |     $('.mainBar').addClass('desktop')
448 |     $('.searchBox').text('Type here to search the web, apps, and your device')
449 | })
450 | 
451 | ipcRenderer.on('no-desktop', function () {
452 |     $('.mainBar').removeClass('desktop')
453 |     $('.searchBox').text('Type here to search')
454 | })
455 | 
456 | ipcRenderer.on('checkBackground', (_event) => {
457 |     if (bg == null) {
458 |         localStorage.setItem('background', false);
459 |     } else if (bg == 'true') {
460 |         $('.backgroundFill').addClass('enabled')
461 |     } else if (bg == 'false') {
462 |         $('.backgroundFill').removeClass('enabled')
463 |     }
464 | })
465 | 
466 | ipcRenderer.on('backColor', (_event, color) => {
467 |     $('.backgroundFill').css('background-color', color);
468 |     changeTextColor();
469 | })
470 | 
471 | ipcRenderer.on('icon-data', (_event, data) => {
472 |     $('.aiImg').attr('src', `data:image/png;base64,${data}`);
473 | });
474 | 
475 | ipcRenderer.on('toggleTheme', function () {
476 |     $(':root').toggleClass('light-theme dark-theme')
477 |     location.reload();
478 | })
479 | 
480 | ipcRenderer.on('toggleUserMenu', function () {
481 |     if (userMenu == null) {
482 |         localStorage.setItem('userMenuPref', true);
483 |     } else if (userMenu == 'true') {
484 |         $('.profileBtn').removeClass('hide')
485 |     } else if (userMenu == 'false') {
486 |         $('.profileBtn').addClass('hide')
487 |     }
488 | })
489 | 
490 | ipcRenderer.on('toggleBackground', (_event) => {
491 |     $('.backgroundFill').toggleClass('enabled');
492 |     ipcRenderer.send('set-bg-state', $('.backgroundFill').hasClass('enabled'));
493 | })
494 | 
495 | ipcRenderer.on('toggleSearch', function () {
496 |     $('.search .icn').toggleClass('img');
497 | })
498 | 
499 | ipcRenderer.on('disableBackground', (_event) => {
500 |     $('.backgroundFill').removeClass('enabled');
501 | })
502 | 
503 | ipcRenderer.on('volumeLevel', (event, volumeLevel) => {
504 |     console.log('System volume level:', volumeLevel);
505 |     if (volumeLevel <= 1) {
506 |         $('.volIcon').text('')
507 |         $('.volIcon').addClass('mute')
508 |     } else if (volumeLevel <= 5) {
509 |         $('.volIcon').text('')
510 |         $('.volIcon').removeClass('mute')
511 |     } else if (volumeLevel <= 33) {
512 |         $('.volIcon').text('')
513 |         $('.volIcon').removeClass('mute')
514 |     } else if (volumeLevel <= 66) {
515 |         $('.volIcon').text('')
516 |         $('.volIcon').removeClass('mute')
517 |     } else if (volumeLevel <= 100) {
518 |         $('.volIcon').text('')
519 |         $('.volIcon').removeClass('mute')
520 |     }
521 | });
522 | 
523 | ipcRenderer.on('reset-app', function () {
524 |     localStorage.clear();
525 | })
526 | 
527 | ipcRenderer.on('main-console-forward', (_event, errorMsg) => {
528 |     console.log(errorMsg);
529 | })


--------------------------------------------------------------------------------
/resc/branding/brand_ico.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Futur3Sn0w/12Bar/5599be012bc12382a147bc87660f814fd4cde8e0/resc/branding/brand_ico.ico


--------------------------------------------------------------------------------
/resc/branding/brand_png.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Futur3Sn0w/12Bar/5599be012bc12382a147bc87660f814fd4cde8e0/resc/branding/brand_png.png


--------------------------------------------------------------------------------
/resc/fonts/FluentSystemIcons-Filled.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Futur3Sn0w/12Bar/5599be012bc12382a147bc87660f814fd4cde8e0/resc/fonts/FluentSystemIcons-Filled.ttf


--------------------------------------------------------------------------------
/resc/fonts/FluentSystemIcons-Regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Futur3Sn0w/12Bar/5599be012bc12382a147bc87660f814fd4cde8e0/resc/fonts/FluentSystemIcons-Regular.ttf


--------------------------------------------------------------------------------
/resc/fonts/SegoeIcons.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Futur3Sn0w/12Bar/5599be012bc12382a147bc87660f814fd4cde8e0/resc/fonts/SegoeIcons.ttf


--------------------------------------------------------------------------------
/resc/imgs/copilot.svg:
--------------------------------------------------------------------------------
1 | <svg width="73" height="72" viewBox="0 0 73 72" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_5736_25106)"> <g clip-path="url(#clip1_5736_25106)"> <path d="M53.0922 9.36661C52.1477 6.18333 49.2225 4 45.902 4L43.5 4C39.9033 4 36.813 6.55327 36.1346 10.0854L32.0991 31.0967L33.2182 27.3523C34.1674 24.1762 37.0892 22 40.4041 22H53.4418L58.8325 23.6786L64.0289 22H62.4385C59.1181 22 56.1928 19.8167 55.2483 16.6334L53.0922 9.36661Z" fill="url(#paint0_radial_5736_25106)"></path> <path d="M20.68 62.6024C21.6141 65.8012 24.5469 68 27.8793 68H32.6839C36.7676 68 40.1007 64.7328 40.1824 60.6499L40.5553 41.9961L39.7578 44.6548C38.8062 47.8273 35.8862 50 32.574 50L19.4344 50L14.8139 47.9188L9.81152 50H11.3767C14.7091 50 17.6419 52.1988 18.576 55.3976L20.68 62.6024Z" fill="url(#paint1_radial_5736_25106)"></path> <path d="M45.5001 3.99414H19.2501C11.7501 3.99414 7.25007 13.6394 4.25008 23.2847C0.695858 34.7118 -3.95492 49.9946 9.50007 49.9946H20.9354C24.268 49.9946 27.1986 47.8038 28.1379 44.6064C30.1106 37.8912 33.5559 26.2168 36.2632 17.3256C37.6418 12.7981 38.7901 8.90984 40.5524 6.48848C41.5404 5.13096 43.1871 3.99414 45.5001 3.99414Z" fill="url(#paint2_linear_5736_25106)"></path> <path d="M45.5001 3.99414H19.2501C11.7501 3.99414 7.25007 13.6394 4.25008 23.2847C0.695858 34.7118 -3.95492 49.9946 9.50007 49.9946H20.9354C24.268 49.9946 27.1986 47.8038 28.1379 44.6064C30.1106 37.8912 33.5559 26.2168 36.2632 17.3256C37.6418 12.7981 38.7901 8.90984 40.5524 6.48848C41.5404 5.13096 43.1871 3.99414 45.5001 3.99414Z" fill="url(#paint3_linear_5736_25106)"></path> <path d="M27.4946 68.0005H53.7446C61.2446 68.0005 65.7446 58.3569 68.7446 48.7133C72.2988 37.288 76.9496 22.0078 63.4946 22.0078H52.059C48.7266 22.0078 45.796 24.1985 44.8566 27.3958C42.8839 34.1099 39.4388 45.7818 36.7315 54.6714C35.3529 59.1981 34.2046 63.0857 32.4423 65.5066C31.4543 66.8639 29.8076 68.0005 27.4946 68.0005Z" fill="url(#paint4_radial_5736_25106)"></path> <path d="M27.4946 68.0005H53.7446C61.2446 68.0005 65.7446 58.3569 68.7446 48.7133C72.2988 37.288 76.9496 22.0078 63.4946 22.0078H52.059C48.7266 22.0078 45.796 24.1985 44.8566 27.3958C42.8839 34.1099 39.4388 45.7818 36.7315 54.6714C35.3529 59.1981 34.2046 63.0857 32.4423 65.5066C31.4543 66.8639 29.8076 68.0005 27.4946 68.0005Z" fill="url(#paint5_linear_5736_25106)"></path>  </g> </g> <defs> <radialGradient id="paint0_radial_5736_25106" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(59.3795 31.2738) rotate(-129.293) scale(28.5724 26.8652)"> <stop offset="0.0955758" stop-color="#00AEFF"></stop> <stop offset="0.773185" stop-color="#2253CE"></stop> <stop offset="1" stop-color="#0736C4"></stop> </radialGradient> <radialGradient id="paint1_radial_5736_25106" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.3891 50.5586) rotate(50.6577) scale(25.3572 24.8233)"> <stop stop-color="#FFB657"></stop> <stop offset="0.633728" stop-color="#FF5F3D"></stop> <stop offset="0.923392" stop-color="#C02B3C"></stop> </radialGradient> <linearGradient id="paint2_linear_5736_25106" x1="15.3128" y1="8.87246" x2="24.9184" y2="50.0035" gradientUnits="userSpaceOnUse"> <stop stop-color="#0084FF"></stop> <stop offset="0.587177" stop-color="#38B769"></stop> <stop offset="1" stop-color="#98BD42"></stop> </linearGradient> <linearGradient id="paint3_linear_5736_25106" x1="24.0482" y1="2.13983" x2="24.0482" y2="58.8627" gradientUnits="userSpaceOnUse"> <stop stop-color="#3DCBFF"></stop> <stop offset="0.092827" stop-color="#50E6FF" stop-opacity="0.367653"></stop> <stop offset="0.219409" stop-color="#00ADF2" stop-opacity="0"></stop> <stop offset="0.37387" stop-color="#60B67A" stop-opacity="0"></stop> <stop offset="0.596378" stop-color="#C3C12E" stop-opacity="0.62037"></stop> <stop offset="0.836192" stop-color="#FFC800"></stop> </linearGradient> <radialGradient id="paint4_radial_5736_25106" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(64.8431 17.5048) rotate(109.773) scale(61.3009 75.03)"> <stop offset="0.0661714" stop-color="#8C48FF"></stop> <stop offset="0.5" stop-color="#F2598A"></stop> <stop offset="0.895833" stop-color="#FFB152"></stop> </radialGradient> <linearGradient id="paint5_linear_5736_25106" x1="66.9168" y1="19.1999" x2="66.8915" y2="31.7266" gradientUnits="userSpaceOnUse"> <stop offset="0.0581535" stop-color="#F8ADFA"></stop> <stop offset="0.708063" stop-color="#A86EDD" stop-opacity="0"></stop> </linearGradient> <clipPath id="clip0_5736_25106"> <rect width="72" height="72" fill="white" transform="translate(0.5)"></rect> </clipPath> <clipPath id="clip1_5736_25106"> <rect width="72" height="72" fill="white" transform="translate(0.5)"></rect> </clipPath> <clipPath id="clip2_5736_25106"> <rect width="72" height="72" fill="white" transform="translate(0.5)"></rect> </clipPath> </defs> </svg>


--------------------------------------------------------------------------------
/resc/imgs/search/dark.svg:
--------------------------------------------------------------------------------
 1 | <svg width="149" height="149" viewBox="0 0 149 149" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <path d="M109 63.5C109 88.629 88.629 109 63.5 109C38.371 109 18 88.629 18 63.5C18 38.371 38.371 18 63.5 18C88.629 18 109 38.371 109 63.5Z" fill="white" fill-opacity="0.31"/>
 3 | <path fill-rule="evenodd" clip-rule="evenodd" d="M100.855 114.856C90.373 122.494 77.4629 127 63.5 127C28.4297 127 0 98.5701 0 63.5C0 28.4299 28.4297 0 63.5 0C98.5703 0 127 28.4299 127 63.5C127 77.3896 122.541 90.2378 114.976 100.691L146.071 131.787C149.977 135.692 149.977 142.024 146.071 145.929C142.166 149.834 135.834 149.834 131.929 145.929L100.855 114.856ZM109 63.5C109 88.629 88.629 109 63.5 109C38.371 109 18 88.629 18 63.5C18 38.371 38.371 18 63.5 18C88.629 18 109 38.371 109 63.5Z" fill="url(#paint0_linear_36_17)"/>
 4 | <defs>
 5 | <linearGradient id="paint0_linear_36_17" x1="74.5001" y1="0" x2="74.5001" y2="148.858" gradientUnits="userSpaceOnUse">
 6 | <stop stop-color="#F5F4F4"/>
 7 | <stop offset="1" stop-color="#EAE9E9"/>
 8 | </linearGradient>
 9 | </defs>
10 | </svg>


--------------------------------------------------------------------------------
/resc/imgs/search/light.svg:
--------------------------------------------------------------------------------
 1 | <svg width="149" height="149" viewBox="0 0 149 149" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <path d="M109 63.5C109 88.629 88.629 109 63.5 109C38.371 109 18 88.629 18 63.5C18 38.371 38.371 18 63.5 18C88.629 18 109 38.371 109 63.5Z" fill="white" fill-opacity="0.31"/>
 3 | <path fill-rule="evenodd" clip-rule="evenodd" d="M100.855 114.856C90.373 122.494 77.4629 127 63.5 127C28.4297 127 0 98.5701 0 63.5C0 28.4299 28.4297 0 63.5 0C98.5703 0 127 28.4299 127 63.5C127 77.3896 122.541 90.2378 114.976 100.691L146.071 131.787C149.977 135.692 149.977 142.024 146.071 145.929C142.166 149.834 135.834 149.834 131.929 145.929L100.855 114.856ZM109 63.5C109 88.629 88.629 109 63.5 109C38.371 109 18 88.629 18 63.5C18 38.371 38.371 18 63.5 18C88.629 18 109 38.371 109 63.5Z" fill="url(#paint0_linear_36_18)"/>
 4 | <defs>
 5 | <linearGradient id="paint0_linear_36_18" x1="74.5001" y1="0" x2="74.5001" y2="148.858" gradientUnits="userSpaceOnUse">
 6 | <stop stop-color="#454545"/>
 7 | <stop offset="1" stop-color="#202020"/>
 8 | </linearGradient>
 9 | </defs>
10 | </svg>


--------------------------------------------------------------------------------
/resc/imgs/weather/clearsky.svg:
--------------------------------------------------------------------------------
 1 | <svg width="110" height="110" viewBox="0 0 110 110" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_ddi_203_182)">
 3 | <circle cx="55" cy="55" r="32" fill="url(#paint0_linear_203_182)"/>
 4 | </g>
 5 | <defs>
 6 | <filter id="filter0_ddi_203_182" x="7" y="7" width="96" height="96" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 7 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 8 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
 9 | <feOffset/>
10 | <feGaussianBlur stdDeviation="8"/>
11 | <feComposite in2="hardAlpha" operator="out"/>
12 | <feColorMatrix type="matrix" values="0 0 0 0 0.992157 0 0 0 0 0.773882 0 0 0 0 0 0 0 0 1 0"/>
13 | <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_203_182"/>
14 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
15 | <feOffset/>
16 | <feGaussianBlur stdDeviation="5.5"/>
17 | <feComposite in2="hardAlpha" operator="out"/>
18 | <feColorMatrix type="matrix" values="0 0 0 0 0.992157 0 0 0 0 0.772549 0 0 0 0 0 0 0 0 0.45 0"/>
19 | <feBlend mode="normal" in2="effect1_dropShadow_203_182" result="effect2_dropShadow_203_182"/>
20 | <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_203_182" result="shape"/>
21 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
22 | <feOffset dx="-1" dy="3"/>
23 | <feGaussianBlur stdDeviation="2.5"/>
24 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
25 | <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.9 0 0 0 0 0 0 0 0 0.35 0"/>
26 | <feBlend mode="normal" in2="shape" result="effect3_innerShadow_203_182"/>
27 | </filter>
28 | <linearGradient id="paint0_linear_203_182" x1="55" y1="23" x2="55" y2="87" gradientUnits="userSpaceOnUse">
29 | <stop stop-color="#FDC500"/>
30 | <stop offset="1" stop-color="#FD8900"/>
31 | </linearGradient>
32 | </defs>
33 | </svg>
34 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/densedrizzle.svg:
--------------------------------------------------------------------------------
 1 | <svg width="108" height="100" viewBox="0 0 108 100" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_f_203_412)">
 3 | <ellipse cx="53.5" cy="67.6182" rx="31.5" ry="9.5" fill="#4DB4FF"/>
 4 | </g>
 5 | <g filter="url(#filter1_bi_203_412)">
 6 | <path fill-rule="evenodd" clip-rule="evenodd" d="M77 30.1182C77 30.9064 76.9696 31.6875 76.9099 32.4604C80.1949 29.7478 84.4071 28.1182 89 28.1182C99.4934 28.1182 108 36.6248 108 47.1182C108 57.2761 100.029 65.5723 90 66.0923V66.1182H89H19H17V66.0142C7.44667 65.0148 0 56.9361 0 47.1182C0 37.2799 7.47752 29.1881 17.0593 28.2161C18.0405 12.5337 31.0704 0.118164 47 0.118164C63.5685 0.118164 77 13.5496 77 30.1182Z" fill="url(#paint0_linear_203_412)"/>
 7 | </g>
 8 | <path fill-rule="evenodd" clip-rule="evenodd" d="M41 41.1182C42.3807 41.1182 43.5 42.2375 43.5 43.6182L43.5 58.6182C43.5 59.9989 42.3807 61.1182 41 61.1182C39.6193 61.1182 38.5 59.9989 38.5 58.6182L38.5 43.6182C38.5 42.2375 39.6193 41.1182 41 41.1182ZM67 46.1182C68.3807 46.1182 69.5 47.2375 69.5 48.6182V76.6182C69.5 77.9989 68.3807 79.1182 67 79.1182C65.6193 79.1182 64.5 77.9989 64.5 76.6182V48.6182C64.5 47.2375 65.6193 46.1182 67 46.1182ZM54 53.1182C55.3807 53.1182 56.5 54.2375 56.5 55.6182V64.6182C56.5 65.9989 55.3807 67.1182 54 67.1182C52.6193 67.1182 51.5 65.9989 51.5 64.6182V55.6182C51.5 54.2375 52.6193 53.1182 54 53.1182ZM54 73.1182C55.3807 73.1182 56.5 74.2375 56.5 75.6182V93.6182C56.5 94.9989 55.3807 96.1182 54 96.1182C52.6193 96.1182 51.5 94.9989 51.5 93.6182V75.6182C51.5 74.2375 52.6193 73.1182 54 73.1182ZM69.5 86.6182C69.5 85.2375 68.3807 84.1182 67 84.1182C65.6193 84.1182 64.5 85.2375 64.5 86.6182V93.6182C64.5 94.9989 65.6193 96.1182 67 96.1182C68.3807 96.1182 69.5 94.9989 69.5 93.6182V86.6182ZM82.5 60.6182C82.5 59.2375 81.3807 58.1182 80 58.1182C78.6193 58.1182 77.5 59.2375 77.5 60.6182V67.6182C77.5 68.9989 78.6193 70.1182 80 70.1182C81.3807 70.1182 82.5 68.9989 82.5 67.6182V60.6182ZM80 76.1182C81.3807 76.1182 82.5 77.2375 82.5 78.6182V93.6182C82.5 94.9989 81.3807 96.1182 80 96.1182C78.6193 96.1182 77.5 94.9989 77.5 93.6182V78.6182C77.5 77.2375 78.6193 76.1182 80 76.1182ZM43.5 68.6182C43.5 67.2375 42.3807 66.1182 41 66.1182C39.6193 66.1182 38.5 67.2375 38.5 68.6182V75.6182C38.5 76.9989 39.6193 78.1182 41 78.1182C42.3807 78.1182 43.5 76.9989 43.5 75.6182V68.6182ZM43.5 86.6182C43.5 85.2375 42.3807 84.1182 41 84.1182C39.6193 84.1182 38.5 85.2375 38.5 86.6182V93.6182C38.5 94.9989 39.6193 96.1182 41 96.1182C42.3807 96.1182 43.5 94.9989 43.5 93.6182V86.6182ZM27 51.1182C28.3807 51.1182 29.5 52.2375 29.5 53.6182L29.5 61.6182C29.5 62.9989 28.3807 64.1182 27 64.1182C25.6193 64.1182 24.5 62.9989 24.5 61.6182V53.6182C24.5 52.2375 25.6193 51.1182 27 51.1182ZM29.5 73.6182C29.5 72.2375 28.3807 71.1182 27 71.1182C25.6193 71.1182 24.5 72.2375 24.5 73.6182V93.6182C24.5 94.9989 25.6193 96.1182 27 96.1182C28.3807 96.1182 29.5 94.9989 29.5 93.6182L29.5 73.6182Z" fill="url(#paint1_linear_203_412)"/>
 9 | <path fill-rule="evenodd" clip-rule="evenodd" d="M56.0002 66.1182H51.9998C51.686 65.7003 51.5 65.181 51.5 64.6182V55.6182C51.5 54.2375 52.6193 53.1182 54 53.1182C55.3807 53.1182 56.5 54.2375 56.5 55.6182V64.6182C56.5 65.181 56.314 65.7003 56.0002 66.1182ZM69.5 66.1182H64.5V48.6182C64.5 47.2375 65.6193 46.1182 67 46.1182C68.3807 46.1182 69.5 47.2375 69.5 48.6182V66.1182ZM82.5 66.1182H77.5V60.6182C77.5 59.2375 78.6193 58.1182 80 58.1182C81.3807 58.1182 82.5 59.2375 82.5 60.6182V66.1182ZM43.5 43.6182C43.5 42.2375 42.3807 41.1182 41 41.1182C39.6193 41.1182 38.5 42.2375 38.5 43.6182L38.5 58.6182C38.5 59.9989 39.6193 61.1182 41 61.1182C42.3807 61.1182 43.5 59.9989 43.5 58.6182L43.5 43.6182ZM29.5 53.6182C29.5 52.2375 28.3807 51.1182 27 51.1182C25.6193 51.1182 24.5 52.2375 24.5 53.6182V61.6182C24.5 62.9989 25.6193 64.1182 27 64.1182C28.3807 64.1182 29.5 62.9989 29.5 61.6182L29.5 53.6182Z" fill="#E0F3FE"/>
10 | <defs>
11 | <filter id="filter0_f_203_412" x="0" y="36.1182" width="107" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
12 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
13 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
14 | <feGaussianBlur stdDeviation="11" result="effect1_foregroundBlur_203_412"/>
15 | </filter>
16 | <filter id="filter1_bi_203_412" x="-7" y="-6.88184" width="122" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
17 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
18 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
19 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_412"/>
20 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_412" result="shape"/>
21 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
22 | <feOffset dy="2"/>
23 | <feGaussianBlur stdDeviation="4"/>
24 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
25 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
26 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_412"/>
27 | </filter>
28 | <linearGradient id="paint0_linear_203_412" x1="56" y1="89.6182" x2="96.5" y2="0.118164" gradientUnits="userSpaceOnUse">
29 | <stop stop-color="#0082DF"/>
30 | <stop offset="0.299998" stop-color="#48B2FF" stop-opacity="0.75"/>
31 | <stop offset="1" stop-color="#3BADFF" stop-opacity="0"/>
32 | </linearGradient>
33 | <linearGradient id="paint1_linear_203_412" x1="53.5" y1="41.1182" x2="53.5" y2="96.1182" gradientUnits="userSpaceOnUse">
34 | <stop offset="0.168182" stop-color="#D7F0FF"/>
35 | <stop offset="1" stop-color="#0072DC"/>
36 | </linearGradient>
37 | </defs>
38 | </svg>
39 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/densefreezingdrizzle.svg:
--------------------------------------------------------------------------------
 1 | <svg width="108" height="100" viewBox="0 0 108 100" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_f_203_508)">
 3 | <ellipse cx="53.5" cy="67.6768" rx="31.5" ry="9.5" fill="#4DB4FF"/>
 4 | </g>
 5 | <g filter="url(#filter1_bi_203_508)">
 6 | <path fill-rule="evenodd" clip-rule="evenodd" d="M77 30.1768C77 30.965 76.9696 31.7461 76.9099 32.519C80.1949 29.8064 84.4071 28.1768 89 28.1768C99.4934 28.1768 108 36.6833 108 47.1768C108 57.3347 100.029 65.6309 90 66.1509V66.1768H89H19H17V66.0727C7.44667 65.0734 0 56.9947 0 47.1768C0 37.3385 7.47752 29.2467 17.0593 28.2747C18.0405 12.5923 31.0704 0.176758 47 0.176758C63.5685 0.176758 77 13.6082 77 30.1768Z" fill="url(#paint0_linear_203_508)"/>
 7 | </g>
 8 | <path fill-rule="evenodd" clip-rule="evenodd" d="M41 41.1768C42.3807 41.1768 43.5 42.296 43.5 43.6768L43.5 58.6768C43.5 60.0575 42.3807 61.1768 41 61.1768C39.6193 61.1768 38.5 60.0575 38.5 58.6768L38.5 43.6768C38.5 42.296 39.6193 41.1768 41 41.1768ZM67 46.1768C68.3807 46.1768 69.5 47.296 69.5 48.6768V76.6768C69.5 78.0575 68.3807 79.1768 67 79.1768C65.6193 79.1768 64.5 78.0575 64.5 76.6768V48.6768C64.5 47.296 65.6193 46.1768 67 46.1768ZM54 53.1768C55.3807 53.1768 56.5 54.296 56.5 55.6768V64.6768C56.5 66.0575 55.3807 67.1768 54 67.1768C52.6193 67.1768 51.5 66.0575 51.5 64.6768V55.6768C51.5 54.296 52.6193 53.1768 54 53.1768ZM54 73.1768C55.3807 73.1768 56.5 74.296 56.5 75.6768V93.6768C56.5 95.0575 55.3807 96.1768 54 96.1768C52.6193 96.1768 51.5 95.0575 51.5 93.6768V75.6768C51.5 74.296 52.6193 73.1768 54 73.1768ZM69.5 86.6768C69.5 85.296 68.3807 84.1768 67 84.1768C65.6193 84.1768 64.5 85.296 64.5 86.6768V93.6768C64.5 95.0575 65.6193 96.1768 67 96.1768C68.3807 96.1768 69.5 95.0575 69.5 93.6768V86.6768ZM82.5 60.6768C82.5 59.296 81.3807 58.1768 80 58.1768C78.6193 58.1768 77.5 59.296 77.5 60.6768V67.6768C77.5 69.0575 78.6193 70.1768 80 70.1768C81.3807 70.1768 82.5 69.0575 82.5 67.6768V60.6768ZM80 76.1768C81.3807 76.1768 82.5 77.296 82.5 78.6768V93.6768C82.5 95.0575 81.3807 96.1768 80 96.1768C78.6193 96.1768 77.5 95.0575 77.5 93.6768V78.6768C77.5 77.296 78.6193 76.1768 80 76.1768ZM43.5 68.6768C43.5 67.296 42.3807 66.1768 41 66.1768C39.6193 66.1768 38.5 67.296 38.5 68.6768V75.6768C38.5 77.0575 39.6193 78.1768 41 78.1768C42.3807 78.1768 43.5 77.0575 43.5 75.6768V68.6768ZM43.5 86.6768C43.5 85.296 42.3807 84.1768 41 84.1768C39.6193 84.1768 38.5 85.296 38.5 86.6768V93.6768C38.5 95.0575 39.6193 96.1768 41 96.1768C42.3807 96.1768 43.5 95.0575 43.5 93.6768V86.6768ZM27 51.1768C28.3807 51.1768 29.5 52.296 29.5 53.6768L29.5 61.6768C29.5 63.0575 28.3807 64.1768 27 64.1768C25.6193 64.1768 24.5 63.0575 24.5 61.6768V53.6768C24.5 52.296 25.6193 51.1768 27 51.1768ZM29.5 73.6768C29.5 72.296 28.3807 71.1768 27 71.1768C25.6193 71.1768 24.5 72.296 24.5 73.6768V93.6768C24.5 95.0575 25.6193 96.1768 27 96.1768C28.3807 96.1768 29.5 95.0575 29.5 93.6768L29.5 73.6768Z" fill="url(#paint1_linear_203_508)"/>
 9 | <path fill-rule="evenodd" clip-rule="evenodd" d="M56.0002 66.1768H51.9998C51.686 65.7589 51.5 65.2396 51.5 64.6768V55.6768C51.5 54.296 52.6193 53.1768 54 53.1768C55.3807 53.1768 56.5 54.296 56.5 55.6768V64.6768C56.5 65.2396 56.314 65.7589 56.0002 66.1768ZM69.5 66.1768H64.5V48.6768C64.5 47.296 65.6193 46.1768 67 46.1768C68.3807 46.1768 69.5 47.296 69.5 48.6768V66.1768ZM82.5 66.1768H77.5V60.6768C77.5 59.296 78.6193 58.1768 80 58.1768C81.3807 58.1768 82.5 59.296 82.5 60.6768V66.1768ZM43.5 43.6768C43.5 42.296 42.3807 41.1768 41 41.1768C39.6193 41.1768 38.5 42.296 38.5 43.6768L38.5 58.6768C38.5 60.0575 39.6193 61.1768 41 61.1768C42.3807 61.1768 43.5 60.0575 43.5 58.6768L43.5 43.6768ZM29.5 53.6768C29.5 52.296 28.3807 51.1768 27 51.1768C25.6193 51.1768 24.5 52.296 24.5 53.6768V61.6768C24.5 63.0575 25.6193 64.1768 27 64.1768C28.3807 64.1768 29.5 63.0575 29.5 61.6768L29.5 53.6768Z" fill="#E0F3FE"/>
10 | <defs>
11 | <filter id="filter0_f_203_508" x="0" y="36.1768" width="107" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
12 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
13 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
14 | <feGaussianBlur stdDeviation="11" result="effect1_foregroundBlur_203_508"/>
15 | </filter>
16 | <filter id="filter1_bi_203_508" x="-7" y="-6.82324" width="122" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
17 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
18 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
19 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_508"/>
20 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_508" result="shape"/>
21 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
22 | <feOffset dy="2"/>
23 | <feGaussianBlur stdDeviation="4"/>
24 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
25 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
26 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_508"/>
27 | </filter>
28 | <linearGradient id="paint0_linear_203_508" x1="56" y1="89.6768" x2="96.5" y2="0.176758" gradientUnits="userSpaceOnUse">
29 | <stop stop-color="#0082DF"/>
30 | <stop offset="0.299998" stop-color="#48B2FF" stop-opacity="0.75"/>
31 | <stop offset="1" stop-color="#3BADFF" stop-opacity="0"/>
32 | </linearGradient>
33 | <linearGradient id="paint1_linear_203_508" x1="53.5" y1="41.1768" x2="53.5" y2="96.1768" gradientUnits="userSpaceOnUse">
34 | <stop offset="0.168182" stop-color="#D7F0FF"/>
35 | <stop offset="1" stop-color="#0072DC"/>
36 | </linearGradient>
37 | </defs>
38 | </svg>
39 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/depositingrimefog.svg:
--------------------------------------------------------------------------------
 1 | <svg width="130" height="99" viewBox="0 0 130 99" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_f_203_269)">
 3 | <ellipse cx="54.3483" cy="67.5" rx="31.5" ry="9.5" fill="#4DB4FF"/>
 4 | </g>
 5 | <g filter="url(#filter1_bi_203_269)">
 6 | <path fill-rule="evenodd" clip-rule="evenodd" d="M77.8483 30C77.8483 30.7882 77.8179 31.5693 77.7582 32.3422C81.0431 29.6296 85.2554 28 89.8483 28C100.342 28 108.848 36.5066 108.848 47C108.848 57.158 100.877 65.4541 90.8483 65.9741V66H89.8483H19.8483H17.8483V65.896C8.29494 64.8966 0.848267 56.8179 0.848267 47C0.848267 37.1618 8.32578 29.07 17.9076 28.0979C18.8888 12.4156 31.9186 0 47.8483 0C64.4168 0 77.8483 13.4315 77.8483 30Z" fill="url(#paint0_linear_203_269)"/>
 7 | </g>
 8 | <path fill-rule="evenodd" clip-rule="evenodd" d="M126.28 47.9113H113.921C113.342 47.8165 112.816 47.5191 112.436 47.0723C112.057 46.6254 111.848 46.0582 111.848 45.4719C111.848 44.8856 112.057 44.3184 112.436 43.8715C112.816 43.4247 113.342 43.1273 113.921 43.0325H126.28C126.634 42.9746 126.996 42.9942 127.341 43.0901C127.687 43.1861 128.007 43.3559 128.28 43.588C128.553 43.82 128.773 44.1087 128.923 44.434C129.074 44.7593 129.152 45.1135 129.152 45.4719C129.152 45.8303 129.074 46.1845 128.923 46.5098C128.773 46.8351 128.553 47.1238 128.28 47.3558C128.007 47.5879 127.687 47.7578 127.341 47.8537C126.996 47.9496 126.634 47.9693 126.28 47.9113ZM98.9516 47.9113H40.8617C40.508 47.9693 40.1459 47.9496 39.8006 47.8537C39.4552 47.7578 39.1348 47.5879 38.8616 47.3559C38.5885 47.1238 38.3691 46.8351 38.2186 46.5098C38.0681 46.1845 37.9901 45.8303 37.9901 45.4719C37.9901 45.1135 38.0681 44.7593 38.2186 44.434C38.3691 44.1087 38.5885 43.82 38.8616 43.588C39.1348 43.3559 39.4552 43.1861 39.8006 43.0901C40.1459 42.9942 40.508 42.9746 40.8617 43.0325H98.9516C99.3053 42.9746 99.6674 42.9942 100.013 43.0901C100.358 43.1861 100.679 43.3559 100.952 43.588C101.225 43.82 101.444 44.1087 101.595 44.434C101.745 44.7593 101.823 45.1135 101.823 45.4719C101.823 45.8303 101.745 46.1845 101.595 46.5098C101.444 46.8351 101.225 47.1238 100.952 47.3559C100.679 47.5879 100.358 47.7578 100.013 47.8537C99.6674 47.9496 99.3053 47.9693 98.9516 47.9113ZM30.7137 74.6139H121.654C122.31 74.6138 122.938 74.3534 123.402 73.8898C123.866 73.4262 124.126 72.7975 124.126 72.1419C124.126 71.4863 123.866 70.8576 123.402 70.394C122.938 69.9304 122.31 69.67 121.654 69.67H30.7137C30.0581 69.67 29.4294 69.9304 28.9658 70.394C28.5022 70.8576 28.2418 71.4863 28.2418 72.1419C28.2418 72.7975 28.5022 73.4262 28.9658 73.8898C29.4294 74.3534 30.0581 74.6138 30.7137 74.6139ZM82.4938 59.23H14.2561C13.9376 59.239 13.6206 59.1829 13.3245 59.0651C13.0284 58.9473 12.7595 58.7704 12.5342 58.5451C12.3088 58.3198 12.1319 58.0508 12.0141 57.7547C11.8963 57.4587 11.8402 57.1416 11.8492 56.8231C11.8405 56.5016 11.8964 56.1816 12.0134 55.8821C12.1305 55.5825 12.3064 55.3095 12.5307 55.079C12.7551 54.8486 13.0234 54.6655 13.3197 54.5405C13.6161 54.4155 13.9344 54.3511 14.2561 54.3513H82.4938C83.1381 54.3682 83.7502 54.6361 84.1998 55.0978C84.6494 55.5596 84.9009 56.1786 84.9007 56.8231C84.9007 57.4615 84.6471 58.0737 84.1957 58.5251C83.7444 58.9764 83.1322 59.23 82.4938 59.23ZM96.4144 59.23H116.385C116.703 59.239 117.02 59.1829 117.316 59.0651C117.613 58.9473 117.881 58.7704 118.107 58.5451C118.332 58.3198 118.509 58.0508 118.627 57.7547C118.745 57.4587 118.801 57.1416 118.792 56.8231C118.8 56.5016 118.745 56.1816 118.628 55.8821C118.51 55.5825 118.335 55.3095 118.11 55.079C117.886 54.8486 117.618 54.6655 117.321 54.5405C117.025 54.4155 116.706 54.3511 116.385 54.3513H96.4144C95.7588 54.3513 95.1301 54.6116 94.6665 55.0752C94.2029 55.5388 93.9425 56.1675 93.9425 56.8231C93.9424 57.1447 94.0067 57.4632 94.1317 57.7595C94.2567 58.0558 94.4399 58.3241 94.6703 58.5485C94.9007 58.7728 95.1738 58.9488 95.4734 59.0658C95.7729 59.1829 96.0929 59.2387 96.4144 59.23Z" fill="url(#paint1_linear_203_269)"/>
 9 | <path fill-rule="evenodd" clip-rule="evenodd" d="M107.374 54.3513C106.626 56.1317 105.615 57.7742 104.389 59.23H96.4143C96.0928 59.2387 95.7728 59.1829 95.4732 59.0658C95.1737 58.9488 94.9006 58.7728 94.6702 58.5485C94.4398 58.3241 94.2566 58.0558 94.1316 57.7595C94.0066 57.4632 93.9423 57.1447 93.9424 56.8231C93.9424 56.1675 94.2028 55.5388 94.6664 55.0752C95.13 54.6116 95.7587 54.3513 96.4143 54.3513H107.374ZM40.8616 47.9113H98.9515C99.3052 47.9693 99.6673 47.9496 100.013 47.8537C100.358 47.7578 100.678 47.5879 100.952 47.3558C101.225 47.1238 101.444 46.8351 101.595 46.5098C101.745 46.1845 101.823 45.8303 101.823 45.4719C101.823 45.1135 101.745 44.7593 101.595 44.434C101.444 44.1087 101.225 43.82 100.952 43.588C100.678 43.3559 100.358 43.1861 100.013 43.0901C99.6673 42.9942 99.3052 42.9746 98.9515 43.0325H40.8616C40.5079 42.9746 40.1458 42.9942 39.8004 43.0901C39.4551 43.1861 39.1347 43.3559 38.8615 43.588C38.5884 43.82 38.3689 44.1087 38.2184 44.434C38.068 44.7593 37.99 45.1135 37.99 45.4719C37.99 45.8303 38.068 46.1845 38.2184 46.5098C38.3689 46.8351 38.5884 47.1238 38.8615 47.3558C39.1347 47.5879 39.4551 47.7578 39.8004 47.8537C40.1458 47.9496 40.5079 47.9693 40.8616 47.9113ZM14.2559 59.23H82.4937C83.132 59.23 83.7442 58.9764 84.1956 58.5251C84.647 58.0737 84.9005 57.4615 84.9005 56.8231C84.9008 56.1786 84.6493 55.5596 84.1997 55.0978C83.7501 54.6361 83.138 54.3682 82.4937 54.3513H14.2559C13.9343 54.3511 13.616 54.4155 13.3196 54.5405C13.0233 54.6655 12.755 54.8486 12.5306 55.079C12.3063 55.3095 12.1303 55.5825 12.0133 55.8821C11.8962 56.1816 11.8404 56.5016 11.8491 56.8231C11.8401 57.1416 11.8962 57.4587 12.014 57.7547C12.1318 58.0508 12.3087 58.3198 12.534 58.5451C12.7594 58.7704 13.0283 58.9473 13.3244 59.0651C13.6205 59.1829 13.9374 59.239 14.2559 59.23Z" fill="#E0F3FE"/>
10 | <defs>
11 | <filter id="filter0_f_203_269" x="0.848267" y="36" width="107" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
12 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
13 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
14 | <feGaussianBlur stdDeviation="11" result="effect1_foregroundBlur_203_269"/>
15 | </filter>
16 | <filter id="filter1_bi_203_269" x="-6.15173" y="-7" width="122" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
17 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
18 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
19 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_269"/>
20 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_269" result="shape"/>
21 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
22 | <feOffset dy="2"/>
23 | <feGaussianBlur stdDeviation="4"/>
24 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
25 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
26 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_269"/>
27 | </filter>
28 | <linearGradient id="paint0_linear_203_269" x1="56.8483" y1="89.5" x2="97.3483" y2="1.95655e-07" gradientUnits="userSpaceOnUse">
29 | <stop stop-color="#0082DF"/>
30 | <stop offset="0.299998" stop-color="#48B2FF" stop-opacity="0.75"/>
31 | <stop offset="1" stop-color="#3BADFF" stop-opacity="0"/>
32 | </linearGradient>
33 | <linearGradient id="paint1_linear_203_269" x1="70.4999" y1="-38.5" x2="70.4999" y2="77.5" gradientUnits="userSpaceOnUse">
34 | <stop stop-color="#D7F0FF"/>
35 | <stop offset="1" stop-color="#0072DC"/>
36 | </linearGradient>
37 | </defs>
38 | </svg>
39 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/foggy.svg:
--------------------------------------------------------------------------------
 1 | <svg width="130" height="99" viewBox="0 0 130 99" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_f_203_244)">
 3 | <ellipse cx="54.3483" cy="67.5" rx="31.5" ry="9.5" fill="#4DB4FF"/>
 4 | </g>
 5 | <g filter="url(#filter1_bi_203_244)">
 6 | <path fill-rule="evenodd" clip-rule="evenodd" d="M77.8483 30C77.8483 30.7882 77.8179 31.5693 77.7582 32.3422C81.0431 29.6296 85.2554 28 89.8483 28C100.342 28 108.848 36.5066 108.848 47C108.848 57.158 100.877 65.4541 90.8483 65.9741V66H89.8483H19.8483H17.8483V65.896C8.29494 64.8966 0.848267 56.8179 0.848267 47C0.848267 37.1618 8.32578 29.07 17.9076 28.0979C18.8888 12.4156 31.9186 0 47.8483 0C64.4168 0 77.8483 13.4315 77.8483 30Z" fill="url(#paint0_linear_203_244)"/>
 7 | </g>
 8 | <path fill-rule="evenodd" clip-rule="evenodd" d="M126.28 47.9113H113.921C113.342 47.8165 112.816 47.5191 112.436 47.0723C112.057 46.6254 111.848 46.0582 111.848 45.4719C111.848 44.8856 112.057 44.3184 112.436 43.8715C112.816 43.4247 113.342 43.1273 113.921 43.0325H126.28C126.634 42.9746 126.996 42.9942 127.341 43.0901C127.687 43.1861 128.007 43.3559 128.28 43.588C128.553 43.82 128.773 44.1087 128.923 44.434C129.074 44.7593 129.152 45.1135 129.152 45.4719C129.152 45.8303 129.074 46.1845 128.923 46.5098C128.773 46.8351 128.553 47.1238 128.28 47.3558C128.007 47.5879 127.687 47.7578 127.341 47.8537C126.996 47.9496 126.634 47.9693 126.28 47.9113ZM98.9516 47.9113H40.8617C40.508 47.9693 40.1459 47.9496 39.8006 47.8537C39.4552 47.7578 39.1348 47.5879 38.8616 47.3559C38.5885 47.1238 38.3691 46.8351 38.2186 46.5098C38.0681 46.1845 37.9901 45.8303 37.9901 45.4719C37.9901 45.1135 38.0681 44.7593 38.2186 44.434C38.3691 44.1087 38.5885 43.82 38.8616 43.588C39.1348 43.3559 39.4552 43.1861 39.8006 43.0901C40.1459 42.9942 40.508 42.9746 40.8617 43.0325H98.9516C99.3053 42.9746 99.6674 42.9942 100.013 43.0901C100.358 43.1861 100.679 43.3559 100.952 43.588C101.225 43.82 101.444 44.1087 101.595 44.434C101.745 44.7593 101.823 45.1135 101.823 45.4719C101.823 45.8303 101.745 46.1845 101.595 46.5098C101.444 46.8351 101.225 47.1238 100.952 47.3559C100.679 47.5879 100.358 47.7578 100.013 47.8537C99.6674 47.9496 99.3053 47.9693 98.9516 47.9113ZM30.7137 74.6139H121.654C122.31 74.6138 122.938 74.3534 123.402 73.8898C123.866 73.4262 124.126 72.7975 124.126 72.1419C124.126 71.4863 123.866 70.8576 123.402 70.394C122.938 69.9304 122.31 69.67 121.654 69.67H30.7137C30.0581 69.67 29.4294 69.9304 28.9658 70.394C28.5022 70.8576 28.2418 71.4863 28.2418 72.1419C28.2418 72.7975 28.5022 73.4262 28.9658 73.8898C29.4294 74.3534 30.0581 74.6138 30.7137 74.6139ZM82.4938 59.23H14.2561C13.9376 59.239 13.6206 59.1829 13.3245 59.0651C13.0284 58.9473 12.7595 58.7704 12.5342 58.5451C12.3088 58.3198 12.1319 58.0508 12.0141 57.7547C11.8963 57.4587 11.8402 57.1416 11.8492 56.8231C11.8405 56.5016 11.8964 56.1816 12.0134 55.8821C12.1305 55.5825 12.3064 55.3095 12.5307 55.079C12.7551 54.8486 13.0234 54.6655 13.3197 54.5405C13.6161 54.4155 13.9344 54.3511 14.2561 54.3513H82.4938C83.1381 54.3682 83.7502 54.6361 84.1998 55.0978C84.6494 55.5596 84.9009 56.1786 84.9007 56.8231C84.9007 57.4615 84.6471 58.0737 84.1957 58.5251C83.7444 58.9764 83.1322 59.23 82.4938 59.23ZM96.4144 59.23H116.385C116.703 59.239 117.02 59.1829 117.316 59.0651C117.613 58.9473 117.881 58.7704 118.107 58.5451C118.332 58.3198 118.509 58.0508 118.627 57.7547C118.745 57.4587 118.801 57.1416 118.792 56.8231C118.8 56.5016 118.745 56.1816 118.628 55.8821C118.51 55.5825 118.335 55.3095 118.11 55.079C117.886 54.8486 117.618 54.6655 117.321 54.5405C117.025 54.4155 116.706 54.3511 116.385 54.3513H96.4144C95.7588 54.3513 95.1301 54.6116 94.6665 55.0752C94.2029 55.5388 93.9425 56.1675 93.9425 56.8231C93.9424 57.1447 94.0067 57.4632 94.1317 57.7595C94.2567 58.0558 94.4399 58.3241 94.6703 58.5485C94.9007 58.7728 95.1738 58.9488 95.4734 59.0658C95.7729 59.1829 96.0929 59.2387 96.4144 59.23Z" fill="url(#paint1_linear_203_244)"/>
 9 | <path fill-rule="evenodd" clip-rule="evenodd" d="M107.374 54.3513C106.626 56.1317 105.615 57.7742 104.389 59.23H96.4143C96.0928 59.2387 95.7728 59.1829 95.4732 59.0658C95.1737 58.9488 94.9006 58.7728 94.6702 58.5485C94.4398 58.3241 94.2566 58.0558 94.1316 57.7595C94.0066 57.4632 93.9423 57.1447 93.9424 56.8231C93.9424 56.1675 94.2028 55.5388 94.6664 55.0752C95.13 54.6116 95.7587 54.3513 96.4143 54.3513H107.374ZM40.8616 47.9113H98.9515C99.3052 47.9693 99.6673 47.9496 100.013 47.8537C100.358 47.7578 100.678 47.5879 100.952 47.3558C101.225 47.1238 101.444 46.8351 101.595 46.5098C101.745 46.1845 101.823 45.8303 101.823 45.4719C101.823 45.1135 101.745 44.7593 101.595 44.434C101.444 44.1087 101.225 43.82 100.952 43.588C100.678 43.3559 100.358 43.1861 100.013 43.0901C99.6673 42.9942 99.3052 42.9746 98.9515 43.0325H40.8616C40.5079 42.9746 40.1458 42.9942 39.8004 43.0901C39.4551 43.1861 39.1347 43.3559 38.8615 43.588C38.5884 43.82 38.3689 44.1087 38.2184 44.434C38.068 44.7593 37.99 45.1135 37.99 45.4719C37.99 45.8303 38.068 46.1845 38.2184 46.5098C38.3689 46.8351 38.5884 47.1238 38.8615 47.3558C39.1347 47.5879 39.4551 47.7578 39.8004 47.8537C40.1458 47.9496 40.5079 47.9693 40.8616 47.9113ZM14.2559 59.23H82.4937C83.132 59.23 83.7442 58.9764 84.1956 58.5251C84.647 58.0737 84.9005 57.4615 84.9005 56.8231C84.9008 56.1786 84.6493 55.5596 84.1997 55.0978C83.7501 54.6361 83.138 54.3682 82.4937 54.3513H14.2559C13.9343 54.3511 13.616 54.4155 13.3196 54.5405C13.0233 54.6655 12.755 54.8486 12.5306 55.079C12.3063 55.3095 12.1303 55.5825 12.0133 55.8821C11.8962 56.1816 11.8404 56.5016 11.8491 56.8231C11.8401 57.1416 11.8962 57.4587 12.014 57.7547C12.1318 58.0508 12.3087 58.3198 12.534 58.5451C12.7594 58.7704 13.0283 58.9473 13.3244 59.0651C13.6205 59.1829 13.9374 59.239 14.2559 59.23Z" fill="#E0F3FE"/>
10 | <defs>
11 | <filter id="filter0_f_203_244" x="0.848267" y="36" width="107" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
12 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
13 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
14 | <feGaussianBlur stdDeviation="11" result="effect1_foregroundBlur_203_244"/>
15 | </filter>
16 | <filter id="filter1_bi_203_244" x="-6.15173" y="-7" width="122" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
17 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
18 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
19 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_244"/>
20 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_244" result="shape"/>
21 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
22 | <feOffset dy="2"/>
23 | <feGaussianBlur stdDeviation="4"/>
24 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
25 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
26 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_244"/>
27 | </filter>
28 | <linearGradient id="paint0_linear_203_244" x1="56.8483" y1="89.5" x2="97.3483" y2="1.95655e-07" gradientUnits="userSpaceOnUse">
29 | <stop stop-color="#0082DF"/>
30 | <stop offset="0.299998" stop-color="#48B2FF" stop-opacity="0.75"/>
31 | <stop offset="1" stop-color="#3BADFF" stop-opacity="0"/>
32 | </linearGradient>
33 | <linearGradient id="paint1_linear_203_244" x1="70.4999" y1="-38.5" x2="70.4999" y2="77.5" gradientUnits="userSpaceOnUse">
34 | <stop stop-color="#D7F0FF"/>
35 | <stop offset="1" stop-color="#0072DC"/>
36 | </linearGradient>
37 | </defs>
38 | </svg>
39 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/heavyfreezingrain.svg:
--------------------------------------------------------------------------------
 1 | <svg width="108" height="100" viewBox="0 0 108 100" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_f_203_784)">
 3 | <ellipse cx="53.5" cy="67.5488" rx="31.5" ry="9.5" fill="#4DB4FF"/>
 4 | </g>
 5 | <g filter="url(#filter1_bi_203_784)">
 6 | <path fill-rule="evenodd" clip-rule="evenodd" d="M77 30.0488C77 30.837 76.9696 31.6182 76.9099 32.3911C80.1949 29.6785 84.4071 28.0488 89 28.0488C99.4934 28.0488 108 36.5554 108 47.0488C108 57.2068 100.029 65.503 90 66.023V66.0488H89H19H17V65.9448C7.44667 64.9454 0 56.8668 0 47.0488C0 37.2106 7.47752 29.1188 17.0593 28.1467C18.0405 12.4644 31.0704 0.0488281 47 0.0488281C63.5685 0.0488281 77 13.4803 77 30.0488Z" fill="url(#paint0_linear_203_784)"/>
 7 | </g>
 8 | <path fill-rule="evenodd" clip-rule="evenodd" d="M41 41.0488C42.3807 41.0488 43.5 42.1681 43.5 43.5488L43.5 58.5488C43.5 59.9295 42.3807 61.0488 41 61.0488C39.6193 61.0488 38.5 59.9295 38.5 58.5488L38.5 43.5488C38.5 42.1681 39.6193 41.0488 41 41.0488ZM67 46.0488C68.3807 46.0488 69.5 47.1681 69.5 48.5488V76.5488C69.5 77.9295 68.3807 79.0488 67 79.0488C65.6193 79.0488 64.5 77.9295 64.5 76.5488V48.5488C64.5 47.1681 65.6193 46.0488 67 46.0488ZM54 53.0488C55.3807 53.0488 56.5 54.1681 56.5 55.5488V64.5488C56.5 65.9295 55.3807 67.0488 54 67.0488C52.6193 67.0488 51.5 65.9295 51.5 64.5488V55.5488C51.5 54.1681 52.6193 53.0488 54 53.0488ZM54 73.0488C55.3807 73.0488 56.5 74.1681 56.5 75.5488V93.5488C56.5 94.9295 55.3807 96.0488 54 96.0488C52.6193 96.0488 51.5 94.9295 51.5 93.5488V75.5488C51.5 74.1681 52.6193 73.0488 54 73.0488ZM69.5 86.5488C69.5 85.1681 68.3807 84.0488 67 84.0488C65.6193 84.0488 64.5 85.1681 64.5 86.5488V93.5488C64.5 94.9295 65.6193 96.0488 67 96.0488C68.3807 96.0488 69.5 94.9295 69.5 93.5488V86.5488ZM82.5 60.5488C82.5 59.1681 81.3807 58.0488 80 58.0488C78.6193 58.0488 77.5 59.1681 77.5 60.5488V67.5488C77.5 68.9295 78.6193 70.0488 80 70.0488C81.3807 70.0488 82.5 68.9295 82.5 67.5488V60.5488ZM80 76.0488C81.3807 76.0488 82.5 77.1681 82.5 78.5488V93.5488C82.5 94.9295 81.3807 96.0488 80 96.0488C78.6193 96.0488 77.5 94.9295 77.5 93.5488V78.5488C77.5 77.1681 78.6193 76.0488 80 76.0488ZM43.5 68.5488C43.5 67.1681 42.3807 66.0488 41 66.0488C39.6193 66.0488 38.5 67.1681 38.5 68.5488V75.5488C38.5 76.9295 39.6193 78.0488 41 78.0488C42.3807 78.0488 43.5 76.9295 43.5 75.5488V68.5488ZM43.5 86.5488C43.5 85.1681 42.3807 84.0488 41 84.0488C39.6193 84.0488 38.5 85.1681 38.5 86.5488V93.5488C38.5 94.9295 39.6193 96.0488 41 96.0488C42.3807 96.0488 43.5 94.9295 43.5 93.5488V86.5488ZM27 51.0488C28.3807 51.0488 29.5 52.1681 29.5 53.5488L29.5 61.5488C29.5 62.9295 28.3807 64.0488 27 64.0488C25.6193 64.0488 24.5 62.9295 24.5 61.5488V53.5488C24.5 52.1681 25.6193 51.0488 27 51.0488ZM29.5 73.5488C29.5 72.1681 28.3807 71.0488 27 71.0488C25.6193 71.0488 24.5 72.1681 24.5 73.5488V93.5488C24.5 94.9295 25.6193 96.0488 27 96.0488C28.3807 96.0488 29.5 94.9295 29.5 93.5488L29.5 73.5488Z" fill="url(#paint1_linear_203_784)"/>
 9 | <path fill-rule="evenodd" clip-rule="evenodd" d="M56.0002 66.0488H51.9998C51.686 65.631 51.5 65.1116 51.5 64.5488V55.5488C51.5 54.1681 52.6193 53.0488 54 53.0488C55.3807 53.0488 56.5 54.1681 56.5 55.5488V64.5488C56.5 65.1116 56.314 65.631 56.0002 66.0488ZM69.5 66.0488H64.5V48.5488C64.5 47.1681 65.6193 46.0488 67 46.0488C68.3807 46.0488 69.5 47.1681 69.5 48.5488V66.0488ZM82.5 66.0488H77.5V60.5488C77.5 59.1681 78.6193 58.0488 80 58.0488C81.3807 58.0488 82.5 59.1681 82.5 60.5488V66.0488ZM43.5 43.5488C43.5 42.1681 42.3807 41.0488 41 41.0488C39.6193 41.0488 38.5 42.1681 38.5 43.5488L38.5 58.5488C38.5 59.9295 39.6193 61.0488 41 61.0488C42.3807 61.0488 43.5 59.9295 43.5 58.5488L43.5 43.5488ZM29.5 53.5488C29.5 52.1681 28.3807 51.0488 27 51.0488C25.6193 51.0488 24.5 52.1681 24.5 53.5488V61.5488C24.5 62.9295 25.6193 64.0488 27 64.0488C28.3807 64.0488 29.5 62.9295 29.5 61.5488L29.5 53.5488Z" fill="#E0F3FE"/>
10 | <defs>
11 | <filter id="filter0_f_203_784" x="0" y="36.0488" width="107" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
12 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
13 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
14 | <feGaussianBlur stdDeviation="11" result="effect1_foregroundBlur_203_784"/>
15 | </filter>
16 | <filter id="filter1_bi_203_784" x="-7" y="-6.95117" width="122" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
17 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
18 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
19 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_784"/>
20 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_784" result="shape"/>
21 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
22 | <feOffset dy="2"/>
23 | <feGaussianBlur stdDeviation="4"/>
24 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
25 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
26 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_784"/>
27 | </filter>
28 | <linearGradient id="paint0_linear_203_784" x1="56" y1="89.5488" x2="96.5" y2="0.0488283" gradientUnits="userSpaceOnUse">
29 | <stop stop-color="#0082DF"/>
30 | <stop offset="0.299998" stop-color="#48B2FF" stop-opacity="0.75"/>
31 | <stop offset="1" stop-color="#3BADFF" stop-opacity="0"/>
32 | </linearGradient>
33 | <linearGradient id="paint1_linear_203_784" x1="53.5" y1="41.0488" x2="53.5" y2="96.0488" gradientUnits="userSpaceOnUse">
34 | <stop offset="0.168182" stop-color="#D7F0FF"/>
35 | <stop offset="1" stop-color="#0072DC"/>
36 | </linearGradient>
37 | </defs>
38 | </svg>
39 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/heavyrain.svg:
--------------------------------------------------------------------------------
 1 | <svg width="134" height="105" viewBox="0 0 134 105" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_bi_203_659)">
 3 | <mask id="path-1-inside-1_203_659" fill="white">
 4 | <path fill-rule="evenodd" clip-rule="evenodd" d="M113.046 21.2675C113.046 21.8004 113.025 22.3284 112.985 22.8509C115.206 21.0173 118.053 19.9157 121.157 19.9157C128.25 19.9157 134 25.6655 134 32.7583C134 39.6244 128.612 45.232 121.833 45.5834V45.6009H72.4905V45.5305C66.0333 44.8549 61 39.3944 61 32.7583C61 26.1084 66.0541 20.639 72.5306 19.9819C73.1938 9.38177 82.001 0.989746 92.7683 0.989746C103.967 0.989746 113.046 10.0684 113.046 21.2675Z"/>
 5 | </mask>
 6 | <path fill-rule="evenodd" clip-rule="evenodd" d="M113.046 21.2675C113.046 21.8004 113.025 22.3284 112.985 22.8509C115.206 21.0173 118.053 19.9157 121.157 19.9157C128.25 19.9157 134 25.6655 134 32.7583C134 39.6244 128.612 45.232 121.833 45.5834V45.6009H72.4905V45.5305C66.0333 44.8549 61 39.3944 61 32.7583C61 26.1084 66.0541 20.639 72.5306 19.9819C73.1938 9.38177 82.001 0.989746 92.7683 0.989746C103.967 0.989746 113.046 10.0684 113.046 21.2675Z" fill="url(#paint0_linear_203_659)"/>
 7 | <path d="M112.985 22.8509L111.988 22.7739L111.807 25.1209L113.622 23.622L112.985 22.8509ZM121.833 45.5834L121.781 44.5847L120.833 44.6339V45.5834H121.833ZM121.833 45.6009V46.6009H122.833V45.6009H121.833ZM72.4905 45.6009H71.4905V46.6009H72.4905V45.6009ZM72.4905 45.5305H73.4905V44.6297L72.5945 44.536L72.4905 45.5305ZM72.5306 19.9819L72.6315 20.9768L73.4756 20.8911L73.5286 20.0443L72.5306 19.9819ZM113.982 22.928C114.024 22.3799 114.046 21.8261 114.046 21.2675H112.046C112.046 21.7747 112.026 22.277 111.988 22.7739L113.982 22.928ZM121.157 18.9157C117.812 18.9157 114.741 20.1037 112.348 22.0799L113.622 23.622C115.67 21.9309 118.294 20.9157 121.157 20.9157V18.9157ZM135 32.7583C135 25.1132 128.802 18.9157 121.157 18.9157V20.9157C127.698 20.9157 133 26.2178 133 32.7583H135ZM121.885 46.582C129.192 46.2033 135 40.1593 135 32.7583H133C133 39.0894 128.031 44.2608 121.781 44.5847L121.885 46.582ZM120.833 45.5834V45.6009H122.833V45.5834H120.833ZM121.833 44.6009H72.4905V46.6009H121.833V44.6009ZM73.4905 45.6009V45.5305H71.4905V45.6009H73.4905ZM60 32.7583C60 39.9117 65.4253 45.7967 72.3864 46.5251L72.5945 44.536C66.6412 43.913 62 38.877 62 32.7583H60ZM72.4296 18.987C65.4478 19.6954 60 25.59 60 32.7583H62C62 26.6268 66.6604 21.5827 72.6315 20.9768L72.4296 18.987ZM92.7683 -0.0102539C81.4696 -0.0102539 72.2285 8.79564 71.5325 19.9194L73.5286 20.0443C74.1591 9.96789 82.5324 1.98975 92.7683 1.98975V-0.0102539ZM114.046 21.2675C114.046 9.51613 104.52 -0.0102539 92.7683 -0.0102539V1.98975C103.415 1.98975 112.046 10.6207 112.046 21.2675H114.046Z" fill="url(#paint1_linear_203_659)" fill-opacity="0.3" mask="url(#path-1-inside-1_203_659)"/>
 8 | </g>
 9 | <g filter="url(#filter1_f_203_659)">
10 | <ellipse cx="53.5" cy="73.4897" rx="31.5" ry="9.5" fill="#4DB4FF"/>
11 | </g>
12 | <g filter="url(#filter2_bi_203_659)">
13 | <path fill-rule="evenodd" clip-rule="evenodd" d="M77 35.9897C77 36.778 76.9696 37.5591 76.9099 38.332C80.1949 35.6194 84.4071 33.9897 89 33.9897C99.4934 33.9897 108 42.4963 108 52.9897C108 63.1477 100.029 71.4439 90 71.9639V71.9897H89H19H17V71.8857C7.44667 70.8863 0 62.8077 0 52.9897C0 43.1515 7.47752 35.0597 17.0593 34.0876C18.0405 18.4053 31.0704 5.98975 47 5.98975C63.5685 5.98975 77 19.4212 77 35.9897Z" fill="url(#paint2_linear_203_659)"/>
14 | </g>
15 | <path fill-rule="evenodd" clip-rule="evenodd" d="M27.3256 84.5675C27.732 84.8442 28.2092 84.9911 28.6969 84.9897C29.1384 84.9928 29.573 84.8775 29.9578 84.6554C30.3426 84.4333 30.6643 84.1119 30.891 83.7231L58.9342 37.0014C59.293 36.4029 59.4079 35.6835 59.254 34.9988C59.1 34.3141 58.6895 33.7191 58.1114 33.3425C57.5157 32.9985 56.8144 32.9016 56.1513 33.0717C55.4882 33.2418 54.9138 33.666 54.546 34.2572L26.5028 80.9086C26.3159 81.2022 26.1887 81.5315 26.1289 81.8768C26.0691 82.2221 26.0778 82.5762 26.1547 82.9179C26.2315 83.2596 26.3748 83.5819 26.5761 83.8654C26.7773 84.1488 27.0322 84.3876 27.3256 84.5675ZM8.60718 84.9897C8.11947 84.9911 7.64229 84.8442 7.23587 84.5675C6.9425 84.3876 6.68756 84.1488 6.48636 83.8654C6.28515 83.5819 6.14182 83.2596 6.06498 82.9179C5.98814 82.5762 5.97934 82.2221 6.03916 81.8768C6.09898 81.5315 6.22618 81.2022 6.41308 80.9086L26.5027 47.9782C26.678 47.6771 26.9107 47.4155 27.1869 47.209C27.4631 47.0026 27.7771 46.8555 28.1101 46.7766C28.4431 46.6978 28.7882 46.6888 29.1247 46.7501C29.4611 46.8115 29.782 46.942 30.0681 47.1338C30.6463 47.5104 31.0567 48.1054 31.2107 48.7901C31.3646 49.4749 31.2498 50.1943 30.8909 50.7928L10.8012 83.7231C10.5745 84.1119 10.2529 84.4333 9.86808 84.6554C9.48328 84.8775 9.04867 84.9928 8.60718 84.9897ZM50.2263 84.9897C49.7386 84.9911 49.2614 84.8442 48.855 84.5675C48.5616 84.3877 48.3067 84.1488 48.1055 83.8654C47.9043 83.5819 47.761 83.2596 47.6841 82.9179C47.6073 82.5762 47.5985 82.2221 47.6583 81.8768C47.7181 81.5315 47.8453 81.2022 48.0322 80.9086L62.2252 57.5477C62.5921 56.9544 63.172 56.5332 63.8392 56.3752C64.5064 56.2172 65.2074 56.3351 65.7906 56.7034C66.3688 57.0799 66.7792 57.6749 66.9332 58.3597C67.0872 59.0444 66.9723 59.7638 66.6134 60.3623L52.4204 83.7232C52.1887 84.1073 51.866 84.4249 51.4823 84.6464C51.0986 84.8679 50.6665 84.986 50.2263 84.9897Z" fill="url(#paint3_linear_203_659)"/>
16 | <path fill-rule="evenodd" clip-rule="evenodd" d="M17.9594 71.9897H17.0001V71.8857C15.4508 71.7237 13.9569 71.3754 12.5411 70.8637L26.5028 47.9782C26.678 47.6771 26.9107 47.4155 27.1869 47.209C27.4632 47.0026 27.7772 46.8555 28.1102 46.7766C28.4432 46.6978 28.7883 46.6888 29.1247 46.7501C29.4612 46.8115 29.7821 46.942 30.0682 47.1338C30.6463 47.5104 31.0567 48.1054 31.2107 48.7901C31.3647 49.4749 31.2498 50.1943 30.891 50.7928L17.9594 71.9897ZM31.8642 71.9897L54.5461 34.2572C54.9139 33.666 55.4883 33.2418 56.1513 33.0717C56.8144 32.9016 57.5158 32.9985 58.1114 33.3425C58.6896 33.7191 59.1 34.3141 59.254 34.9988C59.408 35.6835 59.2931 36.4029 58.9342 37.0014L37.9336 71.9897H31.8642ZM59.5491 71.9897H53.451L62.2253 57.5477C62.5922 56.9544 63.172 56.5332 63.8392 56.3752C64.5065 56.2172 65.2075 56.3351 65.7907 56.7034C66.3688 57.0799 66.7793 57.6749 66.9333 58.3597C67.0872 59.0444 66.9723 59.7638 66.6135 60.3623L59.5491 71.9897Z" fill="#E0F3FE"/>
17 | <defs>
18 | <filter id="filter0_bi_203_659" x="54" y="-6.01025" width="87" height="58.6111" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
19 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
20 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
21 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_659"/>
22 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_659" result="shape"/>
23 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
24 | <feOffset dy="2"/>
25 | <feGaussianBlur stdDeviation="4"/>
26 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
27 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
28 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_659"/>
29 | </filter>
30 | <filter id="filter1_f_203_659" x="0" y="41.9897" width="107" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
31 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
32 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
33 | <feGaussianBlur stdDeviation="11" result="effect1_foregroundBlur_203_659"/>
34 | </filter>
35 | <filter id="filter2_bi_203_659" x="-7" y="-1.01025" width="122" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
36 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
37 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
38 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_659"/>
39 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_659" result="shape"/>
40 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
41 | <feOffset dy="2"/>
42 | <feGaussianBlur stdDeviation="4"/>
43 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
44 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
45 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_659"/>
46 | </filter>
47 | <linearGradient id="paint0_linear_203_659" x1="79.5" y1="55.4897" x2="159.5" y2="-25.0103" gradientUnits="userSpaceOnUse">
48 | <stop stop-color="#0082DF"/>
49 | <stop offset="0.8818" stop-color="#3BADFF" stop-opacity="0"/>
50 | </linearGradient>
51 | <linearGradient id="paint1_linear_203_659" x1="79" y1="-2.01026" x2="129" y2="53.4897" gradientUnits="userSpaceOnUse">
52 | <stop stop-color="#0699D7"/>
53 | <stop offset="1" stop-color="#0699D7" stop-opacity="0"/>
54 | </linearGradient>
55 | <linearGradient id="paint2_linear_203_659" x1="56" y1="95.4897" x2="96.5" y2="5.98975" gradientUnits="userSpaceOnUse">
56 | <stop stop-color="#0082DF"/>
57 | <stop offset="0.299998" stop-color="#48B2FF" stop-opacity="0.75"/>
58 | <stop offset="1" stop-color="#3BADFF" stop-opacity="0"/>
59 | </linearGradient>
60 | <linearGradient id="paint3_linear_203_659" x1="36.5" y1="32.9897" x2="36.5" y2="84.9897" gradientUnits="userSpaceOnUse">
61 | <stop stop-color="#D7F0FF"/>
62 | <stop offset="1" stop-color="#0072DC"/>
63 | </linearGradient>
64 | </defs>
65 | </svg>
66 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/heavysnowfall.svg:
--------------------------------------------------------------------------------
 1 | <svg width="108" height="104" viewBox="0 0 108 104" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_f_203_960)">
 3 | <ellipse cx="53.5" cy="67.9565" rx="31.5" ry="9.5" fill="#4DB4FF"/>
 4 | </g>
 5 | <path fill-rule="evenodd" clip-rule="evenodd" d="M41.8166 56.2724C41.8166 54.7172 40.556 53.4565 39.0008 53.4565C37.4457 53.4565 36.185 54.7172 36.185 56.2723V59.6595L33.79 57.2644C32.6903 56.1648 30.9074 56.1648 29.8078 57.2644C28.7082 58.3641 28.7082 60.1469 29.8078 61.2466L32.203 63.6417H28.8158C27.2607 63.6417 26 64.9024 26 66.4575C26 68.0127 27.2607 69.2733 28.8158 69.2733H32.2028L29.8077 71.6685C28.7081 72.7681 28.7081 74.551 29.8077 75.6506C30.9074 76.7502 32.6902 76.7502 33.7899 75.6506L36.185 73.2555V76.6427C36.185 78.1979 37.4457 79.4585 39.0008 79.4585C40.556 79.4585 41.8166 78.1979 41.8166 76.6427V73.2554L44.2118 75.6506C45.3115 76.7502 47.0944 76.7502 48.194 75.6506C49.2936 74.551 49.2936 72.7681 48.194 71.6685L45.7989 69.2733H49.1862C50.7413 69.2733 52.002 68.0127 52.002 66.4575C52.002 64.9024 50.7413 63.6417 49.1862 63.6417H45.7988L48.1939 61.2466C49.2936 60.1469 49.2936 58.3641 48.1939 57.2644C47.0943 56.1648 45.3114 56.1648 44.2118 57.2644L41.8166 59.6595V56.2724Z" fill="url(#paint0_linear_203_960)"/>
 6 | <path fill-rule="evenodd" clip-rule="evenodd" d="M76.2649 50.6956C76.2649 48.9067 74.8147 47.4565 73.0258 47.4565C71.2369 47.4565 69.7868 48.9067 69.7868 50.6956V54.6354L67.0009 51.8496C65.736 50.5847 63.6851 50.5847 62.4202 51.8496C61.1553 53.1145 61.1553 55.1654 62.4202 56.4303L65.2063 59.2164H61.2662C59.4773 59.2164 58.0271 60.6666 58.0271 62.4555C58.0271 64.2444 59.4773 65.6946 61.2662 65.6946H65.206L62.4199 68.4807C61.155 69.7456 61.155 71.7965 62.4199 73.0614C63.6849 74.3263 65.7357 74.3263 67.0006 73.0614L69.7868 70.2753V74.2155C69.7868 76.0044 71.2369 77.4545 73.0258 77.4545C74.8147 77.4545 76.2649 76.0044 76.2649 74.2155V70.275L79.0513 73.0614C80.3162 74.3263 82.3671 74.3263 83.632 73.0614C84.8969 71.7965 84.8969 69.7456 83.632 68.4807L80.8459 65.6946H84.786C86.5749 65.6946 88.0251 64.2444 88.0251 62.4555C88.0251 60.6666 86.5749 59.2164 84.786 59.2164H80.8456L83.6317 56.4303C84.8966 55.1654 84.8966 53.1145 83.6317 51.8496C82.3668 50.5847 80.3159 50.5847 79.051 51.8496L76.2649 54.6357V50.6956Z" fill="url(#paint1_linear_203_960)"/>
 7 | <path fill-rule="evenodd" clip-rule="evenodd" d="M63.3741 83.8318C63.3741 82.52 62.3106 81.4565 60.9988 81.4565C59.687 81.4565 58.6235 82.52 58.6235 83.8318V86.7209L56.5806 84.678C55.653 83.7504 54.1491 83.7504 53.2215 84.678C52.2939 85.6056 52.2939 87.1096 53.2215 88.0372L55.2646 90.0803H52.3753C51.0634 90.0803 50 91.1437 50 92.4555C50 93.7673 51.0634 94.8308 52.3753 94.8308H55.2644L53.2213 96.8739C52.2937 97.8015 52.2937 99.3054 53.2213 100.233C54.1489 101.161 55.6529 101.161 56.5804 100.233L58.6235 98.1899V101.079C58.6235 102.391 59.687 103.455 60.9988 103.455C62.3106 103.455 63.3741 102.391 63.3741 101.079V98.1897L65.4173 100.233C66.3449 101.161 67.8489 101.161 68.7765 100.233C69.7041 99.3054 69.7041 97.8015 68.7765 96.8739L66.7334 94.8308H69.6227C70.9346 94.8308 71.998 93.7673 71.998 92.4555C71.998 91.1437 70.9346 90.0803 69.6227 90.0803H66.7332L68.7763 88.0372C69.7039 87.1096 69.7039 85.6056 68.7763 84.678C67.8487 83.7504 66.3447 83.7504 65.4171 84.678L63.3741 86.7211V83.8318Z" fill="url(#paint2_linear_203_960)"/>
 8 | <g filter="url(#filter1_bi_203_960)">
 9 | <path fill-rule="evenodd" clip-rule="evenodd" d="M77 30.4565C77 31.2448 76.9696 32.0259 76.9099 32.7988C80.1949 30.0862 84.4071 28.4565 89 28.4565C99.4934 28.4565 108 36.9631 108 47.4565C108 57.6145 100.029 65.9107 90 66.4307V66.4565H89H19H17V66.3525C7.44667 65.3531 0 57.2745 0 47.4565C0 37.6183 7.47752 29.5265 17.0593 28.5544C18.0405 12.8721 31.0704 0.456543 47 0.456543C63.5685 0.456543 77 13.888 77 30.4565Z" fill="url(#paint3_linear_203_960)"/>
10 | </g>
11 | <path fill-rule="evenodd" clip-rule="evenodd" d="M52.0021 66.4565H26.0001C26.0007 64.9019 27.2611 63.6417 28.8159 63.6417H32.2031L29.8079 61.2466C28.7083 60.1469 28.7083 58.3641 29.8079 57.2644C30.9076 56.1648 32.6904 56.1648 33.7901 57.2644L36.1851 59.6595V56.2723C36.1851 54.7172 37.4458 53.4565 39.0009 53.4565C40.5561 53.4565 41.8168 54.7172 41.8168 56.2724V59.6595L44.2119 57.2644C45.3115 56.1648 47.0944 56.1648 48.194 57.2644C49.2937 58.3641 49.2937 60.1469 48.194 61.2466L45.7989 63.6417H49.1863C50.7411 63.6417 52.0016 64.9019 52.0021 66.4565Z" fill="#E0F3FE"/>
12 | <defs>
13 | <filter id="filter0_f_203_960" x="0" y="36.4565" width="107" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
14 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
15 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
16 | <feGaussianBlur stdDeviation="11" result="effect1_foregroundBlur_203_960"/>
17 | </filter>
18 | <filter id="filter1_bi_203_960" x="-7" y="-6.54346" width="122" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
19 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
20 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
21 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_960"/>
22 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_960" result="shape"/>
23 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
24 | <feOffset dy="2"/>
25 | <feGaussianBlur stdDeviation="4"/>
26 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
27 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
28 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_960"/>
29 | </filter>
30 | <linearGradient id="paint0_linear_203_960" x1="29.7119" y1="74.1962" x2="54.4073" y2="53.3524" gradientUnits="userSpaceOnUse">
31 | <stop stop-color="#0056D6"/>
32 | <stop offset="1" stop-color="#ADD8FF"/>
33 | </linearGradient>
34 | <linearGradient id="paint1_linear_203_960" x1="62.3094" y1="71.3835" x2="90.8" y2="47.3364" gradientUnits="userSpaceOnUse">
35 | <stop stop-color="#0056D6"/>
36 | <stop offset="1" stop-color="#ADD8FF"/>
37 | </linearGradient>
38 | <linearGradient id="paint2_linear_203_960" x1="53.1403" y1="99.0026" x2="74.0329" y2="81.3684" gradientUnits="userSpaceOnUse">
39 | <stop stop-color="#0056D6"/>
40 | <stop offset="1" stop-color="#ADD8FF"/>
41 | </linearGradient>
42 | <linearGradient id="paint3_linear_203_960" x1="56" y1="89.9565" x2="96.5" y2="0.456543" gradientUnits="userSpaceOnUse">
43 | <stop stop-color="#0082DF"/>
44 | <stop offset="0.299998" stop-color="#48B2FF" stop-opacity="0.75"/>
45 | <stop offset="1" stop-color="#3BADFF" stop-opacity="0"/>
46 | </linearGradient>
47 | </defs>
48 | </svg>
49 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/heavysnowshowers.svg:
--------------------------------------------------------------------------------
 1 | <svg width="108" height="104" viewBox="0 0 108 104" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_f_203_1080)">
 3 | <ellipse cx="53.5" cy="68.1753" rx="31.5" ry="9.5" fill="#4DB4FF"/>
 4 | </g>
 5 | <path fill-rule="evenodd" clip-rule="evenodd" d="M41.8166 56.4911C41.8166 54.936 40.556 53.6753 39.0008 53.6753C37.4457 53.6753 36.185 54.936 36.185 56.4911V59.8782L33.79 57.4832C32.6903 56.3835 30.9074 56.3835 29.8078 57.4832C28.7082 58.5828 28.7082 60.3657 29.8078 61.4653L32.203 63.8605H28.8158C27.2607 63.8605 26 65.1212 26 66.6763C26 68.2314 27.2607 69.4921 28.8158 69.4921H32.2028L29.8077 71.8872C28.7081 72.9868 28.7081 74.7697 29.8077 75.8694C30.9074 76.969 32.6902 76.969 33.7899 75.8694L36.185 73.4742V76.8615C36.185 78.4166 37.4457 79.6773 39.0008 79.6773C40.556 79.6773 41.8166 78.4166 41.8166 76.8615V73.4742L44.2118 75.8694C45.3115 76.969 47.0944 76.969 48.194 75.8694C49.2936 74.7697 49.2936 72.9868 48.194 71.8872L45.7989 69.4921H49.1862C50.7413 69.4921 52.002 68.2314 52.002 66.6763C52.002 65.1212 50.7413 63.8605 49.1862 63.8605H45.7988L48.1939 61.4653C49.2936 60.3657 49.2936 58.5828 48.1939 57.4832C47.0943 56.3835 45.3114 56.3835 44.2118 57.4832L41.8166 59.8783V56.4911Z" fill="url(#paint0_linear_203_1080)"/>
 6 | <path fill-rule="evenodd" clip-rule="evenodd" d="M76.2649 50.9144C76.2649 49.1255 74.8147 47.6753 73.0258 47.6753C71.2369 47.6753 69.7868 49.1255 69.7868 50.9144V54.8542L67.0009 52.0684C65.736 50.8034 63.6851 50.8034 62.4202 52.0684C61.1553 53.3333 61.1553 55.3841 62.4202 56.6491L65.2063 59.4352H61.2662C59.4773 59.4352 58.0271 60.8854 58.0271 62.6743C58.0271 64.4631 59.4773 65.9133 61.2662 65.9133H65.206L62.4199 68.6994C61.155 69.9643 61.155 72.0152 62.4199 73.2801C63.6849 74.5451 65.7357 74.5451 67.0006 73.2801L69.7868 70.494V74.4342C69.7868 76.2231 71.2369 77.6733 73.0258 77.6733C74.8147 77.6733 76.2649 76.2231 76.2649 74.4342V70.4938L79.0513 73.2801C80.3162 74.5451 82.3671 74.5451 83.632 73.2801C84.8969 72.0152 84.8969 69.9643 83.632 68.6994L80.8459 65.9133H84.786C86.5749 65.9133 88.0251 64.4631 88.0251 62.6743C88.0251 60.8854 86.5749 59.4352 84.786 59.4352H80.8456L83.6317 56.6491C84.8966 55.3841 84.8966 53.3333 83.6317 52.0684C82.3668 50.8034 80.3159 50.8034 79.051 52.0684L76.2649 54.8544V50.9144Z" fill="url(#paint1_linear_203_1080)"/>
 7 | <path fill-rule="evenodd" clip-rule="evenodd" d="M63.3741 84.0505C63.3741 82.7387 62.3106 81.6753 60.9988 81.6753C59.687 81.6753 58.6235 82.7387 58.6235 84.0505V86.9397L56.5806 84.8968C55.653 83.9692 54.1491 83.9692 53.2215 84.8968C52.2939 85.8244 52.2939 87.3283 53.2215 88.2559L55.2646 90.299H52.3753C51.0634 90.299 50 91.3625 50 92.6743C50 93.9861 51.0634 95.0495 52.3753 95.0495H55.2644L53.2213 97.0926C52.2937 98.0202 52.2937 99.5241 53.2213 100.452C54.1489 101.379 55.6529 101.379 56.5804 100.452L58.6235 98.4086V101.298C58.6235 102.61 59.687 103.673 60.9988 103.673C62.3106 103.673 63.3741 102.61 63.3741 101.298V98.4084L65.4173 100.452C66.3449 101.379 67.8489 101.379 68.7765 100.452C69.7041 99.5241 69.7041 98.0202 68.7765 97.0926L66.7334 95.0495H69.6227C70.9346 95.0495 71.998 93.9861 71.998 92.6743C71.998 91.3625 70.9346 90.299 69.6227 90.299H66.7332L68.7763 88.2559C69.7039 87.3283 69.7039 85.8244 68.7763 84.8968C67.8487 83.9692 66.3447 83.9692 65.4171 84.8968L63.3741 86.9399V84.0505Z" fill="url(#paint2_linear_203_1080)"/>
 8 | <g filter="url(#filter1_bi_203_1080)">
 9 | <path fill-rule="evenodd" clip-rule="evenodd" d="M77 30.6753C77 31.4635 76.9696 32.2446 76.9099 33.0175C80.1949 30.3049 84.4071 28.6753 89 28.6753C99.4934 28.6753 108 37.1819 108 47.6753C108 57.8333 100.029 66.1294 90 66.6494V66.6753H89H19H17V66.5713C7.44667 65.5719 0 57.4932 0 47.6753C0 37.837 7.47752 29.7453 17.0593 28.7732C18.0405 13.0909 31.0704 0.675293 47 0.675293C63.5685 0.675293 77 14.1068 77 30.6753Z" fill="url(#paint3_linear_203_1080)"/>
10 | </g>
11 | <path fill-rule="evenodd" clip-rule="evenodd" d="M52.0021 66.6753H26.0001C26.0007 65.1206 27.2611 63.8605 28.8159 63.8605H32.2031L29.8079 61.4653C28.7083 60.3657 28.7083 58.5828 29.8079 57.4832C30.9076 56.3835 32.6904 56.3835 33.7901 57.4832L36.1851 59.8782V56.4911C36.1851 54.936 37.4458 53.6753 39.0009 53.6753C40.5561 53.6753 41.8168 54.936 41.8168 56.4911V59.8783L44.2119 57.4832C45.3115 56.3835 47.0944 56.3835 48.194 57.4832C49.2937 58.5828 49.2937 60.3657 48.194 61.4653L45.7989 63.8605H49.1863C50.7411 63.8605 52.0016 65.1206 52.0021 66.6753Z" fill="#E0F3FE"/>
12 | <defs>
13 | <filter id="filter0_f_203_1080" x="0" y="36.6753" width="107" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
14 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
15 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
16 | <feGaussianBlur stdDeviation="11" result="effect1_foregroundBlur_203_1080"/>
17 | </filter>
18 | <filter id="filter1_bi_203_1080" x="-7" y="-6.32471" width="122" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
19 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
20 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
21 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_1080"/>
22 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_1080" result="shape"/>
23 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
24 | <feOffset dy="2"/>
25 | <feGaussianBlur stdDeviation="4"/>
26 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
27 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
28 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_1080"/>
29 | </filter>
30 | <linearGradient id="paint0_linear_203_1080" x1="29.7119" y1="74.415" x2="54.4073" y2="53.5711" gradientUnits="userSpaceOnUse">
31 | <stop stop-color="#0056D6"/>
32 | <stop offset="1" stop-color="#ADD8FF"/>
33 | </linearGradient>
34 | <linearGradient id="paint1_linear_203_1080" x1="62.3094" y1="71.6023" x2="90.8" y2="47.5551" gradientUnits="userSpaceOnUse">
35 | <stop stop-color="#0056D6"/>
36 | <stop offset="1" stop-color="#ADD8FF"/>
37 | </linearGradient>
38 | <linearGradient id="paint2_linear_203_1080" x1="53.1403" y1="99.2213" x2="74.0329" y2="81.5872" gradientUnits="userSpaceOnUse">
39 | <stop stop-color="#0056D6"/>
40 | <stop offset="1" stop-color="#ADD8FF"/>
41 | </linearGradient>
42 | <linearGradient id="paint3_linear_203_1080" x1="56" y1="90.1753" x2="96.5" y2="0.675293" gradientUnits="userSpaceOnUse">
43 | <stop stop-color="#0082DF"/>
44 | <stop offset="0.299998" stop-color="#48B2FF" stop-opacity="0.75"/>
45 | <stop offset="1" stop-color="#3BADFF" stop-opacity="0"/>
46 | </linearGradient>
47 | </defs>
48 | </svg>
49 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/lightdrizzle.svg:
--------------------------------------------------------------------------------
 1 | <svg width="108" height="99" viewBox="0 0 108 99" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_f_203_294)">
 3 | <ellipse cx="53.5" cy="67.5" rx="31.5" ry="9.5" fill="#4DB4FF"/>
 4 | </g>
 5 | <g filter="url(#filter1_bi_203_294)">
 6 | <path fill-rule="evenodd" clip-rule="evenodd" d="M77 30C77 30.7882 76.9696 31.5693 76.9099 32.3422C80.1949 29.6296 84.4071 28 89 28C99.4934 28 108 36.5066 108 47C108 57.158 100.029 65.4541 90 65.9741V66H89H19H17V65.896C7.44667 64.8966 0 56.8179 0 47C0 37.1618 7.47752 29.07 17.0593 28.0979C18.0405 12.4156 31.0704 0 47 0C63.5685 0 77 13.4315 77 30Z" fill="url(#paint0_linear_203_294)"/>
 7 | </g>
 8 | <path fill-rule="evenodd" clip-rule="evenodd" d="M33.2648 52.6324C33.2648 54.6385 31.6385 56.2648 29.6324 56.2648C27.6263 56.2648 26 54.6385 26 52.6324C26 50.6263 27.6263 49 29.6324 49C31.6385 49 33.2648 50.6263 33.2648 52.6324ZM33.2648 65.8972C33.2648 67.9033 31.6385 69.5295 29.6324 69.5295C27.6263 69.5295 26 67.9033 26 65.8972C26 63.891 27.6263 62.2648 29.6324 62.2648C31.6385 62.2648 33.2648 63.891 33.2648 65.8972ZM29.6324 82.7943C31.6385 82.7943 33.2648 81.168 33.2648 79.1619C33.2648 77.1558 31.6385 75.5295 29.6324 75.5295C27.6263 75.5295 26 77.1558 26 79.1619C26 81.168 27.6263 82.7943 29.6324 82.7943ZM33.2648 92.4266C33.2648 94.4327 31.6385 96.059 29.6324 96.059C27.6263 96.059 26 94.4327 26 92.4266C26 90.4205 27.6263 88.7943 29.6324 88.7943C31.6385 88.7943 33.2648 90.4205 33.2648 92.4266ZM45.897 56.2648C47.9032 56.2648 49.5294 54.6385 49.5294 52.6324C49.5294 50.6263 47.9032 49 45.897 49C43.8909 49 42.2646 50.6263 42.2646 52.6324C42.2646 54.6385 43.8909 56.2648 45.897 56.2648ZM49.5294 65.8972C49.5294 67.9033 47.9032 69.5295 45.897 69.5295C43.8909 69.5295 42.2646 67.9033 42.2646 65.8972C42.2646 63.891 43.8909 62.2648 45.897 62.2648C47.9032 62.2648 49.5294 63.891 49.5294 65.8972ZM45.897 82.7943C47.9032 82.7943 49.5294 81.168 49.5294 79.1619C49.5294 77.1558 47.9032 75.5295 45.897 75.5295C43.8909 75.5295 42.2646 77.1558 42.2646 79.1619C42.2646 81.168 43.8909 82.7943 45.897 82.7943ZM49.5294 92.4266C49.5294 94.4327 47.9032 96.059 45.897 96.059C43.8909 96.059 42.2646 94.4327 42.2646 92.4266C42.2646 90.4205 43.8909 88.7943 45.897 88.7943C47.9032 88.7943 49.5294 90.4205 49.5294 92.4266ZM62.1619 56.2648C64.168 56.2648 65.7943 54.6385 65.7943 52.6324C65.7943 50.6263 64.168 49 62.1619 49C60.1558 49 58.5295 50.6263 58.5295 52.6324C58.5295 54.6385 60.1558 56.2648 62.1619 56.2648ZM65.7943 65.8972C65.7943 67.9033 64.168 69.5295 62.1619 69.5295C60.1558 69.5295 58.5295 67.9033 58.5295 65.8972C58.5295 63.891 60.1558 62.2648 62.1619 62.2648C64.168 62.2648 65.7943 63.891 65.7943 65.8972ZM62.1619 82.7943C64.168 82.7943 65.7943 81.168 65.7943 79.1619C65.7943 77.1558 64.168 75.5295 62.1619 75.5295C60.1558 75.5295 58.5295 77.1558 58.5295 79.1619C58.5295 81.168 60.1558 82.7943 62.1619 82.7943ZM65.7943 92.4266C65.7943 94.4327 64.168 96.059 62.1619 96.059C60.1558 96.059 58.5295 94.4327 58.5295 92.4266C58.5295 90.4205 60.1558 88.7943 62.1619 88.7943C64.168 88.7943 65.7943 90.4205 65.7943 92.4266ZM78.4267 56.2648C80.4328 56.2648 82.0591 54.6385 82.0591 52.6324C82.0591 50.6263 80.4328 49 78.4267 49C76.4206 49 74.7943 50.6263 74.7943 52.6324C74.7943 54.6385 76.4206 56.2648 78.4267 56.2648ZM82.0591 65.8972C82.0591 67.9033 80.4328 69.5295 78.4267 69.5295C76.4206 69.5295 74.7943 67.9033 74.7943 65.8972C74.7943 63.891 76.4206 62.2648 78.4267 62.2648C80.4328 62.2648 82.0591 63.891 82.0591 65.8972ZM78.4267 82.7943C80.4328 82.7943 82.0591 81.168 82.0591 79.1619C82.0591 77.1558 80.4328 75.5295 78.4267 75.5295C76.4206 75.5295 74.7943 77.1558 74.7943 79.1619C74.7943 81.168 76.4206 82.7943 78.4267 82.7943ZM82.0591 92.4266C82.0591 94.4327 80.4328 96.059 78.4267 96.059C76.4206 96.059 74.7943 94.4327 74.7943 92.4266C74.7943 90.4205 76.4206 88.7943 78.4267 88.7943C80.4328 88.7943 82.0591 90.4205 82.0591 92.4266Z" fill="url(#paint1_linear_203_294)"/>
 9 | <path fill-rule="evenodd" clip-rule="evenodd" d="M33.2633 66H26.0014C26.0005 65.9658 26 65.9315 26 65.8972C26 63.891 27.6263 62.2648 29.6324 62.2648C31.6385 62.2648 33.2648 63.891 33.2648 65.8972C33.2648 65.9315 33.2643 65.9658 33.2633 66ZM49.528 66H42.2661C42.2651 65.9658 42.2646 65.9315 42.2646 65.8972C42.2646 63.891 43.8909 62.2648 45.897 62.2648C47.9032 62.2648 49.5294 63.891 49.5294 65.8972C49.5294 65.9315 49.5289 65.9658 49.528 66ZM65.7929 66H58.531C58.53 65.9658 58.5295 65.9315 58.5295 65.8972C58.5295 63.891 60.1558 62.2648 62.1619 62.2648C64.168 62.2648 65.7943 63.891 65.7943 65.8972C65.7943 65.9315 65.7938 65.9658 65.7929 66ZM82.0576 66H74.7957C74.7948 65.9658 74.7943 65.9315 74.7943 65.8972C74.7943 63.891 76.4206 62.2648 78.4267 62.2648C80.4328 62.2648 82.0591 63.891 82.0591 65.8972C82.0591 65.9315 82.0586 65.9658 82.0576 66ZM29.6324 56.2648C31.6385 56.2648 33.2648 54.6385 33.2648 52.6324C33.2648 50.6263 31.6385 49 29.6324 49C27.6263 49 26 50.6263 26 52.6324C26 54.6385 27.6263 56.2648 29.6324 56.2648ZM49.5294 52.6324C49.5294 54.6385 47.9032 56.2648 45.897 56.2648C43.8909 56.2648 42.2646 54.6385 42.2646 52.6324C42.2646 50.6263 43.8909 49 45.897 49C47.9032 49 49.5294 50.6263 49.5294 52.6324ZM65.7943 52.6324C65.7943 54.6385 64.168 56.2648 62.1619 56.2648C60.1558 56.2648 58.5295 54.6385 58.5295 52.6324C58.5295 50.6263 60.1558 49 62.1619 49C64.168 49 65.7943 50.6263 65.7943 52.6324ZM82.0591 52.6324C82.0591 54.6385 80.4328 56.2648 78.4267 56.2648C76.4206 56.2648 74.7943 54.6385 74.7943 52.6324C74.7943 50.6263 76.4206 49 78.4267 49C80.4328 49 82.0591 50.6263 82.0591 52.6324Z" fill="#E0F3FE"/>
10 | <defs>
11 | <filter id="filter0_f_203_294" x="0" y="36" width="107" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
12 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
13 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
14 | <feGaussianBlur stdDeviation="11" result="effect1_foregroundBlur_203_294"/>
15 | </filter>
16 | <filter id="filter1_bi_203_294" x="-7" y="-7" width="122" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
17 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
18 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
19 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_294"/>
20 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_294" result="shape"/>
21 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
22 | <feOffset dy="2"/>
23 | <feGaussianBlur stdDeviation="4"/>
24 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
25 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
26 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_294"/>
27 | </filter>
28 | <linearGradient id="paint0_linear_203_294" x1="56" y1="89.5" x2="96.5" y2="1.95655e-07" gradientUnits="userSpaceOnUse">
29 | <stop stop-color="#0082DF"/>
30 | <stop offset="0.299998" stop-color="#48B2FF" stop-opacity="0.75"/>
31 | <stop offset="1" stop-color="#3BADFF" stop-opacity="0"/>
32 | </linearGradient>
33 | <linearGradient id="paint1_linear_203_294" x1="54.0295" y1="49" x2="54.0295" y2="96.059" gradientUnits="userSpaceOnUse">
34 | <stop stop-color="#D7F0FF"/>
35 | <stop offset="1" stop-color="#0072DC"/>
36 | </linearGradient>
37 | </defs>
38 | </svg>
39 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/lightfreezingdrizzle.svg:
--------------------------------------------------------------------------------
 1 | <svg width="108" height="100" viewBox="0 0 108 100" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_f_203_556)">
 3 | <ellipse cx="53.5" cy="67.6182" rx="31.5" ry="9.5" fill="#4DB4FF"/>
 4 | </g>
 5 | <g filter="url(#filter1_bi_203_556)">
 6 | <path fill-rule="evenodd" clip-rule="evenodd" d="M77 30.1182C77 30.9064 76.9696 31.6875 76.9099 32.4604C80.1949 29.7478 84.4071 28.1182 89 28.1182C99.4934 28.1182 108 36.6248 108 47.1182C108 57.2761 100.029 65.5723 90 66.0923V66.1182H89H19H17V66.0142C7.44667 65.0148 0 56.9361 0 47.1182C0 37.2799 7.47752 29.1881 17.0593 28.2161C18.0405 12.5337 31.0704 0.118164 47 0.118164C63.5685 0.118164 77 13.5496 77 30.1182Z" fill="url(#paint0_linear_203_556)"/>
 7 | </g>
 8 | <path fill-rule="evenodd" clip-rule="evenodd" d="M33.2648 52.7505C33.2648 54.7566 31.6385 56.3829 29.6324 56.3829C27.6263 56.3829 26 54.7566 26 52.7505C26 50.7444 27.6263 49.1182 29.6324 49.1182C31.6385 49.1182 33.2648 50.7444 33.2648 52.7505ZM33.2648 66.0153C33.2648 68.0214 31.6385 69.6477 29.6324 69.6477C27.6263 69.6477 26 68.0214 26 66.0153C26 64.0092 27.6263 62.3829 29.6324 62.3829C31.6385 62.3829 33.2648 64.0092 33.2648 66.0153ZM29.6324 82.9124C31.6385 82.9124 33.2648 81.2861 33.2648 79.28C33.2648 77.2739 31.6385 75.6477 29.6324 75.6477C27.6263 75.6477 26 77.2739 26 79.28C26 81.2861 27.6263 82.9124 29.6324 82.9124ZM33.2648 92.5448C33.2648 94.5509 31.6385 96.1772 29.6324 96.1772C27.6263 96.1772 26 94.5509 26 92.5448C26 90.5387 27.6263 88.9124 29.6324 88.9124C31.6385 88.9124 33.2648 90.5387 33.2648 92.5448ZM45.897 56.3829C47.9032 56.3829 49.5294 54.7566 49.5294 52.7505C49.5294 50.7444 47.9032 49.1182 45.897 49.1182C43.8909 49.1182 42.2646 50.7444 42.2646 52.7505C42.2646 54.7566 43.8909 56.3829 45.897 56.3829ZM49.5294 66.0153C49.5294 68.0214 47.9032 69.6477 45.897 69.6477C43.8909 69.6477 42.2646 68.0214 42.2646 66.0153C42.2646 64.0092 43.8909 62.3829 45.897 62.3829C47.9032 62.3829 49.5294 64.0092 49.5294 66.0153ZM45.897 82.9124C47.9032 82.9124 49.5294 81.2861 49.5294 79.28C49.5294 77.2739 47.9032 75.6477 45.897 75.6477C43.8909 75.6477 42.2646 77.2739 42.2646 79.28C42.2646 81.2861 43.8909 82.9124 45.897 82.9124ZM49.5294 92.5448C49.5294 94.5509 47.9032 96.1772 45.897 96.1772C43.8909 96.1772 42.2646 94.5509 42.2646 92.5448C42.2646 90.5387 43.8909 88.9124 45.897 88.9124C47.9032 88.9124 49.5294 90.5387 49.5294 92.5448ZM62.1619 56.3829C64.168 56.3829 65.7943 54.7566 65.7943 52.7505C65.7943 50.7444 64.168 49.1182 62.1619 49.1182C60.1558 49.1182 58.5295 50.7444 58.5295 52.7505C58.5295 54.7566 60.1558 56.3829 62.1619 56.3829ZM65.7943 66.0153C65.7943 68.0214 64.168 69.6477 62.1619 69.6477C60.1558 69.6477 58.5295 68.0214 58.5295 66.0153C58.5295 64.0092 60.1558 62.3829 62.1619 62.3829C64.168 62.3829 65.7943 64.0092 65.7943 66.0153ZM62.1619 82.9124C64.168 82.9124 65.7943 81.2861 65.7943 79.28C65.7943 77.2739 64.168 75.6477 62.1619 75.6477C60.1558 75.6477 58.5295 77.2739 58.5295 79.28C58.5295 81.2861 60.1558 82.9124 62.1619 82.9124ZM65.7943 92.5448C65.7943 94.5509 64.168 96.1772 62.1619 96.1772C60.1558 96.1772 58.5295 94.5509 58.5295 92.5448C58.5295 90.5387 60.1558 88.9124 62.1619 88.9124C64.168 88.9124 65.7943 90.5387 65.7943 92.5448ZM78.4267 56.3829C80.4328 56.3829 82.0591 54.7566 82.0591 52.7505C82.0591 50.7444 80.4328 49.1182 78.4267 49.1182C76.4206 49.1182 74.7943 50.7444 74.7943 52.7505C74.7943 54.7566 76.4206 56.3829 78.4267 56.3829ZM82.0591 66.0153C82.0591 68.0214 80.4328 69.6477 78.4267 69.6477C76.4206 69.6477 74.7943 68.0214 74.7943 66.0153C74.7943 64.0092 76.4206 62.3829 78.4267 62.3829C80.4328 62.3829 82.0591 64.0092 82.0591 66.0153ZM78.4267 82.9124C80.4328 82.9124 82.0591 81.2861 82.0591 79.28C82.0591 77.2739 80.4328 75.6477 78.4267 75.6477C76.4206 75.6477 74.7943 77.2739 74.7943 79.28C74.7943 81.2861 76.4206 82.9124 78.4267 82.9124ZM82.0591 92.5448C82.0591 94.5509 80.4328 96.1772 78.4267 96.1772C76.4206 96.1772 74.7943 94.5509 74.7943 92.5448C74.7943 90.5387 76.4206 88.9124 78.4267 88.9124C80.4328 88.9124 82.0591 90.5387 82.0591 92.5448Z" fill="url(#paint1_linear_203_556)"/>
 9 | <path fill-rule="evenodd" clip-rule="evenodd" d="M33.2633 66.1182H26.0014C26.0005 66.084 26 66.0497 26 66.0153C26 64.0092 27.6263 62.3829 29.6324 62.3829C31.6385 62.3829 33.2648 64.0092 33.2648 66.0153C33.2648 66.0497 33.2643 66.084 33.2633 66.1182ZM49.528 66.1182H42.2661C42.2651 66.084 42.2646 66.0497 42.2646 66.0153C42.2646 64.0092 43.8909 62.3829 45.897 62.3829C47.9032 62.3829 49.5294 64.0092 49.5294 66.0153C49.5294 66.0497 49.5289 66.084 49.528 66.1182ZM65.7929 66.1182H58.531C58.53 66.084 58.5295 66.0497 58.5295 66.0153C58.5295 64.0092 60.1558 62.3829 62.1619 62.3829C64.168 62.3829 65.7943 64.0092 65.7943 66.0153C65.7943 66.0497 65.7938 66.084 65.7929 66.1182ZM82.0576 66.1182H74.7957C74.7948 66.084 74.7943 66.0497 74.7943 66.0153C74.7943 64.0092 76.4206 62.3829 78.4267 62.3829C80.4328 62.3829 82.0591 64.0092 82.0591 66.0153C82.0591 66.0497 82.0586 66.084 82.0576 66.1182ZM29.6324 56.3829C31.6385 56.3829 33.2648 54.7566 33.2648 52.7505C33.2648 50.7444 31.6385 49.1182 29.6324 49.1182C27.6263 49.1182 26 50.7444 26 52.7505C26 54.7566 27.6263 56.3829 29.6324 56.3829ZM49.5294 52.7505C49.5294 54.7566 47.9032 56.3829 45.897 56.3829C43.8909 56.3829 42.2646 54.7566 42.2646 52.7505C42.2646 50.7444 43.8909 49.1182 45.897 49.1182C47.9032 49.1182 49.5294 50.7444 49.5294 52.7505ZM65.7943 52.7505C65.7943 54.7566 64.168 56.3829 62.1619 56.3829C60.1558 56.3829 58.5295 54.7566 58.5295 52.7505C58.5295 50.7444 60.1558 49.1182 62.1619 49.1182C64.168 49.1182 65.7943 50.7444 65.7943 52.7505ZM82.0591 52.7505C82.0591 54.7566 80.4328 56.3829 78.4267 56.3829C76.4206 56.3829 74.7943 54.7566 74.7943 52.7505C74.7943 50.7444 76.4206 49.1182 78.4267 49.1182C80.4328 49.1182 82.0591 50.7444 82.0591 52.7505Z" fill="#E0F3FE"/>
10 | <defs>
11 | <filter id="filter0_f_203_556" x="0" y="36.1182" width="107" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
12 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
13 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
14 | <feGaussianBlur stdDeviation="11" result="effect1_foregroundBlur_203_556"/>
15 | </filter>
16 | <filter id="filter1_bi_203_556" x="-7" y="-6.88184" width="122" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
17 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
18 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
19 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_556"/>
20 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_556" result="shape"/>
21 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
22 | <feOffset dy="2"/>
23 | <feGaussianBlur stdDeviation="4"/>
24 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
25 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
26 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_556"/>
27 | </filter>
28 | <linearGradient id="paint0_linear_203_556" x1="56" y1="89.6182" x2="96.5" y2="0.118164" gradientUnits="userSpaceOnUse">
29 | <stop stop-color="#0082DF"/>
30 | <stop offset="0.299998" stop-color="#48B2FF" stop-opacity="0.75"/>
31 | <stop offset="1" stop-color="#3BADFF" stop-opacity="0"/>
32 | </linearGradient>
33 | <linearGradient id="paint1_linear_203_556" x1="54.0295" y1="49.1182" x2="54.0295" y2="96.1772" gradientUnits="userSpaceOnUse">
34 | <stop stop-color="#D7F0FF"/>
35 | <stop offset="1" stop-color="#0072DC"/>
36 | </linearGradient>
37 | </defs>
38 | </svg>
39 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/lightfreezingrain.svg:
--------------------------------------------------------------------------------
 1 | <svg width="108" height="100" viewBox="0 0 108 100" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_f_203_832)">
 3 | <ellipse cx="53.5" cy="68.4897" rx="31.5" ry="9.5" fill="#4DB4FF"/>
 4 | </g>
 5 | <g filter="url(#filter1_bi_203_832)">
 6 | <path fill-rule="evenodd" clip-rule="evenodd" d="M77 30.9897C77 31.778 76.9696 32.5591 76.9099 33.332C80.1949 30.6194 84.4071 28.9897 89 28.9897C99.4934 28.9897 108 37.4963 108 47.9897C108 58.1477 100.029 66.4439 90 66.9639V66.9897H89H19H17V66.8857C7.44667 65.8863 0 57.8077 0 47.9897C0 38.1515 7.47752 30.0597 17.0593 29.0876C18.0405 13.4053 31.0704 0.989746 47 0.989746C63.5685 0.989746 77 14.4212 77 30.9897Z" fill="url(#paint0_linear_203_832)"/>
 7 | </g>
 8 | <path fill-rule="evenodd" clip-rule="evenodd" d="M33.2648 53.6221C33.2648 55.6282 31.6385 57.2545 29.6324 57.2545C27.6263 57.2545 26 55.6282 26 53.6221C26 51.616 27.6263 49.9897 29.6324 49.9897C31.6385 49.9897 33.2648 51.616 33.2648 53.6221ZM33.2648 66.8869C33.2648 68.893 31.6385 70.5193 29.6324 70.5193C27.6263 70.5193 26 68.893 26 66.8869C26 64.8808 27.6263 63.2545 29.6324 63.2545C31.6385 63.2545 33.2648 64.8808 33.2648 66.8869ZM29.6324 83.784C31.6385 83.784 33.2648 82.1577 33.2648 80.1516C33.2648 78.1455 31.6385 76.5193 29.6324 76.5193C27.6263 76.5193 26 78.1455 26 80.1516C26 82.1577 27.6263 83.784 29.6324 83.784ZM33.2648 93.4164C33.2648 95.4225 31.6385 97.0487 29.6324 97.0487C27.6263 97.0487 26 95.4225 26 93.4164C26 91.4103 27.6263 89.784 29.6324 89.784C31.6385 89.784 33.2648 91.4103 33.2648 93.4164ZM45.897 57.2545C47.9032 57.2545 49.5294 55.6282 49.5294 53.6221C49.5294 51.616 47.9032 49.9897 45.897 49.9897C43.8909 49.9897 42.2646 51.616 42.2646 53.6221C42.2646 55.6282 43.8909 57.2545 45.897 57.2545ZM49.5294 66.8869C49.5294 68.893 47.9032 70.5193 45.897 70.5193C43.8909 70.5193 42.2646 68.893 42.2646 66.8869C42.2646 64.8808 43.8909 63.2545 45.897 63.2545C47.9032 63.2545 49.5294 64.8808 49.5294 66.8869ZM45.897 83.784C47.9032 83.784 49.5294 82.1577 49.5294 80.1516C49.5294 78.1455 47.9032 76.5193 45.897 76.5193C43.8909 76.5193 42.2646 78.1455 42.2646 80.1516C42.2646 82.1577 43.8909 83.784 45.897 83.784ZM49.5294 93.4164C49.5294 95.4225 47.9032 97.0487 45.897 97.0487C43.8909 97.0487 42.2646 95.4225 42.2646 93.4164C42.2646 91.4103 43.8909 89.784 45.897 89.784C47.9032 89.784 49.5294 91.4103 49.5294 93.4164ZM62.1619 57.2545C64.168 57.2545 65.7943 55.6282 65.7943 53.6221C65.7943 51.616 64.168 49.9897 62.1619 49.9897C60.1558 49.9897 58.5295 51.616 58.5295 53.6221C58.5295 55.6282 60.1558 57.2545 62.1619 57.2545ZM65.7943 66.8869C65.7943 68.893 64.168 70.5193 62.1619 70.5193C60.1558 70.5193 58.5295 68.893 58.5295 66.8869C58.5295 64.8808 60.1558 63.2545 62.1619 63.2545C64.168 63.2545 65.7943 64.8808 65.7943 66.8869ZM62.1619 83.784C64.168 83.784 65.7943 82.1577 65.7943 80.1516C65.7943 78.1455 64.168 76.5193 62.1619 76.5193C60.1558 76.5193 58.5295 78.1455 58.5295 80.1516C58.5295 82.1577 60.1558 83.784 62.1619 83.784ZM65.7943 93.4164C65.7943 95.4225 64.168 97.0487 62.1619 97.0487C60.1558 97.0487 58.5295 95.4225 58.5295 93.4164C58.5295 91.4103 60.1558 89.784 62.1619 89.784C64.168 89.784 65.7943 91.4103 65.7943 93.4164ZM78.4267 57.2545C80.4328 57.2545 82.0591 55.6282 82.0591 53.6221C82.0591 51.616 80.4328 49.9897 78.4267 49.9897C76.4206 49.9897 74.7943 51.616 74.7943 53.6221C74.7943 55.6282 76.4206 57.2545 78.4267 57.2545ZM82.0591 66.8869C82.0591 68.893 80.4328 70.5193 78.4267 70.5193C76.4206 70.5193 74.7943 68.893 74.7943 66.8869C74.7943 64.8808 76.4206 63.2545 78.4267 63.2545C80.4328 63.2545 82.0591 64.8808 82.0591 66.8869ZM78.4267 83.784C80.4328 83.784 82.0591 82.1577 82.0591 80.1516C82.0591 78.1455 80.4328 76.5193 78.4267 76.5193C76.4206 76.5193 74.7943 78.1455 74.7943 80.1516C74.7943 82.1577 76.4206 83.784 78.4267 83.784ZM82.0591 93.4164C82.0591 95.4225 80.4328 97.0487 78.4267 97.0487C76.4206 97.0487 74.7943 95.4225 74.7943 93.4164C74.7943 91.4103 76.4206 89.784 78.4267 89.784C80.4328 89.784 82.0591 91.4103 82.0591 93.4164Z" fill="url(#paint1_linear_203_832)"/>
 9 | <path fill-rule="evenodd" clip-rule="evenodd" d="M33.2633 66.9897H26.0014C26.0005 66.9556 26 66.9213 26 66.8869C26 64.8808 27.6263 63.2545 29.6324 63.2545C31.6385 63.2545 33.2648 64.8808 33.2648 66.8869C33.2648 66.9213 33.2643 66.9556 33.2633 66.9897ZM49.528 66.9897H42.2661C42.2651 66.9556 42.2646 66.9213 42.2646 66.8869C42.2646 64.8808 43.8909 63.2545 45.897 63.2545C47.9032 63.2545 49.5294 64.8808 49.5294 66.8869C49.5294 66.9213 49.5289 66.9556 49.528 66.9897ZM65.7929 66.9897H58.531C58.53 66.9556 58.5295 66.9213 58.5295 66.8869C58.5295 64.8808 60.1558 63.2545 62.1619 63.2545C64.168 63.2545 65.7943 64.8808 65.7943 66.8869C65.7943 66.9213 65.7938 66.9556 65.7929 66.9897ZM82.0576 66.9897H74.7957C74.7948 66.9556 74.7943 66.9213 74.7943 66.8869C74.7943 64.8808 76.4206 63.2545 78.4267 63.2545C80.4328 63.2545 82.0591 64.8808 82.0591 66.8869C82.0591 66.9213 82.0586 66.9556 82.0576 66.9897ZM29.6324 57.2545C31.6385 57.2545 33.2648 55.6282 33.2648 53.6221C33.2648 51.616 31.6385 49.9897 29.6324 49.9897C27.6263 49.9897 26 51.616 26 53.6221C26 55.6282 27.6263 57.2545 29.6324 57.2545ZM49.5294 53.6221C49.5294 55.6282 47.9032 57.2545 45.897 57.2545C43.8909 57.2545 42.2646 55.6282 42.2646 53.6221C42.2646 51.616 43.8909 49.9897 45.897 49.9897C47.9032 49.9897 49.5294 51.616 49.5294 53.6221ZM65.7943 53.6221C65.7943 55.6282 64.168 57.2545 62.1619 57.2545C60.1558 57.2545 58.5295 55.6282 58.5295 53.6221C58.5295 51.616 60.1558 49.9897 62.1619 49.9897C64.168 49.9897 65.7943 51.616 65.7943 53.6221ZM82.0591 53.6221C82.0591 55.6282 80.4328 57.2545 78.4267 57.2545C76.4206 57.2545 74.7943 55.6282 74.7943 53.6221C74.7943 51.616 76.4206 49.9897 78.4267 49.9897C80.4328 49.9897 82.0591 51.616 82.0591 53.6221Z" fill="#E0F3FE"/>
10 | <defs>
11 | <filter id="filter0_f_203_832" x="0" y="36.9897" width="107" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
12 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
13 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
14 | <feGaussianBlur stdDeviation="11" result="effect1_foregroundBlur_203_832"/>
15 | </filter>
16 | <filter id="filter1_bi_203_832" x="-7" y="-6.01025" width="122" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
17 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
18 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
19 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_832"/>
20 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_832" result="shape"/>
21 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
22 | <feOffset dy="2"/>
23 | <feGaussianBlur stdDeviation="4"/>
24 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
25 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
26 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_832"/>
27 | </filter>
28 | <linearGradient id="paint0_linear_203_832" x1="56" y1="90.4897" x2="96.5" y2="0.989746" gradientUnits="userSpaceOnUse">
29 | <stop stop-color="#0082DF"/>
30 | <stop offset="0.299998" stop-color="#48B2FF" stop-opacity="0.75"/>
31 | <stop offset="1" stop-color="#3BADFF" stop-opacity="0"/>
32 | </linearGradient>
33 | <linearGradient id="paint1_linear_203_832" x1="54.0295" y1="49.9897" x2="54.0295" y2="97.0487" gradientUnits="userSpaceOnUse">
34 | <stop stop-color="#D7F0FF"/>
35 | <stop offset="1" stop-color="#0072DC"/>
36 | </linearGradient>
37 | </defs>
38 | </svg>
39 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/mainlyclear.svg:
--------------------------------------------------------------------------------
 1 | <svg width="110" height="110" viewBox="0 0 110 110" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_ddi_203_184)">
 3 | <circle cx="55.9999" cy="54" r="32" fill="url(#paint0_linear_203_184)"/>
 4 | </g>
 5 | <g filter="url(#filter1_f_203_184)">
 6 | <ellipse cx="84.1493" cy="43.4222" rx="11.8636" ry="3.57792" fill="#4DB4FF"/>
 7 | </g>
 8 | <g filter="url(#filter2_bi_203_184)">
 9 | <path fill-rule="evenodd" clip-rule="evenodd" d="M92.9999 29.2987C92.9999 29.5956 92.9884 29.8898 92.9659 30.181C94.2031 29.1593 95.7896 28.5455 97.5195 28.5455C101.472 28.5455 104.675 31.7492 104.675 35.7013C104.675 39.5271 101.673 42.6516 97.896 42.8474V42.8571H97.5344C97.5294 42.8571 97.5245 42.8572 97.5195 42.8572C97.5145 42.8572 97.5095 42.8571 97.5045 42.8571H71.1707C71.1657 42.8571 71.1607 42.8572 71.1557 42.8572C71.1507 42.8572 71.1458 42.8571 71.1408 42.8571H70.4025V42.818C66.8045 42.4416 63.9999 39.399 63.9999 35.7013C63.9999 31.996 66.8161 28.9484 70.4248 28.5823C70.7943 22.676 75.7017 18 81.7012 18C87.9413 18 92.9999 23.0586 92.9999 29.2987Z" fill="url(#paint1_linear_203_184)"/>
10 | </g>
11 | <g filter="url(#filter3_f_203_184)">
12 | <ellipse cx="16.2083" cy="4.88823" rx="16.2083" ry="4.88823" transform="matrix(-1 0 0 1 50.2513 81.8438)" fill="#4DB4FF"/>
13 | </g>
14 | <g filter="url(#filter4_bi_203_184)">
15 | <path fill-rule="evenodd" clip-rule="evenodd" d="M21.951 67.4365C21.951 67.8421 21.9666 68.244 21.9973 68.6417C20.3071 67.2459 18.1397 66.4074 15.7764 66.4074C10.377 66.4074 5.99995 70.7845 5.99995 76.1839C5.99995 81.4106 10.1016 85.6794 15.2618 85.947V85.9603H15.7641C15.7682 85.9603 15.7723 85.9603 15.7764 85.9603C15.7805 85.9603 15.7846 85.9603 15.7888 85.9603H51.7826C51.7867 85.9603 51.7908 85.9603 51.795 85.9603C51.7991 85.9603 51.8032 85.9603 51.8073 85.9603H52.824V85.9068C57.7397 85.3926 61.5714 81.2357 61.5714 76.1839C61.5714 71.1216 57.7238 66.9579 52.7935 66.4578C52.2886 58.3884 45.5841 52 37.3875 52C28.8621 52 21.951 58.9112 21.951 67.4365Z" fill="url(#paint2_linear_203_184)"/>
16 | </g>
17 | <defs>
18 | <filter id="filter0_ddi_203_184" x="7.99988" y="6" width="96" height="96" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
19 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
20 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
21 | <feOffset/>
22 | <feGaussianBlur stdDeviation="8"/>
23 | <feComposite in2="hardAlpha" operator="out"/>
24 | <feColorMatrix type="matrix" values="0 0 0 0 0.992157 0 0 0 0 0.773882 0 0 0 0 0 0 0 0 1 0"/>
25 | <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_203_184"/>
26 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
27 | <feOffset/>
28 | <feGaussianBlur stdDeviation="5.5"/>
29 | <feComposite in2="hardAlpha" operator="out"/>
30 | <feColorMatrix type="matrix" values="0 0 0 0 0.992157 0 0 0 0 0.772549 0 0 0 0 0 0 0 0 0.45 0"/>
31 | <feBlend mode="normal" in2="effect1_dropShadow_203_184" result="effect2_dropShadow_203_184"/>
32 | <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_203_184" result="shape"/>
33 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
34 | <feOffset dx="-1" dy="3"/>
35 | <feGaussianBlur stdDeviation="2.5"/>
36 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
37 | <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.9 0 0 0 0 0 0 0 0 0.35 0"/>
38 | <feBlend mode="normal" in2="shape" result="effect3_innerShadow_203_184"/>
39 | </filter>
40 | <filter id="filter1_f_203_184" x="63.9999" y="31.5585" width="40.2987" height="23.7272" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
41 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
42 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
43 | <feGaussianBlur stdDeviation="4.14286" result="effect1_foregroundBlur_203_184"/>
44 | </filter>
45 | <filter id="filter2_bi_203_184" x="61.3635" y="15.3636" width="45.9481" height="30.1297" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
46 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
47 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="1.31818"/>
48 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_184"/>
49 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_184" result="shape"/>
50 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
51 | <feOffset dy="0.753247"/>
52 | <feGaussianBlur stdDeviation="1.50649"/>
53 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
54 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
55 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_184"/>
56 | </filter>
57 | <filter id="filter3_f_203_184" x="6.51461" y="70.5236" width="55.0568" height="32.4166" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
58 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
59 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
60 | <feGaussianBlur stdDeviation="5.66005" result="effect1_foregroundBlur_203_184"/>
61 | </filter>
62 | <filter id="filter4_bi_203_184" x="2.39815" y="48.3981" width="62.7751" height="41.1642" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
63 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
64 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="1.80093"/>
65 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_184"/>
66 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_184" result="shape"/>
67 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
68 | <feOffset dy="1.0291"/>
69 | <feGaussianBlur stdDeviation="2.0582"/>
70 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
71 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
72 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_184"/>
73 | </filter>
74 | <linearGradient id="paint0_linear_203_184" x1="55.9999" y1="22" x2="55.9999" y2="86" gradientUnits="userSpaceOnUse">
75 | <stop stop-color="#FDC500"/>
76 | <stop offset="1" stop-color="#FD8900"/>
77 | </linearGradient>
78 | <linearGradient id="paint1_linear_203_184" x1="85.0908" y1="51.7078" x2="100.344" y2="18" gradientUnits="userSpaceOnUse">
79 | <stop stop-color="#2BA6FF"/>
80 | <stop offset="0.299998" stop-color="#48B2FF" stop-opacity="0.75"/>
81 | <stop offset="1" stop-color="#3BADFF" stop-opacity="0"/>
82 | </linearGradient>
83 | <linearGradient id="paint2_linear_203_184" x1="32.7566" y1="98.0522" x2="21.9999" y2="38.5" gradientUnits="userSpaceOnUse">
84 | <stop offset="0.13121" stop-color="#2BA6FF"/>
85 | <stop offset="1" stop-color="#3BADFF" stop-opacity="0"/>
86 | </linearGradient>
87 | </defs>
88 | </svg>
89 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/moderatedrizzle.svg:
--------------------------------------------------------------------------------
 1 | <svg width="108" height="100" viewBox="0 0 108 100" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_f_203_364)">
 3 | <ellipse cx="53.5" cy="67.5591" rx="31.5" ry="9.5" fill="#4DB4FF"/>
 4 | </g>
 5 | <g filter="url(#filter1_bi_203_364)">
 6 | <path fill-rule="evenodd" clip-rule="evenodd" d="M77 30.0591C77 30.8473 76.9696 31.6284 76.9099 32.4013C80.1949 29.6887 84.4071 28.0591 89 28.0591C99.4934 28.0591 108 36.5657 108 47.0591C108 57.2171 100.029 65.5132 90 66.0332V66.0591H89H19H17V65.9551C7.44667 64.9557 0 56.877 0 47.0591C0 37.2208 7.47752 29.1291 17.0593 28.157C18.0405 12.4747 31.0704 0.059082 47 0.059082C63.5685 0.059082 77 13.4905 77 30.0591Z" fill="url(#paint0_linear_203_364)"/>
 7 | </g>
 8 | <path fill-rule="evenodd" clip-rule="evenodd" d="M33.2648 52.6914C33.2648 54.6975 31.6385 56.3238 29.6324 56.3238C27.6263 56.3238 26 54.6975 26 52.6914C26 50.6853 27.6263 49.0591 29.6324 49.0591C31.6385 49.0591 33.2648 50.6853 33.2648 52.6914ZM33.2648 65.9562C33.2648 67.9623 31.6385 69.5886 29.6324 69.5886C27.6263 69.5886 26 67.9623 26 65.9562C26 63.9501 27.6263 62.3238 29.6324 62.3238C31.6385 62.3238 33.2648 63.9501 33.2648 65.9562ZM29.6324 82.8534C31.6385 82.8534 33.2648 81.2271 33.2648 79.221C33.2648 77.2148 31.6385 75.5886 29.6324 75.5886C27.6263 75.5886 26 77.2148 26 79.221C26 81.2271 27.6263 82.8534 29.6324 82.8534ZM33.2648 92.4857C33.2648 94.4918 31.6385 96.1181 29.6324 96.1181C27.6263 96.1181 26 94.4918 26 92.4857C26 90.4796 27.6263 88.8533 29.6324 88.8533C31.6385 88.8533 33.2648 90.4796 33.2648 92.4857ZM45.897 56.3238C47.9032 56.3238 49.5294 54.6975 49.5294 52.6914C49.5294 50.6853 47.9032 49.0591 45.897 49.0591C43.8909 49.0591 42.2646 50.6853 42.2646 52.6914C42.2646 54.6975 43.8909 56.3238 45.897 56.3238ZM49.5294 65.9562C49.5294 67.9623 47.9032 69.5886 45.897 69.5886C43.8909 69.5886 42.2646 67.9623 42.2646 65.9562C42.2646 63.9501 43.8909 62.3238 45.897 62.3238C47.9032 62.3238 49.5294 63.9501 49.5294 65.9562ZM45.897 82.8534C47.9032 82.8534 49.5294 81.2271 49.5294 79.221C49.5294 77.2148 47.9032 75.5886 45.897 75.5886C43.8909 75.5886 42.2646 77.2148 42.2646 79.221C42.2646 81.2271 43.8909 82.8534 45.897 82.8534ZM49.5294 92.4857C49.5294 94.4918 47.9032 96.1181 45.897 96.1181C43.8909 96.1181 42.2646 94.4918 42.2646 92.4857C42.2646 90.4796 43.8909 88.8533 45.897 88.8533C47.9032 88.8533 49.5294 90.4796 49.5294 92.4857ZM62.1619 56.3238C64.168 56.3238 65.7943 54.6975 65.7943 52.6914C65.7943 50.6853 64.168 49.0591 62.1619 49.0591C60.1558 49.0591 58.5295 50.6853 58.5295 52.6914C58.5295 54.6975 60.1558 56.3238 62.1619 56.3238ZM65.7943 65.9562C65.7943 67.9623 64.168 69.5886 62.1619 69.5886C60.1558 69.5886 58.5295 67.9623 58.5295 65.9562C58.5295 63.9501 60.1558 62.3238 62.1619 62.3238C64.168 62.3238 65.7943 63.9501 65.7943 65.9562ZM62.1619 82.8534C64.168 82.8534 65.7943 81.2271 65.7943 79.221C65.7943 77.2148 64.168 75.5886 62.1619 75.5886C60.1558 75.5886 58.5295 77.2148 58.5295 79.221C58.5295 81.2271 60.1558 82.8534 62.1619 82.8534ZM65.7943 92.4857C65.7943 94.4918 64.168 96.1181 62.1619 96.1181C60.1558 96.1181 58.5295 94.4918 58.5295 92.4857C58.5295 90.4796 60.1558 88.8533 62.1619 88.8533C64.168 88.8533 65.7943 90.4796 65.7943 92.4857ZM78.4267 56.3238C80.4328 56.3238 82.0591 54.6975 82.0591 52.6914C82.0591 50.6853 80.4328 49.0591 78.4267 49.0591C76.4206 49.0591 74.7943 50.6853 74.7943 52.6914C74.7943 54.6975 76.4206 56.3238 78.4267 56.3238ZM82.0591 65.9562C82.0591 67.9623 80.4328 69.5886 78.4267 69.5886C76.4206 69.5886 74.7943 67.9623 74.7943 65.9562C74.7943 63.9501 76.4206 62.3238 78.4267 62.3238C80.4328 62.3238 82.0591 63.9501 82.0591 65.9562ZM78.4267 82.8534C80.4328 82.8534 82.0591 81.2271 82.0591 79.221C82.0591 77.2148 80.4328 75.5886 78.4267 75.5886C76.4206 75.5886 74.7943 77.2148 74.7943 79.221C74.7943 81.2271 76.4206 82.8534 78.4267 82.8534ZM82.0591 92.4857C82.0591 94.4918 80.4328 96.1181 78.4267 96.1181C76.4206 96.1181 74.7943 94.4918 74.7943 92.4857C74.7943 90.4796 76.4206 88.8533 78.4267 88.8533C80.4328 88.8533 82.0591 90.4796 82.0591 92.4857Z" fill="url(#paint1_linear_203_364)"/>
 9 | <path fill-rule="evenodd" clip-rule="evenodd" d="M33.2633 66.0591H26.0014C26.0005 66.0249 26 65.9906 26 65.9562C26 63.9501 27.6263 62.3238 29.6324 62.3238C31.6385 62.3238 33.2648 63.9501 33.2648 65.9562C33.2648 65.9906 33.2643 66.0249 33.2633 66.0591ZM49.528 66.0591H42.2661C42.2651 66.0249 42.2646 65.9906 42.2646 65.9562C42.2646 63.9501 43.8909 62.3238 45.897 62.3238C47.9032 62.3238 49.5294 63.9501 49.5294 65.9562C49.5294 65.9906 49.5289 66.0249 49.528 66.0591ZM65.7929 66.0591H58.531C58.53 66.0249 58.5295 65.9906 58.5295 65.9562C58.5295 63.9501 60.1558 62.3238 62.1619 62.3238C64.168 62.3238 65.7943 63.9501 65.7943 65.9562C65.7943 65.9906 65.7938 66.0249 65.7929 66.0591ZM82.0576 66.0591H74.7957C74.7948 66.0249 74.7943 65.9906 74.7943 65.9562C74.7943 63.9501 76.4206 62.3238 78.4267 62.3238C80.4328 62.3238 82.0591 63.9501 82.0591 65.9562C82.0591 65.9906 82.0586 66.0249 82.0576 66.0591ZM29.6324 56.3238C31.6385 56.3238 33.2648 54.6975 33.2648 52.6914C33.2648 50.6853 31.6385 49.0591 29.6324 49.0591C27.6263 49.0591 26 50.6853 26 52.6914C26 54.6975 27.6263 56.3238 29.6324 56.3238ZM49.5294 52.6914C49.5294 54.6975 47.9032 56.3238 45.897 56.3238C43.8909 56.3238 42.2646 54.6975 42.2646 52.6914C42.2646 50.6853 43.8909 49.0591 45.897 49.0591C47.9032 49.0591 49.5294 50.6853 49.5294 52.6914ZM65.7943 52.6914C65.7943 54.6975 64.168 56.3238 62.1619 56.3238C60.1558 56.3238 58.5295 54.6975 58.5295 52.6914C58.5295 50.6853 60.1558 49.0591 62.1619 49.0591C64.168 49.0591 65.7943 50.6853 65.7943 52.6914ZM82.0591 52.6914C82.0591 54.6975 80.4328 56.3238 78.4267 56.3238C76.4206 56.3238 74.7943 54.6975 74.7943 52.6914C74.7943 50.6853 76.4206 49.0591 78.4267 49.0591C80.4328 49.0591 82.0591 50.6853 82.0591 52.6914Z" fill="#E0F3FE"/>
10 | <defs>
11 | <filter id="filter0_f_203_364" x="0" y="36.0591" width="107" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
12 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
13 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
14 | <feGaussianBlur stdDeviation="11" result="effect1_foregroundBlur_203_364"/>
15 | </filter>
16 | <filter id="filter1_bi_203_364" x="-7" y="-6.94092" width="122" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
17 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
18 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
19 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_364"/>
20 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_364" result="shape"/>
21 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
22 | <feOffset dy="2"/>
23 | <feGaussianBlur stdDeviation="4"/>
24 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
25 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
26 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_364"/>
27 | </filter>
28 | <linearGradient id="paint0_linear_203_364" x1="56" y1="89.5591" x2="96.5" y2="0.0590822" gradientUnits="userSpaceOnUse">
29 | <stop stop-color="#0082DF"/>
30 | <stop offset="0.299998" stop-color="#48B2FF" stop-opacity="0.75"/>
31 | <stop offset="1" stop-color="#3BADFF" stop-opacity="0"/>
32 | </linearGradient>
33 | <linearGradient id="paint1_linear_203_364" x1="54.0295" y1="49.0591" x2="54.0295" y2="96.1181" gradientUnits="userSpaceOnUse">
34 | <stop stop-color="#D7F0FF"/>
35 | <stop offset="1" stop-color="#0072DC"/>
36 | </linearGradient>
37 | </defs>
38 | </svg>
39 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/moderaterain.svg:
--------------------------------------------------------------------------------
 1 | <svg width="108" height="100" viewBox="0 0 108 100" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_f_203_735)">
 3 | <ellipse cx="53.5" cy="68.4897" rx="31.5" ry="9.5" fill="#4DB4FF"/>
 4 | </g>
 5 | <g filter="url(#filter1_bi_203_735)">
 6 | <path fill-rule="evenodd" clip-rule="evenodd" d="M77 30.9897C77 31.778 76.9696 32.5591 76.9099 33.332C80.1949 30.6194 84.4071 28.9897 89 28.9897C99.4934 28.9897 108 37.4963 108 47.9897C108 58.1477 100.029 66.4439 90 66.9639V66.9897H89H19H17V66.8857C7.44667 65.8863 0 57.8077 0 47.9897C0 38.1515 7.47752 30.0597 17.0593 29.0876C18.0405 13.4053 31.0704 0.989746 47 0.989746C63.5685 0.989746 77 14.4212 77 30.9897Z" fill="url(#paint0_linear_203_735)"/>
 7 | </g>
 8 | <path fill-rule="evenodd" clip-rule="evenodd" d="M41 41.9897C42.3807 41.9897 43.5 43.109 43.5 44.4897L43.5 59.4897C43.5 60.8705 42.3807 61.9897 41 61.9897C39.6193 61.9897 38.5 60.8705 38.5 59.4897L38.5 44.4897C38.5 43.109 39.6193 41.9897 41 41.9897ZM67 46.9897C68.3807 46.9897 69.5 48.109 69.5 49.4897V77.4897C69.5 78.8705 68.3807 79.9897 67 79.9897C65.6193 79.9897 64.5 78.8705 64.5 77.4897V49.4897C64.5 48.109 65.6193 46.9897 67 46.9897ZM54 53.9897C55.3807 53.9897 56.5 55.109 56.5 56.4897V65.4897C56.5 66.8705 55.3807 67.9897 54 67.9897C52.6193 67.9897 51.5 66.8705 51.5 65.4897V56.4897C51.5 55.109 52.6193 53.9897 54 53.9897ZM54 73.9897C55.3807 73.9897 56.5 75.109 56.5 76.4897V94.4897C56.5 95.8705 55.3807 96.9897 54 96.9897C52.6193 96.9897 51.5 95.8705 51.5 94.4897V76.4897C51.5 75.109 52.6193 73.9897 54 73.9897ZM69.5 87.4897C69.5 86.109 68.3807 84.9897 67 84.9897C65.6193 84.9897 64.5 86.109 64.5 87.4897V94.4897C64.5 95.8705 65.6193 96.9897 67 96.9897C68.3807 96.9897 69.5 95.8705 69.5 94.4897V87.4897ZM82.5 61.4897C82.5 60.109 81.3807 58.9897 80 58.9897C78.6193 58.9897 77.5 60.109 77.5 61.4897V68.4897C77.5 69.8705 78.6193 70.9897 80 70.9897C81.3807 70.9897 82.5 69.8705 82.5 68.4897V61.4897ZM80 76.9897C81.3807 76.9897 82.5 78.109 82.5 79.4897V94.4897C82.5 95.8705 81.3807 96.9897 80 96.9897C78.6193 96.9897 77.5 95.8705 77.5 94.4897V79.4897C77.5 78.109 78.6193 76.9897 80 76.9897ZM43.5 69.4897C43.5 68.109 42.3807 66.9897 41 66.9897C39.6193 66.9897 38.5 68.109 38.5 69.4897V76.4897C38.5 77.8705 39.6193 78.9897 41 78.9897C42.3807 78.9897 43.5 77.8705 43.5 76.4897V69.4897ZM43.5 87.4897C43.5 86.109 42.3807 84.9897 41 84.9897C39.6193 84.9897 38.5 86.109 38.5 87.4897V94.4897C38.5 95.8705 39.6193 96.9897 41 96.9897C42.3807 96.9897 43.5 95.8705 43.5 94.4897V87.4897ZM27 51.9897C28.3807 51.9897 29.5 53.109 29.5 54.4897L29.5 62.4897C29.5 63.8705 28.3807 64.9897 27 64.9897C25.6193 64.9897 24.5 63.8705 24.5 62.4897V54.4897C24.5 53.109 25.6193 51.9897 27 51.9897ZM29.5 74.4897C29.5 73.109 28.3807 71.9897 27 71.9897C25.6193 71.9897 24.5 73.109 24.5 74.4897V94.4897C24.5 95.8705 25.6193 96.9897 27 96.9897C28.3807 96.9897 29.5 95.8705 29.5 94.4897L29.5 74.4897Z" fill="url(#paint1_linear_203_735)"/>
 9 | <path fill-rule="evenodd" clip-rule="evenodd" d="M56.0002 66.9897H51.9998C51.686 66.5719 51.5 66.0525 51.5 65.4897V56.4897C51.5 55.109 52.6193 53.9897 54 53.9897C55.3807 53.9897 56.5 55.109 56.5 56.4897V65.4897C56.5 66.0525 56.314 66.5719 56.0002 66.9897ZM69.5 66.9897H64.5V49.4897C64.5 48.109 65.6193 46.9897 67 46.9897C68.3807 46.9897 69.5 48.109 69.5 49.4897V66.9897ZM82.5 66.9897H77.5V61.4897C77.5 60.109 78.6193 58.9897 80 58.9897C81.3807 58.9897 82.5 60.109 82.5 61.4897V66.9897ZM43.5 44.4897C43.5 43.109 42.3807 41.9897 41 41.9897C39.6193 41.9897 38.5 43.109 38.5 44.4897L38.5 59.4897C38.5 60.8705 39.6193 61.9897 41 61.9897C42.3807 61.9897 43.5 60.8705 43.5 59.4897L43.5 44.4897ZM29.5 54.4897C29.5 53.109 28.3807 51.9897 27 51.9897C25.6193 51.9897 24.5 53.109 24.5 54.4897V62.4897C24.5 63.8705 25.6193 64.9897 27 64.9897C28.3807 64.9897 29.5 63.8705 29.5 62.4897L29.5 54.4897Z" fill="#E0F3FE"/>
10 | <defs>
11 | <filter id="filter0_f_203_735" x="0" y="36.9897" width="107" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
12 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
13 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
14 | <feGaussianBlur stdDeviation="11" result="effect1_foregroundBlur_203_735"/>
15 | </filter>
16 | <filter id="filter1_bi_203_735" x="-7" y="-6.01025" width="122" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
17 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
18 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
19 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_735"/>
20 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_735" result="shape"/>
21 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
22 | <feOffset dy="2"/>
23 | <feGaussianBlur stdDeviation="4"/>
24 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
25 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
26 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_735"/>
27 | </filter>
28 | <linearGradient id="paint0_linear_203_735" x1="56" y1="90.4897" x2="96.5" y2="0.989746" gradientUnits="userSpaceOnUse">
29 | <stop stop-color="#0082DF"/>
30 | <stop offset="0.299998" stop-color="#48B2FF" stop-opacity="0.75"/>
31 | <stop offset="1" stop-color="#3BADFF" stop-opacity="0"/>
32 | </linearGradient>
33 | <linearGradient id="paint1_linear_203_735" x1="53.5" y1="41.9897" x2="53.5" y2="96.9897" gradientUnits="userSpaceOnUse">
34 | <stop offset="0.168182" stop-color="#D7F0FF"/>
35 | <stop offset="1" stop-color="#0072DC"/>
36 | </linearGradient>
37 | </defs>
38 | </svg>
39 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/moderaterainshowers.svg:
--------------------------------------------------------------------------------
 1 | <svg width="134" height="105" viewBox="0 0 134 105" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_bi_203_1135)">
 3 | <mask id="path-1-inside-1_203_1135" fill="white">
 4 | <path fill-rule="evenodd" clip-rule="evenodd" d="M113.046 20.5454C113.046 21.0782 113.025 21.6063 112.985 22.1288C115.206 20.2951 118.053 19.1935 121.157 19.1935C128.25 19.1935 134 24.9433 134 32.0361C134 38.9022 128.612 44.5099 121.833 44.8612V44.8787H72.4905V44.8084C66.0333 44.1327 61 38.6722 61 32.0361C61 25.3863 66.0541 19.9169 72.5306 19.2597C73.1938 8.6596 82.001 0.267578 92.7683 0.267578C103.967 0.267578 113.046 9.34625 113.046 20.5454Z"/>
 5 | </mask>
 6 | <path fill-rule="evenodd" clip-rule="evenodd" d="M113.046 20.5454C113.046 21.0782 113.025 21.6063 112.985 22.1288C115.206 20.2951 118.053 19.1935 121.157 19.1935C128.25 19.1935 134 24.9433 134 32.0361C134 38.9022 128.612 44.5099 121.833 44.8612V44.8787H72.4905V44.8084C66.0333 44.1327 61 38.6722 61 32.0361C61 25.3863 66.0541 19.9169 72.5306 19.2597C73.1938 8.6596 82.001 0.267578 92.7683 0.267578C103.967 0.267578 113.046 9.34625 113.046 20.5454Z" fill="url(#paint0_linear_203_1135)"/>
 7 | <path d="M112.985 22.1288L111.988 22.0518L111.807 24.3987L113.622 22.8998L112.985 22.1288ZM121.833 44.8612L121.781 43.8626L120.833 43.9117V44.8612H121.833ZM121.833 44.8787V45.8787H122.833V44.8787H121.833ZM72.4905 44.8787H71.4905V45.8787H72.4905V44.8787ZM72.4905 44.8084H73.4905V43.9075L72.5945 43.8138L72.4905 44.8084ZM72.5306 19.2597L72.6315 20.2546L73.4756 20.1689L73.5286 19.3221L72.5306 19.2597ZM113.982 22.2058C114.024 21.6577 114.046 21.1039 114.046 20.5454H112.046C112.046 21.0525 112.026 21.5549 111.988 22.0518L113.982 22.2058ZM121.157 18.1935C117.812 18.1935 114.741 19.3815 112.348 21.3577L113.622 22.8998C115.67 21.2087 118.294 20.1935 121.157 20.1935V18.1935ZM135 32.0361C135 24.391 128.802 18.1935 121.157 18.1935V20.1935C127.698 20.1935 133 25.4956 133 32.0361H135ZM121.885 45.8599C129.192 45.4811 135 39.4372 135 32.0361H133C133 38.3673 128.031 43.5386 121.781 43.8626L121.885 45.8599ZM120.833 44.8612V44.8787H122.833V44.8612H120.833ZM121.833 43.8787H72.4905V45.8787H121.833V43.8787ZM73.4905 44.8787V44.8084H71.4905V44.8787H73.4905ZM60 32.0361C60 39.1896 65.4253 45.0746 72.3864 45.8029L72.5945 43.8138C66.6412 43.1909 62 38.1548 62 32.0361H60ZM72.4296 18.2648C65.4478 18.9733 60 24.8679 60 32.0361H62C62 25.9047 66.6604 20.8605 72.6315 20.2546L72.4296 18.2648ZM92.7683 -0.732422C81.4696 -0.732422 72.2285 8.07348 71.5325 19.1973L73.5286 19.3221C74.1591 9.24573 82.5324 1.26758 92.7683 1.26758V-0.732422ZM114.046 20.5454C114.046 8.79396 104.52 -0.732422 92.7683 -0.732422V1.26758C103.415 1.26758 112.046 9.89853 112.046 20.5454H114.046Z" fill="url(#paint1_linear_203_1135)" fill-opacity="0.3" mask="url(#path-1-inside-1_203_1135)"/>
 8 | </g>
 9 | <g filter="url(#filter1_f_203_1135)">
10 | <ellipse cx="53.5" cy="72.7676" rx="31.5" ry="9.5" fill="#4DB4FF"/>
11 | </g>
12 | <g filter="url(#filter2_bi_203_1135)">
13 | <path fill-rule="evenodd" clip-rule="evenodd" d="M77 35.2676C77 36.0558 76.9696 36.8369 76.9099 37.6098C80.1949 34.8972 84.4071 33.2676 89 33.2676C99.4934 33.2676 108 41.7742 108 52.2676C108 62.4256 100.029 70.7217 90 71.2417V71.2676H89H19H17V71.1636C7.44667 70.1642 0 62.0855 0 52.2676C0 42.4293 7.47752 34.3376 17.0593 33.3655C18.0405 17.6832 31.0704 5.26758 47 5.26758C63.5685 5.26758 77 18.699 77 35.2676Z" fill="url(#paint2_linear_203_1135)"/>
14 | </g>
15 | <path fill-rule="evenodd" clip-rule="evenodd" d="M27.3256 83.8453C27.732 84.122 28.2092 84.2689 28.6969 84.2675C29.1384 84.2706 29.573 84.1554 29.9578 83.9332C30.3426 83.7111 30.6643 83.3898 30.891 83.001L58.9342 36.2793C59.293 35.6808 59.4079 34.9614 59.254 34.2766C59.1 33.5919 58.6895 32.9969 58.1114 32.6203C57.5157 32.2763 56.8144 32.1794 56.1513 32.3495C55.4882 32.5196 54.9138 32.9439 54.546 33.5351L26.5028 80.1864C26.3159 80.48 26.1887 80.8093 26.1289 81.1546C26.0691 81.4999 26.0778 81.854 26.1547 82.1957C26.2315 82.5375 26.3748 82.8597 26.5761 83.1432C26.7773 83.4267 27.0322 83.6655 27.3256 83.8453ZM8.60718 84.2675C8.11947 84.2689 7.64229 84.122 7.23587 83.8453C6.9425 83.6655 6.68756 83.4267 6.48636 83.1432C6.28515 82.8597 6.14182 82.5375 6.06498 82.1957C5.98814 81.854 5.97934 81.4999 6.03916 81.1546C6.09898 80.8093 6.22618 80.48 6.41308 80.1864L26.5027 47.256C26.678 46.955 26.9107 46.6934 27.1869 46.4869C27.4631 46.2804 27.7771 46.1333 28.1101 46.0544C28.4431 45.9756 28.7882 45.9666 29.1247 46.028C29.4611 46.0894 29.782 46.2199 30.0681 46.4117C30.6463 46.7882 31.0567 47.3832 31.2107 48.068C31.3646 48.7527 31.2498 49.4721 30.8909 50.0706L10.8012 83.001C10.5745 83.3898 10.2529 83.7111 9.86808 83.9332C9.48328 84.1554 9.04867 84.2706 8.60718 84.2675ZM50.2263 84.2675C49.7386 84.2689 49.2614 84.122 48.855 83.8453C48.5616 83.6655 48.3067 83.4267 48.1055 83.1432C47.9043 82.8597 47.761 82.5375 47.6841 82.1958C47.6073 81.854 47.5985 81.4999 47.6583 81.1546C47.7181 80.8093 47.8453 80.48 48.0322 80.1864L62.2252 56.8256C62.5921 56.2323 63.172 55.811 63.8392 55.653C64.5064 55.495 65.2074 55.6129 65.7906 55.9812C66.3688 56.3578 66.7792 56.9528 66.9332 57.6375C67.0872 58.3222 66.9723 59.0417 66.6134 59.6401L52.4204 83.001C52.1887 83.3851 51.866 83.7028 51.4823 83.9242C51.0986 84.1457 50.6665 84.2638 50.2263 84.2675Z" fill="url(#paint3_linear_203_1135)"/>
16 | <path fill-rule="evenodd" clip-rule="evenodd" d="M17.9594 71.2676H17.0001V71.1636C15.4508 71.0015 13.9569 70.6532 12.5411 70.1416L26.5028 47.256C26.678 46.955 26.9107 46.6934 27.1869 46.4869C27.4632 46.2804 27.7772 46.1333 28.1102 46.0544C28.4432 45.9756 28.7883 45.9666 29.1247 46.028C29.4612 46.0894 29.7821 46.2199 30.0682 46.4117C30.6463 46.7882 31.0567 47.3832 31.2107 48.068C31.3647 48.7527 31.2498 49.4721 30.891 50.0706L17.9594 71.2676ZM31.8642 71.2676L54.5461 33.5351C54.9139 32.9439 55.4883 32.5196 56.1513 32.3495C56.8144 32.1794 57.5158 32.2763 58.1114 32.6203C58.6896 32.9969 59.1 33.5919 59.254 34.2766C59.408 34.9614 59.2931 35.6808 58.9342 36.2793L37.9336 71.2676H31.8642ZM59.5491 71.2676H53.451L62.2253 56.8256C62.5922 56.2322 63.172 55.811 63.8392 55.653C64.5065 55.495 65.2075 55.6129 65.7907 55.9812C66.3688 56.3578 66.7793 56.9528 66.9333 57.6375C67.0872 58.3222 66.9723 59.0417 66.6135 59.6401L59.5491 71.2676Z" fill="#E0F3FE"/>
17 | <defs>
18 | <filter id="filter0_bi_203_1135" x="54" y="-6.73242" width="87" height="58.6111" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
19 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
20 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
21 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_1135"/>
22 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_1135" result="shape"/>
23 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
24 | <feOffset dy="2"/>
25 | <feGaussianBlur stdDeviation="4"/>
26 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
27 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
28 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_1135"/>
29 | </filter>
30 | <filter id="filter1_f_203_1135" x="0" y="41.2676" width="107" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
31 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
32 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
33 | <feGaussianBlur stdDeviation="11" result="effect1_foregroundBlur_203_1135"/>
34 | </filter>
35 | <filter id="filter2_bi_203_1135" x="-7" y="-1.73242" width="122" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
36 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
37 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
38 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_1135"/>
39 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_1135" result="shape"/>
40 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
41 | <feOffset dy="2"/>
42 | <feGaussianBlur stdDeviation="4"/>
43 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
44 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
45 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_1135"/>
46 | </filter>
47 | <linearGradient id="paint0_linear_203_1135" x1="79.5" y1="54.7675" x2="159.5" y2="-25.7324" gradientUnits="userSpaceOnUse">
48 | <stop stop-color="#0082DF"/>
49 | <stop offset="0.8818" stop-color="#3BADFF" stop-opacity="0"/>
50 | </linearGradient>
51 | <linearGradient id="paint1_linear_203_1135" x1="79" y1="-2.73242" x2="129" y2="52.7676" gradientUnits="userSpaceOnUse">
52 | <stop stop-color="#0699D7"/>
53 | <stop offset="1" stop-color="#0699D7" stop-opacity="0"/>
54 | </linearGradient>
55 | <linearGradient id="paint2_linear_203_1135" x1="56" y1="94.7676" x2="96.5" y2="5.26758" gradientUnits="userSpaceOnUse">
56 | <stop stop-color="#0082DF"/>
57 | <stop offset="0.299998" stop-color="#48B2FF" stop-opacity="0.75"/>
58 | <stop offset="1" stop-color="#3BADFF" stop-opacity="0"/>
59 | </linearGradient>
60 | <linearGradient id="paint3_linear_203_1135" x1="36.5" y1="32.2676" x2="36.5" y2="84.2676" gradientUnits="userSpaceOnUse">
61 | <stop stop-color="#D7F0FF"/>
62 | <stop offset="1" stop-color="#0072DC"/>
63 | </linearGradient>
64 | </defs>
65 | </svg>
66 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/moderatesnowfall.svg:
--------------------------------------------------------------------------------
 1 | <svg width="116" height="108" viewBox="0 0 116 108" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_f_203_948)">
 3 | <ellipse cx="53.4991" cy="75.9565" rx="31.5" ry="9.5" fill="#4DB4FF"/>
 4 | </g>
 5 | <path fill-rule="evenodd" clip-rule="evenodd" d="M94.4998 5.54883C94.4998 2.51126 92.0374 0.0488281 88.9998 0.0488281C85.9622 0.0488281 83.4998 2.51126 83.4998 5.54883V13.7715L77.6855 7.9572C75.5376 5.80932 72.0552 5.80932 69.9073 7.9572C67.7594 10.1051 67.7594 13.5875 69.9073 15.7354L75.7216 21.5496L67.4991 21.5496C64.4616 21.5496 61.9991 24.0121 61.9991 27.0496C61.9991 30.0872 64.4616 32.5496 67.4991 32.5496H75.7217L69.9074 38.3639C67.7595 40.5118 67.7595 43.9942 69.9074 46.1421C72.0553 48.29 75.5377 48.29 77.6856 46.1421L83.4998 40.3279V48.5504C83.4998 51.588 85.9622 54.0504 88.9998 54.0504C92.0374 54.0504 94.4998 51.588 94.4998 48.5504V40.3279L100.314 46.1421C102.462 48.29 105.944 48.29 108.092 46.1421C110.24 43.9942 110.24 40.5118 108.092 38.3639L102.278 32.5496H110.501C113.538 32.5496 116.001 30.0872 116.001 27.0496C116.001 24.0121 113.538 21.5496 110.501 21.5496L102.278 21.5496L108.092 15.7354C110.24 13.5875 110.24 10.1051 108.092 7.9572C105.944 5.80932 102.462 5.80932 100.314 7.9572L94.4998 13.7715V5.54883Z" fill="url(#paint0_linear_203_948)"/>
 6 | <g filter="url(#filter1_bi_203_948)">
 7 | <path fill-rule="evenodd" clip-rule="evenodd" d="M76.9991 38.4565C76.9991 39.2448 76.9687 40.0259 76.9091 40.7988C80.194 38.0862 84.4063 36.4565 88.9991 36.4565C99.4926 36.4565 107.999 44.9631 107.999 55.4565C107.999 65.6145 100.028 73.9107 89.9991 74.4307V74.4565H88.9991H18.9991H16.9991V74.3525C7.44582 73.3531 -0.000854492 65.2745 -0.000854492 55.4565C-0.000854492 45.6183 7.47666 37.5265 17.0585 36.5544C18.0397 20.8721 31.0695 8.45654 46.9991 8.45654C63.5677 8.45654 76.9991 21.888 76.9991 38.4565Z" fill="url(#paint1_linear_203_948)"/>
 8 | </g>
 9 | <defs>
10 | <filter id="filter0_f_203_948" x="-0.000854492" y="44.4565" width="107" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
11 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
12 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
13 | <feGaussianBlur stdDeviation="11" result="effect1_foregroundBlur_203_948"/>
14 | </filter>
15 | <filter id="filter1_bi_203_948" x="-7.00085" y="1.45654" width="122" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
16 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
17 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
18 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_948"/>
19 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_948" result="shape"/>
20 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
21 | <feOffset dy="2"/>
22 | <feGaussianBlur stdDeviation="4"/>
23 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
24 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
25 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_948"/>
26 | </filter>
27 | <linearGradient id="paint0_linear_203_948" x1="69.708" y1="43.1216" x2="120.996" y2="-0.167487" gradientUnits="userSpaceOnUse">
28 | <stop stop-color="#0056D6"/>
29 | <stop offset="1" stop-color="#ADD8FF"/>
30 | </linearGradient>
31 | <linearGradient id="paint1_linear_203_948" x1="55.9991" y1="97.9565" x2="96.4991" y2="8.45654" gradientUnits="userSpaceOnUse">
32 | <stop stop-color="#0082DF"/>
33 | <stop offset="0.299998" stop-color="#48B2FF" stop-opacity="0.75"/>
34 | <stop offset="1" stop-color="#3BADFF" stop-opacity="0"/>
35 | </linearGradient>
36 | </defs>
37 | </svg>
38 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/overcast.svg:
--------------------------------------------------------------------------------
 1 | <svg width="134" height="104" viewBox="0 0 134 104" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_bi_203_230)">
 3 | <path fill-rule="evenodd" clip-rule="evenodd" d="M113.046 20.2778C113.046 20.8106 113.025 21.3387 112.985 21.8612C115.206 20.0275 118.053 18.9259 121.157 18.9259C128.25 18.9259 134 24.6758 134 31.7685C134 38.6346 128.612 44.2423 121.833 44.5936V44.6111H72.4905V44.5408C66.0333 43.8651 61 38.4046 61 31.7685C61 25.1187 66.0541 19.6493 72.5306 18.9921C73.1938 8.39202 82.001 0 92.7683 0C103.967 0 113.046 9.07867 113.046 20.2778Z" fill="url(#paint0_linear_203_230)"/>
 4 | </g>
 5 | <g filter="url(#filter1_f_203_230)">
 6 | <ellipse cx="53.5" cy="72.5" rx="31.5" ry="9.5" fill="#4DB4FF"/>
 7 | </g>
 8 | <g filter="url(#filter2_bi_203_230)">
 9 | <path fill-rule="evenodd" clip-rule="evenodd" d="M77 35C77 35.7882 76.9696 36.5693 76.9099 37.3422C80.1949 34.6296 84.4071 33 89 33C99.4934 33 108 41.5066 108 52C108 62.158 100.029 70.4541 90 70.9741V71H89H19H17V70.896C7.44667 69.8966 0 61.8179 0 52C0 42.1618 7.47752 34.07 17.0593 33.0979C18.0405 17.4156 31.0704 5 47 5C63.5685 5 77 18.4315 77 35Z" fill="url(#paint1_linear_203_230)"/>
10 | </g>
11 | <defs>
12 | <filter id="filter0_bi_203_230" x="54" y="-7" width="87" height="58.6113" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
13 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
14 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
15 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_230"/>
16 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_230" result="shape"/>
17 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
18 | <feOffset dy="2"/>
19 | <feGaussianBlur stdDeviation="4"/>
20 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
21 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
22 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_230"/>
23 | </filter>
24 | <filter id="filter1_f_203_230" x="0" y="41" width="107" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
25 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
26 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
27 | <feGaussianBlur stdDeviation="11" result="effect1_foregroundBlur_203_230"/>
28 | </filter>
29 | <filter id="filter2_bi_203_230" x="-7" y="-2" width="122" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
30 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
31 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
32 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_230"/>
33 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_230" result="shape"/>
34 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
35 | <feOffset dy="2"/>
36 | <feGaussianBlur stdDeviation="4"/>
37 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
38 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
39 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_230"/>
40 | </filter>
41 | <linearGradient id="paint0_linear_203_230" x1="79.5" y1="54.5" x2="126.227" y2="-7.27901e-06" gradientUnits="userSpaceOnUse">
42 | <stop offset="0.170077" stop-color="#0082DF"/>
43 | <stop offset="0.538523" stop-color="#48B2FF" stop-opacity="0.9"/>
44 | <stop offset="1" stop-color="#3BADFF" stop-opacity="0"/>
45 | </linearGradient>
46 | <linearGradient id="paint1_linear_203_230" x1="56" y1="94.5" x2="96.5" y2="5" gradientUnits="userSpaceOnUse">
47 | <stop stop-color="#0082DF"/>
48 | <stop offset="0.299998" stop-color="#48B2FF" stop-opacity="0.75"/>
49 | <stop offset="1" stop-color="#3BADFF" stop-opacity="0"/>
50 | </linearGradient>
51 | </defs>
52 | </svg>
53 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/partlycloudy.svg:
--------------------------------------------------------------------------------
 1 | <svg width="126" height="120" viewBox="0 0 126 120" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_f_203_200)">
 3 | <ellipse cx="53.5" cy="88.5" rx="31.5" ry="9.5" fill="#4DB4FF"/>
 4 | </g>
 5 | <g filter="url(#filter1_ddi_203_200)">
 6 | <circle cx="84" cy="42" r="26" fill="url(#paint0_linear_203_200)"/>
 7 | </g>
 8 | <g filter="url(#filter2_bi_203_200)">
 9 | <path fill-rule="evenodd" clip-rule="evenodd" d="M77 51C77 51.7882 76.9696 52.5693 76.9099 53.3422C80.1949 50.6296 84.4071 49 89 49C99.4934 49 108 57.5066 108 68C108 78.158 100.029 86.4541 90 86.9741V87H89H19H17V86.896C7.44667 85.8966 0 77.8179 0 68C0 58.1618 7.47752 50.07 17.0593 49.0979C18.0405 33.4156 31.0704 21 47 21C63.5685 21 77 34.4315 77 51Z" fill="url(#paint1_linear_203_200)"/>
10 | </g>
11 | <defs>
12 | <filter id="filter0_f_203_200" x="0" y="57" width="107" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
13 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
14 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
15 | <feGaussianBlur stdDeviation="11" result="effect1_foregroundBlur_203_200"/>
16 | </filter>
17 | <filter id="filter1_ddi_203_200" x="42" y="0" width="84" height="84" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
18 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
19 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
20 | <feOffset/>
21 | <feGaussianBlur stdDeviation="8"/>
22 | <feComposite in2="hardAlpha" operator="out"/>
23 | <feColorMatrix type="matrix" values="0 0 0 0 0.992157 0 0 0 0 0.773882 0 0 0 0 0 0 0 0 1 0"/>
24 | <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_203_200"/>
25 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
26 | <feOffset/>
27 | <feGaussianBlur stdDeviation="5.5"/>
28 | <feComposite in2="hardAlpha" operator="out"/>
29 | <feColorMatrix type="matrix" values="0 0 0 0 0.992157 0 0 0 0 0.772549 0 0 0 0 0 0 0 0 0.45 0"/>
30 | <feBlend mode="normal" in2="effect1_dropShadow_203_200" result="effect2_dropShadow_203_200"/>
31 | <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_203_200" result="shape"/>
32 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
33 | <feOffset dx="-1" dy="3"/>
34 | <feGaussianBlur stdDeviation="2.5"/>
35 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
36 | <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.9 0 0 0 0 0 0 0 0 0.35 0"/>
37 | <feBlend mode="normal" in2="shape" result="effect3_innerShadow_203_200"/>
38 | </filter>
39 | <filter id="filter2_bi_203_200" x="-7" y="14" width="122" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
40 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
41 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
42 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_200"/>
43 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_200" result="shape"/>
44 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
45 | <feOffset dy="2"/>
46 | <feGaussianBlur stdDeviation="4"/>
47 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
48 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
49 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_200"/>
50 | </filter>
51 | <linearGradient id="paint0_linear_203_200" x1="84" y1="16" x2="84" y2="68" gradientUnits="userSpaceOnUse">
52 | <stop stop-color="#FDC500"/>
53 | <stop offset="1" stop-color="#FD8900"/>
54 | </linearGradient>
55 | <linearGradient id="paint1_linear_203_200" x1="56" y1="110.5" x2="96.5" y2="21" gradientUnits="userSpaceOnUse">
56 | <stop stop-color="#0082DF"/>
57 | <stop offset="0.299998" stop-color="#48B2FF" stop-opacity="0.75"/>
58 | <stop offset="1" stop-color="#3BADFF" stop-opacity="0"/>
59 | </linearGradient>
60 | </defs>
61 | </svg>
62 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/slightrain.svg:
--------------------------------------------------------------------------------
 1 | <svg width="108" height="100" viewBox="0 0 108 100" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_f_203_342)">
 3 | <ellipse cx="53.5" cy="67.6768" rx="31.5" ry="9.5" fill="#4DB4FF"/>
 4 | </g>
 5 | <g filter="url(#filter1_bi_203_342)">
 6 | <path fill-rule="evenodd" clip-rule="evenodd" d="M77 30.1768C77 30.965 76.9696 31.7461 76.9099 32.519C80.1949 29.8064 84.4071 28.1768 89 28.1768C99.4934 28.1768 108 36.6833 108 47.1768C108 57.3347 100.029 65.6309 90 66.1509V66.1768H89H19H17V66.0727C7.44667 65.0734 0 56.9947 0 47.1768C0 37.3385 7.47752 29.2467 17.0593 28.2747C18.0405 12.5923 31.0704 0.176758 47 0.176758C63.5685 0.176758 77 13.6082 77 30.1768Z" fill="url(#paint0_linear_203_342)"/>
 7 | </g>
 8 | <path d="M68.6829 35.8202L60.6353 44.9509C59.7295 45.9142 59.085 47.0754 58.7551 48.3384C58.4252 49.6014 58.4195 50.9299 58.7383 52.214C59.0012 53.2327 59.5491 54.1727 60.3233 54.9333C61.0975 55.6938 62.0689 56.2463 63.1333 56.5315C64.1978 56.8167 65.3152 56.8239 66.366 56.5524C67.4167 56.2808 68.3612 55.7408 69.0983 54.99C70.0128 54.0367 70.6731 52.8866 71.0264 51.6319C71.3797 50.3771 71.4161 49.0524 71.1328 47.7637L68.6829 35.8202Z" fill="url(#paint1_linear_203_342)"/>
 9 | <path d="M42.7304 31.5436L36.5945 37.1555C35.9086 37.7434 35.3856 38.4849 35.069 39.3186C34.7523 40.1523 34.6509 41.0542 34.7733 41.9498C34.8772 42.6611 35.1804 43.3397 35.6505 43.9131C36.1206 44.4865 36.7399 44.933 37.442 45.2048C38.1441 45.4766 38.9026 45.5634 39.6363 45.456C40.3699 45.3486 41.051 45.051 41.6067 44.5951C42.2979 44.0146 42.8307 43.2819 43.1627 42.4555C43.4946 41.6291 43.6165 40.732 43.5186 39.8359L42.7304 31.5436Z" fill="url(#paint2_linear_203_342)"/>
10 | <path d="M47.8078 55.0825L38.3151 66.0949C37.2652 67.2871 36.5157 68.7042 36.1254 70.2352C35.7351 71.7662 35.7145 73.3696 36.0653 74.9199C36.3548 76.1428 36.9806 77.2699 37.8751 78.1789C38.7695 79.0879 39.8983 79.7443 41.1393 80.0768C42.3803 80.4093 43.6861 80.4053 44.9152 80.0653C46.1443 79.7253 47.2499 79.0622 48.1121 78.1478C49.191 76.9806 49.9749 75.5817 50.4023 74.0607C50.8298 72.5396 50.8893 70.9377 50.5761 69.3803L47.8078 55.0825Z" fill="url(#paint3_linear_203_342)"/>
11 | <path fill-rule="evenodd" clip-rule="evenodd" d="M49.9557 66.1768H38.2436C38.2673 66.1494 38.291 66.1221 38.3149 66.0949L47.8076 55.0825L49.9557 66.1768ZM36.5943 37.1556L42.7302 31.5437L43.5185 39.836C43.6164 40.7321 43.4945 41.6292 43.1625 42.4556C42.8306 43.282 42.2977 44.0147 41.6066 44.5952C41.0509 45.0511 40.3698 45.3487 39.6361 45.4561C38.9025 45.5635 38.144 45.4767 37.4419 45.2049C36.7398 44.9331 36.1205 44.4866 35.6504 43.9132C35.1803 43.3398 34.877 42.6612 34.7732 41.9499C34.6508 41.0543 34.7521 40.1524 35.0688 39.3187C35.3855 38.485 35.9084 37.7435 36.5943 37.1556ZM60.6352 44.951L68.6829 35.8203L71.1328 47.7638C71.4161 49.0525 71.3796 50.3772 71.0263 51.6319C70.6731 52.8867 70.0128 54.0367 69.0982 54.9901C68.3612 55.7408 67.4167 56.2809 66.3659 56.5524C65.3152 56.824 64.1977 56.8168 63.1333 56.5316C62.0688 56.2463 61.0975 55.6939 60.3233 54.9333C59.5491 54.1728 59.0012 53.2328 58.7382 52.2141C58.4194 50.93 58.4252 49.6015 58.7551 48.3385C59.085 47.0755 59.7294 45.9143 60.6352 44.951Z" fill="#E0F3FE"/>
12 | <defs>
13 | <filter id="filter0_f_203_342" x="0" y="36.1768" width="107" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
14 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
15 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
16 | <feGaussianBlur stdDeviation="11" result="effect1_foregroundBlur_203_342"/>
17 | </filter>
18 | <filter id="filter1_bi_203_342" x="-7" y="-6.82324" width="122" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
19 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
20 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
21 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_342"/>
22 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_342" result="shape"/>
23 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
24 | <feOffset dy="2"/>
25 | <feGaussianBlur stdDeviation="4"/>
26 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
27 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
28 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_342"/>
29 | </filter>
30 | <linearGradient id="paint0_linear_203_342" x1="56" y1="89.6768" x2="96.5" y2="0.176758" gradientUnits="userSpaceOnUse">
31 | <stop stop-color="#0082DF"/>
32 | <stop offset="0.299998" stop-color="#48B2FF" stop-opacity="0.75"/>
33 | <stop offset="1" stop-color="#3BADFF" stop-opacity="0"/>
34 | </linearGradient>
35 | <linearGradient id="paint1_linear_203_342" x1="68.6862" y1="35.8211" x2="62.0842" y2="60.4604" gradientUnits="userSpaceOnUse">
36 | <stop stop-color="#E4F5FF"/>
37 | <stop offset="0.146777" stop-color="#D7F0FF"/>
38 | <stop offset="1" stop-color="#0072DC"/>
39 | </linearGradient>
40 | <linearGradient id="paint2_linear_203_342" x1="42.7326" y1="31.5445" x2="36.4413" y2="47.7965" gradientUnits="userSpaceOnUse">
41 | <stop stop-color="#E4F5FF"/>
42 | <stop offset="0.146777" stop-color="#D7F0FF"/>
43 | <stop offset="1" stop-color="#0072DC"/>
44 | </linearGradient>
45 | <linearGradient id="paint3_linear_203_342" x1="47.8346" y1="55.0897" x2="40.2158" y2="83.5233" gradientUnits="userSpaceOnUse">
46 | <stop stop-color="#E4F5FF"/>
47 | <stop offset="0.0777368" stop-color="#D7F0FF"/>
48 | <stop offset="1" stop-color="#0072DC"/>
49 | </linearGradient>
50 | </defs>
51 | </svg>
52 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/slightrainshowers.svg:
--------------------------------------------------------------------------------
 1 | <svg width="108" height="100" viewBox="0 0 108 100" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_f_203_1113)">
 3 | <ellipse cx="53.5" cy="67.9546" rx="31.5" ry="9.5" fill="#4DB4FF"/>
 4 | </g>
 5 | <g filter="url(#filter1_bi_203_1113)">
 6 | <path fill-rule="evenodd" clip-rule="evenodd" d="M77 30.4546C77 31.2428 76.9696 32.0239 76.9099 32.7968C80.1949 30.0842 84.4071 28.4546 89 28.4546C99.4934 28.4546 108 36.9612 108 47.4546C108 57.6126 100.029 65.9087 90 66.4287V66.4546H89H19H17V66.3506C7.44667 65.3512 0 57.2725 0 47.4546C0 37.6163 7.47752 29.5246 17.0593 28.5525C18.0405 12.8702 31.0704 0.45459 47 0.45459C63.5685 0.45459 77 13.886 77 30.4546Z" fill="url(#paint0_linear_203_1113)"/>
 7 | </g>
 8 | <path d="M68.6829 36.098L60.6353 45.2287C59.7295 46.1921 59.085 47.3532 58.7551 48.6162C58.4252 49.8792 58.4195 51.2078 58.7383 52.4919C59.0012 53.5106 59.5491 54.4505 60.3233 55.2111C61.0975 55.9716 62.0689 56.5241 63.1333 56.8093C64.1978 57.0945 65.3152 57.1017 66.366 56.8302C67.4167 56.5587 68.3612 56.0186 69.0983 55.2678C70.0128 54.3145 70.6731 53.1645 71.0264 51.9097C71.3797 50.6549 71.4161 49.3303 71.1328 48.0415L68.6829 36.098Z" fill="url(#paint1_linear_203_1113)"/>
 9 | <path d="M42.7304 31.8214L36.5945 37.4333C35.9086 38.0212 35.3856 38.7627 35.069 39.5964C34.7523 40.4301 34.6509 41.3321 34.7733 42.2277C34.8772 42.9389 35.1804 43.6176 35.6505 44.1909C36.1206 44.7643 36.7399 45.2108 37.442 45.4826C38.1441 45.7544 38.9026 45.8412 39.6363 45.7338C40.3699 45.6264 41.051 45.3289 41.6067 44.8729C42.2979 44.2925 42.8307 43.5597 43.1627 42.7333C43.4946 41.907 43.6165 41.0098 43.5186 40.1137L42.7304 31.8214Z" fill="url(#paint2_linear_203_1113)"/>
10 | <path d="M47.8078 55.3604L38.3151 66.3728C37.2652 67.565 36.5157 68.982 36.1254 70.513C35.7351 72.044 35.7145 73.6474 36.0653 75.1977C36.3548 76.4207 36.9806 77.5477 37.8751 78.4567C38.7695 79.3658 39.8983 80.0221 41.1393 80.3546C42.3803 80.6872 43.6861 80.6832 44.9152 80.3431C46.1443 80.0031 47.2499 79.34 48.1121 78.4256C49.191 77.2584 49.9749 75.8596 50.4023 74.3385C50.8298 72.8175 50.8893 71.2155 50.5761 69.6581L47.8078 55.3604Z" fill="url(#paint3_linear_203_1113)"/>
11 | <path fill-rule="evenodd" clip-rule="evenodd" d="M49.9557 66.4546H38.2436C38.2673 66.4272 38.291 66.3999 38.3149 66.3728L47.8076 55.3604L49.9557 66.4546ZM36.5943 37.4334L42.7302 31.8215L43.5185 40.1138C43.6164 41.0099 43.4945 41.9071 43.1625 42.7335C42.8306 43.5598 42.2977 44.2926 41.6066 44.8731C41.0509 45.329 40.3698 45.6266 39.6361 45.7339C38.9025 45.8413 38.144 45.7545 37.4419 45.4827C36.7398 45.2109 36.1205 44.7644 35.6504 44.191C35.1803 43.6177 34.877 42.939 34.7732 42.2278C34.6508 41.3322 34.7521 40.4302 35.0688 39.5965C35.3855 38.7628 35.9084 38.0213 36.5943 37.4334ZM60.6352 45.2288L68.6829 36.0981L71.1328 48.0416C71.4161 49.3303 71.3796 50.655 71.0263 51.9098C70.6731 53.1645 70.0128 54.3146 69.0982 55.2679C68.3612 56.0187 67.4167 56.5587 66.3659 56.8303C65.3152 57.1018 64.1977 57.0946 63.1333 56.8094C62.0688 56.5242 61.0975 55.9717 60.3233 55.2112C59.5491 54.4506 59.0012 53.5107 58.7382 52.4919C58.4194 51.2078 58.4252 49.8793 58.7551 48.6163C59.085 47.3533 59.7294 46.1921 60.6352 45.2288Z" fill="#E0F3FE"/>
12 | <defs>
13 | <filter id="filter0_f_203_1113" x="0" y="36.4546" width="107" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
14 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
15 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
16 | <feGaussianBlur stdDeviation="11" result="effect1_foregroundBlur_203_1113"/>
17 | </filter>
18 | <filter id="filter1_bi_203_1113" x="-7" y="-6.54541" width="122" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
19 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
20 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
21 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_1113"/>
22 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_1113" result="shape"/>
23 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
24 | <feOffset dy="2"/>
25 | <feGaussianBlur stdDeviation="4"/>
26 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
27 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
28 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_1113"/>
29 | </filter>
30 | <linearGradient id="paint0_linear_203_1113" x1="56" y1="89.9546" x2="96.5" y2="0.45459" gradientUnits="userSpaceOnUse">
31 | <stop stop-color="#0082DF"/>
32 | <stop offset="0.299998" stop-color="#48B2FF" stop-opacity="0.75"/>
33 | <stop offset="1" stop-color="#3BADFF" stop-opacity="0"/>
34 | </linearGradient>
35 | <linearGradient id="paint1_linear_203_1113" x1="68.6862" y1="36.0989" x2="62.0842" y2="60.7382" gradientUnits="userSpaceOnUse">
36 | <stop stop-color="#E4F5FF"/>
37 | <stop offset="0.146777" stop-color="#D7F0FF"/>
38 | <stop offset="1" stop-color="#0072DC"/>
39 | </linearGradient>
40 | <linearGradient id="paint2_linear_203_1113" x1="42.7326" y1="31.8223" x2="36.4413" y2="48.0744" gradientUnits="userSpaceOnUse">
41 | <stop stop-color="#E4F5FF"/>
42 | <stop offset="0.146777" stop-color="#D7F0FF"/>
43 | <stop offset="1" stop-color="#0072DC"/>
44 | </linearGradient>
45 | <linearGradient id="paint3_linear_203_1113" x1="47.8346" y1="55.3675" x2="40.2158" y2="83.8011" gradientUnits="userSpaceOnUse">
46 | <stop stop-color="#E4F5FF"/>
47 | <stop offset="0.0777368" stop-color="#D7F0FF"/>
48 | <stop offset="1" stop-color="#0072DC"/>
49 | </linearGradient>
50 | </defs>
51 | </svg>
52 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/slightsnowfall.svg:
--------------------------------------------------------------------------------
 1 | <svg width="110" height="111" viewBox="0 0 110 111" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <path fill-rule="evenodd" clip-rule="evenodd" d="M61.1953 29.2421C61.1953 25.8216 58.4225 23.0488 55.0021 23.0488C51.5816 23.0488 48.8088 25.8216 48.8088 29.2421V40.0993L41.1315 32.4221C38.7129 30.0034 34.7915 30.0034 32.3729 32.4221C29.9543 34.8407 29.9543 38.7621 32.3729 41.1807L40.05 48.8578L29.1933 48.8578C25.7728 48.8578 23 51.6306 23 55.0511C23 58.4715 25.7728 61.2443 29.1933 61.2443L40.0501 61.2443L32.373 68.9214C29.9544 71.34 29.9544 75.2614 32.373 77.68C34.7916 80.0987 38.713 80.0987 41.1316 77.68L48.8088 70.0028V80.86C48.8088 84.2804 51.5816 87.0533 55.0021 87.0533C58.4225 87.0533 61.1953 84.2804 61.1953 80.86V70.0031L68.8723 77.68C71.2909 80.0987 75.2123 80.0987 77.6309 77.68C80.0495 75.2614 80.0495 71.34 77.6309 68.9214L69.9538 61.2443L80.8111 61.2443C84.2316 61.2443 87.0044 58.4715 87.0044 55.0511C87.0044 51.6306 84.2316 48.8578 80.8111 48.8578L69.9539 48.8578L77.631 41.1807C80.0496 38.7621 80.0496 34.8407 77.631 32.4221C75.2123 30.0034 71.291 30.0034 68.8724 32.4221L61.1953 40.0991V29.2421Z" fill="url(#paint0_linear_203_993)"/>
 3 | <defs>
 4 | <linearGradient id="paint0_linear_203_993" x1="32.1368" y1="74.1" x2="92.9251" y2="22.7925" gradientUnits="userSpaceOnUse">
 5 | <stop stop-color="#0056D6"/>
 6 | <stop offset="1" stop-color="#ADD8FF"/>
 7 | </linearGradient>
 8 | </defs>
 9 | </svg>
10 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/slightsnowshowers.svg:
--------------------------------------------------------------------------------
 1 | <svg width="116" height="108" viewBox="0 0 116 108" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_f_203_1068)">
 3 | <ellipse cx="53.4991" cy="76.1753" rx="31.5" ry="9.5" fill="#4DB4FF"/>
 4 | </g>
 5 | <path fill-rule="evenodd" clip-rule="evenodd" d="M94.4998 5.76758C94.4998 2.73001 92.0374 0.267578 88.9998 0.267578C85.9622 0.267578 83.4998 2.73001 83.4998 5.76758V13.9903L77.6855 8.17595C75.5376 6.02807 72.0552 6.02807 69.9073 8.17595C67.7594 10.3238 67.7594 13.8062 69.9073 15.9541L75.7216 21.7684L67.4991 21.7684C64.4616 21.7684 61.9991 24.2308 61.9991 27.2684C61.9991 30.3059 64.4616 32.7684 67.4991 32.7684H75.7217L69.9074 38.5827C67.7595 40.7306 67.7595 44.213 69.9074 46.3609C72.0553 48.5087 75.5377 48.5087 77.6856 46.3609L83.4998 40.5466V48.7692C83.4998 51.8068 85.9622 54.2692 88.9998 54.2692C92.0374 54.2692 94.4998 51.8068 94.4998 48.7692V40.5466L100.314 46.3609C102.462 48.5087 105.944 48.5087 108.092 46.3609C110.24 44.213 110.24 40.7306 108.092 38.5827L102.278 32.7684H110.501C113.538 32.7684 116.001 30.306 116.001 27.2684C116.001 24.2308 113.538 21.7684 110.501 21.7684L102.278 21.7684L108.092 15.9541C110.24 13.8062 110.24 10.3238 108.092 8.17595C105.944 6.02807 102.462 6.02807 100.314 8.17595L94.4998 13.9903V5.76758Z" fill="url(#paint0_linear_203_1068)"/>
 6 | <g filter="url(#filter1_bi_203_1068)">
 7 | <path fill-rule="evenodd" clip-rule="evenodd" d="M76.9991 38.6753C76.9991 39.4635 76.9687 40.2446 76.9091 41.0175C80.194 38.3049 84.4063 36.6753 88.9991 36.6753C99.4926 36.6753 107.999 45.1819 107.999 55.6753C107.999 65.8333 100.028 74.1294 89.9991 74.6494V74.6753H88.9991H18.9991H16.9991V74.5713C7.44582 73.5719 -0.000854492 65.4932 -0.000854492 55.6753C-0.000854492 45.837 7.47666 37.7453 17.0585 36.7732C18.0397 21.0909 31.0695 8.67529 46.9991 8.67529C63.5677 8.67529 76.9991 22.1068 76.9991 38.6753Z" fill="url(#paint1_linear_203_1068)"/>
 8 | </g>
 9 | <defs>
10 | <filter id="filter0_f_203_1068" x="-0.000854492" y="44.6753" width="107" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
11 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
12 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
13 | <feGaussianBlur stdDeviation="11" result="effect1_foregroundBlur_203_1068"/>
14 | </filter>
15 | <filter id="filter1_bi_203_1068" x="-7.00085" y="1.67529" width="122" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
16 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
17 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
18 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_1068"/>
19 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_1068" result="shape"/>
20 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
21 | <feOffset dy="2"/>
22 | <feGaussianBlur stdDeviation="4"/>
23 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
24 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
25 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_1068"/>
26 | </filter>
27 | <linearGradient id="paint0_linear_203_1068" x1="69.708" y1="43.3403" x2="120.996" y2="0.0512628" gradientUnits="userSpaceOnUse">
28 | <stop stop-color="#0056D6"/>
29 | <stop offset="1" stop-color="#ADD8FF"/>
30 | </linearGradient>
31 | <linearGradient id="paint1_linear_203_1068" x1="55.9991" y1="98.1753" x2="96.4991" y2="8.67529" gradientUnits="userSpaceOnUse">
32 | <stop stop-color="#0082DF"/>
33 | <stop offset="0.299998" stop-color="#48B2FF" stop-opacity="0.75"/>
34 | <stop offset="1" stop-color="#3BADFF" stop-opacity="0"/>
35 | </linearGradient>
36 | </defs>
37 | </svg>
38 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/snowgrains.svg:
--------------------------------------------------------------------------------
 1 | <svg width="100" height="101" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <path fill-rule="evenodd" clip-rule="evenodd" d="M65.1476 43.198C63.9615 43.198 63 44.1595 63 45.3456C63 46.5317 63.9615 47.4932 65.1476 47.4932L68.816 47.4932L66.222 50.0871C65.3834 50.9258 65.3834 52.2856 66.222 53.1243C67.0607 53.9629 68.4205 53.9629 69.2592 53.1243L71.8532 50.5303L71.8532 54.1986C71.8532 55.3847 72.8147 56.3462 74.0007 56.3462C75.1868 56.3462 76.1483 55.3847 76.1483 54.1986L76.1483 50.5304L78.7423 53.1244C79.581 53.963 80.9407 53.963 81.7794 53.1244C82.6181 52.2857 82.6181 50.9259 81.7794 50.0872L79.1853 47.4932L82.8539 47.4932C84.0399 47.4932 85.0014 46.5317 85.0014 45.3456C85.0014 44.1595 84.0399 43.198 82.8539 43.198L79.1854 43.198L81.7794 40.604C82.6181 39.7653 82.6181 38.4056 81.7794 37.5669C80.9407 36.7282 79.581 36.7282 78.7423 37.5669L76.1483 40.1609L76.1483 36.4923C76.1483 35.3063 75.1868 34.3448 74.0007 34.3448C72.8147 34.3448 71.8532 35.3063 71.8532 36.4923L71.8532 40.161L69.2592 37.567C68.4205 36.7283 67.0607 36.7283 66.222 37.567C65.3834 38.4057 65.3834 39.7655 66.222 40.6041L68.8159 43.198L65.1476 43.198Z" fill="url(#paint0_linear_203_999)"/>
 3 | <path fill-rule="evenodd" clip-rule="evenodd" d="M17.0244 32.9707C15.3541 32.9707 14 34.3248 14 35.9951C14 37.6654 15.3541 39.0195 17.0244 39.0195L21.6996 39.0195L18.3937 42.3254C17.2126 43.5065 17.2126 45.4214 18.3937 46.6025C19.5748 47.7836 21.4897 47.7836 22.6708 46.6025L25.9766 43.2967L25.9766 47.9717C25.9766 49.642 27.3307 50.9961 29.001 50.9961C30.6713 50.9961 32.0254 49.642 32.0254 47.9717L32.0254 43.2967L35.3312 46.6025C36.5123 47.7836 38.4272 47.7836 39.6083 46.6025C40.7894 45.4214 40.7894 43.5064 39.6083 42.3253L36.3025 39.0195L40.9776 39.0195C42.6479 39.0195 44.002 37.6654 44.002 35.9951C44.002 34.3248 42.6479 32.9707 40.9776 32.9707L36.3026 32.9707L39.6083 29.665C40.7894 28.4839 40.7894 26.569 39.6083 25.3879C38.4272 24.2068 36.5123 24.2068 35.3312 25.3879L32.0254 28.6937L32.0254 24.0185C32.0254 22.3482 30.6713 20.9941 29.001 20.9941C27.3307 20.9941 25.9766 22.3482 25.9766 24.0185L25.9766 28.6936L22.6708 25.3879C21.4897 24.2068 19.5748 24.2068 18.3937 25.3879C17.2126 26.569 17.2126 28.4839 18.3937 29.665L21.6994 32.9707L17.0244 32.9707Z" fill="url(#paint1_linear_203_999)"/>
 4 | <path fill-rule="evenodd" clip-rule="evenodd" d="M37.4084 63.836C35.9627 63.836 34.7906 65.008 34.7906 66.4537C34.7906 67.8995 35.9627 69.0715 37.4084 69.0715L41.4717 69.0715L38.5985 71.9446C37.5762 72.9669 37.5762 74.6244 38.5985 75.6467C39.6208 76.669 41.2783 76.669 42.3006 75.6467L45.1737 72.7735L45.1737 76.8368C45.1737 78.2826 46.3457 79.4546 47.7915 79.4546C49.2372 79.4546 50.4092 78.2826 50.4092 76.8368L50.4092 72.7735L53.2824 75.6467C54.3047 76.669 55.9621 76.669 56.9844 75.6467C58.0067 74.6244 58.0067 72.9669 56.9844 71.9446L54.1113 69.0715L58.1745 69.0715C59.6203 69.0715 60.7923 67.8995 60.7923 66.4537C60.7923 65.008 59.6203 63.836 58.1745 63.836L54.1113 63.836L56.9844 60.9628C58.0067 59.9405 58.0067 58.2831 56.9844 57.2608C55.9621 56.2385 54.3047 56.2385 53.2824 57.2608L50.4092 60.1339L50.4092 56.0707C50.4092 54.6249 49.2372 53.4529 47.7915 53.4529C46.3457 53.4529 45.1737 54.6249 45.1737 56.0707L45.1737 60.1339L42.3005 57.2608C41.2783 56.2385 39.6208 56.2385 38.5985 57.2608C37.5762 58.2831 37.5762 59.9405 38.5985 60.9628L41.4716 63.836L37.4084 63.836Z" fill="url(#paint2_linear_203_999)"/>
 5 | <defs>
 6 | <linearGradient id="paint0_linear_203_999" x1="80.5488" y1="53.2054" x2="62.9119" y2="32.3095" gradientUnits="userSpaceOnUse">
 7 | <stop stop-color="#0056D6"/>
 8 | <stop offset="1" stop-color="#ADD8FF"/>
 9 | </linearGradient>
10 | <linearGradient id="paint1_linear_203_999" x1="37.9302" y1="46.7132" x2="13.8798" y2="18.2188" gradientUnits="userSpaceOnUse">
11 | <stop stop-color="#0056D6"/>
12 | <stop offset="1" stop-color="#ADD8FF"/>
13 | </linearGradient>
14 | <linearGradient id="paint2_linear_203_999" x1="55.5301" y1="75.7428" x2="34.6865" y2="51.0477" gradientUnits="userSpaceOnUse">
15 | <stop stop-color="#0056D6"/>
16 | <stop offset="1" stop-color="#ADD8FF"/>
17 | </linearGradient>
18 | </defs>
19 | </svg>
20 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/thunderstormwithhail.svg:
--------------------------------------------------------------------------------
 1 | <svg width="108" height="101" viewBox="0 0 108 101" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_f_203_1046)">
 3 | <ellipse cx="53.5" cy="68.1733" rx="31.5" ry="9.5" fill="#4DB4FF"/>
 4 | </g>
 5 | <path d="M49.8069 75.9547L62.9076 51.9049C62.9853 51.7621 63.1348 51.6733 63.2973 51.6733H80.2814C80.6114 51.6733 80.826 52.0208 80.6782 52.3159L73.8724 65.9058C73.7246 66.2009 73.9391 66.5483 74.2692 66.5483H81L43.8784 99.0297C43.5053 99.3562 42.959 98.918 43.1967 98.4829L54.7873 77.2674C54.9489 76.9717 54.7349 76.6108 54.3979 76.6108H50.1966C49.8598 76.6108 49.6458 76.2505 49.8069 75.9547Z" fill="url(#paint0_linear_203_1046)"/>
 6 | <g filter="url(#filter1_bi_203_1046)">
 7 | <path fill-rule="evenodd" clip-rule="evenodd" d="M77 30.6733C77 31.4616 76.9696 32.2427 76.9099 33.0156C80.1949 30.303 84.4071 28.6733 89 28.6733C99.4934 28.6733 108 37.1799 108 47.6733C108 57.8313 100.029 66.1275 90 66.6475V66.6733H89H19H17V66.5693C7.44667 65.5699 0 57.4913 0 47.6733C0 37.8351 7.47752 29.7433 17.0593 28.7712C18.0405 13.0889 31.0704 0.67334 47 0.67334C63.5685 0.67334 77 14.1048 77 30.6733Z" fill="url(#paint1_linear_203_1046)"/>
 8 | </g>
 9 | <path d="M25.9705 55.6134L16.3797 66.73C15.3007 67.9033 14.5292 69.314 14.1289 70.8454C13.7287 72.3769 13.7112 73.985 14.0779 75.5367C14.3807 76.7677 15.0212 77.9011 15.9307 78.8155C16.8402 79.7298 17.9846 80.3908 19.2412 80.7275C20.4978 81.0642 21.8193 81.064 23.0641 80.7269C24.309 80.3898 25.4303 79.7285 26.308 78.8138C27.3973 77.6525 28.1874 76.2552 28.6153 74.7336C29.0431 73.212 29.0969 71.6082 28.7721 70.0506L25.9705 55.6134Z" fill="url(#paint2_linear_203_1046)"/>
10 | <path d="M47.895 40.184L40.3958 48.8179C39.5664 49.7525 38.9753 50.8644 38.669 52.0665C38.3627 53.2685 38.3494 54.5282 38.6302 55.7468C38.8618 56.7082 39.3598 57.5948 40.07 58.3106C40.7803 59.0265 41.6758 59.5443 42.6595 59.8079C43.6432 60.0715 44.6776 60.0708 45.6507 59.806C46.6237 59.5412 47.4982 59.0223 48.1795 58.3055C49.032 57.3906 49.6503 56.293 49.9861 55.0989C50.3218 53.9047 50.3659 52.6462 50.1149 51.4221L47.895 40.184Z" fill="url(#paint3_linear_203_1046)"/>
11 | <path d="M33.1768 25.8071L27.5485 32.287C26.926 32.9885 26.4824 33.823 26.2525 34.7252C26.0226 35.6274 26.0126 36.5728 26.2234 37.4874C26.3972 38.2089 26.7709 38.8743 27.304 39.4116C27.8371 39.9488 28.5092 40.3375 29.2475 40.5353C29.9858 40.7331 30.7621 40.7326 31.4924 40.5339C32.2227 40.3351 32.879 39.9457 33.3903 39.4077C34.0302 38.721 34.4942 37.8973 34.7462 37.0011C34.9982 36.1048 35.0313 35.1603 34.8429 34.2415L33.1768 25.8071Z" fill="url(#paint4_linear_203_1046)"/>
12 | <path fill-rule="evenodd" clip-rule="evenodd" d="M28.1161 66.6733H18.9999H16.9999V66.5693C16.8533 66.554 16.7072 66.537 16.5616 66.5183L25.9698 55.6134L28.1161 66.6733ZM33.1766 25.8071L27.5484 32.287C26.9258 32.9885 26.4822 33.823 26.2523 34.7252C26.0224 35.6274 26.0125 36.5728 26.2232 37.4874C26.3971 38.2089 26.7708 38.8743 27.3038 39.4116C27.8369 39.9488 28.509 40.3375 29.2473 40.5353C29.9856 40.7331 30.7619 40.7326 31.4922 40.5339C32.2225 40.3351 32.8789 39.9457 33.3902 39.4077C34.03 38.721 34.494 37.8973 34.746 37.0011C34.998 36.1048 35.0311 35.1603 34.8427 34.2416L33.1766 25.8071ZM40.3952 48.8179L47.8943 40.184L50.1142 51.4221C50.3653 52.6462 50.3212 53.9047 49.9854 55.0989C49.6496 56.293 49.0313 57.3906 48.1788 58.3055C47.4976 59.0223 46.623 59.5412 45.65 59.806C44.677 60.0708 43.6426 60.0715 42.6588 59.8079C41.6751 59.5443 40.7796 59.0265 40.0694 58.3106C39.3591 57.5948 38.8612 56.7082 38.6295 55.7468C38.3488 54.5282 38.362 53.2685 38.6684 52.0665C38.9747 50.8644 39.5657 49.7525 40.3952 48.8179Z" fill="#E0F3FE"/>
13 | <defs>
14 | <filter id="filter0_f_203_1046" x="0" y="36.6733" width="107" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
15 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
16 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
17 | <feGaussianBlur stdDeviation="11" result="effect1_foregroundBlur_203_1046"/>
18 | </filter>
19 | <filter id="filter1_bi_203_1046" x="-7" y="-6.32666" width="122" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
20 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
21 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
22 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_1046"/>
23 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_1046" result="shape"/>
24 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
25 | <feOffset dy="2"/>
26 | <feGaussianBlur stdDeviation="4"/>
27 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
28 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
29 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_1046"/>
30 | </filter>
31 | <linearGradient id="paint0_linear_203_1046" x1="61.5" y1="51.6733" x2="61.5" y2="100.673" gradientUnits="userSpaceOnUse">
32 | <stop stop-color="#F8FD00"/>
33 | <stop offset="1" stop-color="#FD9800"/>
34 | </linearGradient>
35 | <linearGradient id="paint1_linear_203_1046" x1="64" y1="85.1733" x2="27.5" y2="-6.32666" gradientUnits="userSpaceOnUse">
36 | <stop stop-color="#FFEC45" stop-opacity="0.5"/>
37 | <stop offset="0.357429" stop-color="#48B2FF" stop-opacity="0.65"/>
38 | <stop offset="1" stop-color="#0082DF"/>
39 | </linearGradient>
40 | <linearGradient id="paint2_linear_203_1046" x1="25.9744" y1="55.6145" x2="14.8985" y2="79.5639" gradientUnits="userSpaceOnUse">
41 | <stop stop-color="#D7F0FF"/>
42 | <stop offset="1" stop-color="#0072DC"/>
43 | </linearGradient>
44 | <linearGradient id="paint3_linear_203_1046" x1="48.2934" y1="40.2908" x2="39.3579" y2="64.5842" gradientUnits="userSpaceOnUse">
45 | <stop stop-color="#D7F0FF"/>
46 | <stop offset="1" stop-color="#0072DC"/>
47 | </linearGradient>
48 | <linearGradient id="paint4_linear_203_1046" x1="33.4759" y1="25.8873" x2="26.7695" y2="44.1201" gradientUnits="userSpaceOnUse">
49 | <stop stop-color="#D7F0FF"/>
50 | <stop offset="1" stop-color="#0072DC"/>
51 | </linearGradient>
52 | </defs>
53 | </svg>
54 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/thunderstormwithheavyhail.svg:
--------------------------------------------------------------------------------
 1 | <svg width="108" height="101" viewBox="0 0 108 101" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_f_203_1024)">
 3 | <ellipse cx="53.5" cy="68.1733" rx="31.5" ry="9.5" fill="#4DB4FF"/>
 4 | </g>
 5 | <path d="M49.8069 75.9547L62.9076 51.9049C62.9853 51.7621 63.1348 51.6733 63.2973 51.6733H80.2814C80.6114 51.6733 80.826 52.0208 80.6782 52.3159L73.8724 65.9058C73.7246 66.2009 73.9391 66.5483 74.2692 66.5483H81L43.8784 99.0297C43.5053 99.3562 42.959 98.918 43.1967 98.4829L54.7873 77.2674C54.9489 76.9717 54.7349 76.6108 54.3979 76.6108H50.1966C49.8598 76.6108 49.6458 76.2505 49.8069 75.9547Z" fill="url(#paint0_linear_203_1024)"/>
 6 | <g filter="url(#filter1_bi_203_1024)">
 7 | <path fill-rule="evenodd" clip-rule="evenodd" d="M77 30.6733C77 31.4616 76.9696 32.2427 76.9099 33.0156C80.1949 30.303 84.4071 28.6733 89 28.6733C99.4934 28.6733 108 37.1799 108 47.6733C108 57.8313 100.029 66.1275 90 66.6475V66.6733H89H19H17V66.5693C7.44667 65.5699 0 57.4913 0 47.6733C0 37.8351 7.47752 29.7433 17.0593 28.7712C18.0405 13.0889 31.0704 0.67334 47 0.67334C63.5685 0.67334 77 14.1048 77 30.6733Z" fill="url(#paint1_linear_203_1024)"/>
 8 | </g>
 9 | <path d="M12.7772 77.6288C12.2898 77.6451 11.8084 77.5129 11.3937 77.2488C11.0949 77.078 10.8328 76.8471 10.623 76.5699C10.4132 76.2927 10.2601 75.975 10.1728 75.6358C10.0856 75.2966 10.066 74.9429 10.1152 74.5959C10.1644 74.249 10.2815 73.9159 10.4593 73.6167L29.5319 40.0871C29.6979 39.7808 29.9225 39.5122 30.1923 39.2974C30.462 39.0825 30.7714 38.9259 31.1018 38.8369C31.4323 38.7479 31.7769 38.7283 32.1151 38.7794C32.4533 38.8304 32.778 38.9511 33.0698 39.134C33.6592 39.4927 34.0877 40.0749 34.2625 40.7546C34.4374 41.4343 34.3446 42.1569 34.0042 42.7661L14.9315 76.2957C14.7168 76.6913 14.4052 77.0223 14.0273 77.2561C13.6495 77.4899 13.2186 77.6184 12.7772 77.6288Z" fill="url(#paint2_linear_203_1024)"/>
10 | <path d="M40.4836 75.8561C39.9961 75.8725 39.5147 75.7402 39.1 75.4761C38.8012 75.3053 38.5391 75.0744 38.3293 74.7972C38.1195 74.5201 37.9665 74.2023 37.8792 73.8631C37.7919 73.5239 37.7723 73.1702 37.8215 72.8233C37.8708 72.4763 37.9878 72.1433 38.1657 71.8441L51.6372 48.0599C51.9858 47.4556 52.5525 47.0169 53.2146 46.8385C53.8767 46.6601 54.5809 46.7565 55.1751 47.1068C55.7645 47.4655 56.193 48.0477 56.3679 48.7274C56.5427 49.4071 56.4499 50.1297 56.1095 50.7389L42.6379 74.5231C42.4181 74.9141 42.1052 75.2415 41.7285 75.4746C41.3518 75.7077 40.9234 75.839 40.4836 75.8561Z" fill="url(#paint3_linear_203_1024)"/>
11 | <path d="M21.4836 85.8561C20.9961 85.8725 20.5147 85.7402 20.1 85.4761C19.8012 85.3053 19.5391 85.0744 19.3293 84.7972C19.1195 84.5201 18.9665 84.2023 18.8792 83.8631C18.7919 83.5239 18.7723 83.1702 18.8215 82.8233C18.8708 82.4763 18.9878 82.1433 19.1657 81.8441L32.6372 58.0599C32.9858 57.4556 33.5525 57.0169 34.2146 56.8385C34.8767 56.6601 35.5809 56.7565 36.1751 57.1068C36.7645 57.4655 37.193 58.0477 37.3679 58.7274C37.5427 59.4071 37.4499 60.1297 37.1095 60.7389L23.6379 84.5231C23.4181 84.9141 23.1052 85.2415 22.7285 85.4746C22.3518 85.7077 21.9234 85.839 21.4836 85.8561Z" fill="url(#paint4_linear_203_1024)"/>
12 | <path fill-rule="evenodd" clip-rule="evenodd" d="M20.405 66.6733H18.9999H16.9999V66.5693C16.2141 66.4871 15.4426 66.357 14.6884 66.182L29.5319 40.0871C29.6979 39.7808 29.9225 39.5121 30.1922 39.2973C30.462 39.0825 30.7714 38.9258 31.1018 38.8368C31.4322 38.7478 31.7769 38.7283 32.1151 38.7793C32.4532 38.8304 32.778 38.951 33.0698 39.134C33.6592 39.4927 34.0877 40.0749 34.2625 40.7546C34.4374 41.4343 34.3446 42.1569 34.0042 42.766L20.405 66.6733ZM33.7481 66.6733H27.7585L32.6372 58.0598C32.9858 57.4556 33.5525 57.0168 34.2145 56.8385C34.8766 56.6601 35.5809 56.7565 36.1751 57.1068C36.7645 57.4655 37.193 58.0476 37.3678 58.7273C37.5427 59.407 37.4499 60.1296 37.1095 60.7388L33.7481 66.6733ZM47.084 66.6733H41.0944L51.6372 48.0598C51.9858 47.4556 52.5525 47.0168 53.2145 46.8385C53.8766 46.6601 54.5809 46.7565 55.1751 47.1068C55.7645 47.4655 56.193 48.0476 56.3678 48.7273C56.5427 49.407 56.4499 50.1296 56.1095 50.7388L47.084 66.6733Z" fill="#E0F3FE"/>
13 | <defs>
14 | <filter id="filter0_f_203_1024" x="0" y="36.6733" width="107" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
15 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
16 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
17 | <feGaussianBlur stdDeviation="11" result="effect1_foregroundBlur_203_1024"/>
18 | </filter>
19 | <filter id="filter1_bi_203_1024" x="-7" y="-6.32666" width="122" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
20 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
21 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
22 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_1024"/>
23 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_1024" result="shape"/>
24 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
25 | <feOffset dy="2"/>
26 | <feGaussianBlur stdDeviation="4"/>
27 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
28 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
29 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_1024"/>
30 | </filter>
31 | <linearGradient id="paint0_linear_203_1024" x1="61.5" y1="51.6733" x2="61.5" y2="100.673" gradientUnits="userSpaceOnUse">
32 | <stop stop-color="#F8FD00"/>
33 | <stop offset="1" stop-color="#FD9800"/>
34 | </linearGradient>
35 | <linearGradient id="paint1_linear_203_1024" x1="60" y1="97.6733" x2="15.5" y2="22.1733" gradientUnits="userSpaceOnUse">
36 | <stop stop-color="#FFEC45" stop-opacity="0.5"/>
37 | <stop offset="0.419808" stop-color="#48B2FF" stop-opacity="0.65"/>
38 | <stop offset="1" stop-color="#0082DF"/>
39 | </linearGradient>
40 | <linearGradient id="paint2_linear_203_1024" x1="29.5493" y1="25.8526" x2="1.60643" y2="67.7762" gradientUnits="userSpaceOnUse">
41 | <stop stop-color="#D7F0FF"/>
42 | <stop offset="1" stop-color="#0072DC"/>
43 | </linearGradient>
44 | <linearGradient id="paint3_linear_203_1024" x1="52.7626" y1="37.0691" x2="32.0087" y2="68.9488" gradientUnits="userSpaceOnUse">
45 | <stop stop-color="#D7F0FF"/>
46 | <stop offset="1" stop-color="#0072DC"/>
47 | </linearGradient>
48 | <linearGradient id="paint4_linear_203_1024" x1="33.7626" y1="47.0691" x2="13.0087" y2="78.9488" gradientUnits="userSpaceOnUse">
49 | <stop stop-color="#D7F0FF"/>
50 | <stop offset="1" stop-color="#0072DC"/>
51 | </linearGradient>
52 | </defs>
53 | </svg>
54 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/thunderstormwithslighthail.svg:
--------------------------------------------------------------------------------
 1 | <svg width="108" height="101" viewBox="0 0 108 101" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_f_203_1016)">
 3 | <ellipse cx="53.5" cy="68.1733" rx="31.5" ry="9.5" fill="#4DB4FF"/>
 4 | </g>
 5 | <path d="M32.8069 75.9547L45.9076 51.9049C45.9853 51.7621 46.1348 51.6733 46.2973 51.6733H63.2814C63.6114 51.6733 63.826 52.0208 63.6782 52.3159L56.8724 65.9058C56.7246 66.2009 56.9391 66.5483 57.2692 66.5483H64L26.8784 99.0297C26.5053 99.3562 25.959 98.918 26.1967 98.4829L37.7873 77.2674C37.9489 76.9717 37.7349 76.6108 37.3979 76.6108H33.1966C32.8598 76.6108 32.6458 76.2505 32.8069 75.9547Z" fill="url(#paint0_linear_203_1016)"/>
 6 | <g filter="url(#filter1_bi_203_1016)">
 7 | <path fill-rule="evenodd" clip-rule="evenodd" d="M77 30.6733C77 31.4616 76.9696 32.2427 76.9099 33.0156C80.1949 30.303 84.4071 28.6733 89 28.6733C99.4934 28.6733 108 37.1799 108 47.6733C108 57.8313 100.029 66.1275 90 66.6475V66.6733H89H19H17V66.5693C7.44667 65.5699 0 57.4913 0 47.6733C0 37.8351 7.47752 29.7433 17.0593 28.7712C18.0405 13.0889 31.0704 0.67334 47 0.67334C63.5685 0.67334 77 14.1048 77 30.6733Z" fill="url(#paint1_linear_203_1016)"/>
 8 | </g>
 9 | <defs>
10 | <filter id="filter0_f_203_1016" x="0" y="36.6733" width="107" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
11 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
12 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
13 | <feGaussianBlur stdDeviation="11" result="effect1_foregroundBlur_203_1016"/>
14 | </filter>
15 | <filter id="filter1_bi_203_1016" x="-7" y="-6.32666" width="122" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
16 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
17 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
18 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_1016"/>
19 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_1016" result="shape"/>
20 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
21 | <feOffset dy="2"/>
22 | <feGaussianBlur stdDeviation="4"/>
23 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
24 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
25 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_1016"/>
26 | </filter>
27 | <linearGradient id="paint0_linear_203_1016" x1="44.5" y1="51.6733" x2="44.5" y2="100.673" gradientUnits="userSpaceOnUse">
28 | <stop stop-color="#F8FD00"/>
29 | <stop offset="1" stop-color="#FD9800"/>
30 | </linearGradient>
31 | <linearGradient id="paint1_linear_203_1016" x1="56" y1="90.1733" x2="77" y2="-4.32666" gradientUnits="userSpaceOnUse">
32 | <stop stop-color="#FFEC45" stop-opacity="0.5"/>
33 | <stop offset="0.463847" stop-color="#48B2FF" stop-opacity="0.65"/>
34 | <stop offset="1" stop-color="#0082DF"/>
35 | </linearGradient>
36 | </defs>
37 | </svg>
38 | 


--------------------------------------------------------------------------------
/resc/imgs/weather/violentrainshowers.svg:
--------------------------------------------------------------------------------
 1 | <svg width="108" height="101" viewBox="0 0 108 101" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_f_203_1163)">
 3 | <ellipse cx="53.5" cy="67.7676" rx="31.5" ry="9.5" fill="#4DB4FF"/>
 4 | </g>
 5 | <path d="M49.8069 75.549L62.9076 51.4991C62.9853 51.3564 63.1348 51.2676 63.2973 51.2676H80.2814C80.6114 51.2676 80.826 51.615 80.6782 51.9101L73.8724 65.5C73.7246 65.7951 73.9391 66.1426 74.2692 66.1426H81L43.8784 98.6239C43.5053 98.9504 42.959 98.5123 43.1967 98.0771L54.7873 76.8617C54.9489 76.5659 54.7349 76.2051 54.3979 76.2051H50.1966C49.8598 76.2051 49.6458 75.8447 49.8069 75.549Z" fill="url(#paint0_linear_203_1163)"/>
 6 | <g filter="url(#filter1_bi_203_1163)">
 7 | <path fill-rule="evenodd" clip-rule="evenodd" d="M77 30.2676C77 31.0558 76.9696 31.8369 76.9099 32.6098C80.1949 29.8972 84.4071 28.2676 89 28.2676C99.4934 28.2676 108 36.7742 108 47.2676C108 57.4256 100.029 65.7217 90 66.2417V66.2676H89H19H17V66.1636C7.44667 65.1642 0 57.0855 0 47.2676C0 37.4293 7.47752 29.3376 17.0593 28.3655C18.0405 12.6832 31.0704 0.267578 47 0.267578C63.5685 0.267578 77 13.699 77 30.2676Z" fill="url(#paint1_linear_203_1163)"/>
 8 | </g>
 9 | <path d="M25.9705 55.2079L16.3797 66.3245C15.3007 67.4978 14.5292 68.9085 14.1289 70.4399C13.7287 71.9713 13.7112 73.5795 14.0779 75.1312C14.3807 76.3622 15.0212 77.4956 15.9307 78.41C16.8402 79.3243 17.9846 79.9853 19.2412 80.322C20.4978 80.6587 21.8193 80.6585 23.0641 80.3213C24.309 79.9842 25.4303 79.3229 26.308 78.4083C27.3973 77.247 28.1874 75.8497 28.6153 74.3281C29.0431 72.8064 29.0969 71.2027 28.7721 69.6451L25.9705 55.2079Z" fill="url(#paint2_linear_203_1163)"/>
10 | <path d="M47.895 39.7785L40.3958 48.4123C39.5664 49.347 38.9753 50.4589 38.669 51.6609C38.3627 52.863 38.3494 54.1227 38.6302 55.3413C38.8618 56.3026 39.3598 57.1893 40.07 57.9051C40.7803 58.621 41.6758 59.1388 42.6595 59.4024C43.6432 59.6659 44.6776 59.6653 45.6507 59.4005C46.6237 59.1356 47.4982 58.6168 48.1795 57.9C49.032 56.985 49.6503 55.8875 49.9861 54.6933C50.3218 53.4991 50.3659 52.2407 50.1149 51.0166L47.895 39.7785Z" fill="url(#paint3_linear_203_1163)"/>
11 | <path d="M33.1768 25.4016L27.5485 31.8815C26.926 32.583 26.4824 33.4175 26.2525 34.3197C26.0226 35.2218 26.0126 36.1672 26.2234 37.0818C26.3972 37.8034 26.7709 38.4688 27.304 39.0061C27.8371 39.5433 28.5092 39.9319 29.2475 40.1298C29.9858 40.3276 30.7621 40.3271 31.4924 40.1283C32.2227 39.9296 32.879 39.5402 33.3903 39.0022C34.0302 38.3155 34.4942 37.4918 34.7462 36.5955C34.9982 35.6993 35.0313 34.7548 34.8429 33.836L33.1768 25.4016Z" fill="url(#paint4_linear_203_1163)"/>
12 | <path fill-rule="evenodd" clip-rule="evenodd" d="M28.1161 66.2676H18.9999H16.9999V66.1636C16.8533 66.1482 16.7072 66.1312 16.5616 66.1126L25.9698 55.2076L28.1161 66.2676ZM33.1766 25.4014L27.5484 31.8813C26.9258 32.5827 26.4822 33.4172 26.2523 34.3194C26.0224 35.2216 26.0125 36.167 26.2232 37.0816C26.3971 37.8031 26.7708 38.4686 27.3038 39.0058C27.8369 39.5431 28.509 39.9317 29.2473 40.1295C29.9856 40.3273 30.7619 40.3269 31.4922 40.1281C32.2225 39.9293 32.8789 39.5399 33.3902 39.002C34.03 38.3153 34.494 37.4916 34.746 36.5953C34.998 35.699 35.0311 34.7546 34.8427 33.8358L33.1766 25.4014ZM40.3952 48.4121L47.8943 39.7782L50.1142 51.0163C50.3653 52.2405 50.3212 53.4989 49.9854 54.6931C49.6496 55.8873 49.0313 56.9848 48.1788 57.8998C47.4976 58.6165 46.623 59.1354 45.65 59.4002C44.677 59.665 43.6426 59.6657 42.6588 59.4021C41.6751 59.1385 40.7796 58.6207 40.0694 57.9049C39.3591 57.189 38.8612 56.3024 38.6295 55.341C38.3488 54.1224 38.362 52.8628 38.6684 51.6607C38.9747 50.4586 39.5657 49.3467 40.3952 48.4121Z" fill="#E0F3FE"/>
13 | <defs>
14 | <filter id="filter0_f_203_1163" x="0" y="36.2676" width="107" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
15 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
16 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
17 | <feGaussianBlur stdDeviation="11" result="effect1_foregroundBlur_203_1163"/>
18 | </filter>
19 | <filter id="filter1_bi_203_1163" x="-7" y="-6.73242" width="122" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
20 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
21 | <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.5"/>
22 | <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_203_1163"/>
23 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_203_1163" result="shape"/>
24 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
25 | <feOffset dy="2"/>
26 | <feGaussianBlur stdDeviation="4"/>
27 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
28 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.82 0 0 0 0 1 0 0 0 0.25 0"/>
29 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_203_1163"/>
30 | </filter>
31 | <linearGradient id="paint0_linear_203_1163" x1="61.5" y1="51.2676" x2="61.5" y2="100.268" gradientUnits="userSpaceOnUse">
32 | <stop stop-color="#F8FD00"/>
33 | <stop offset="1" stop-color="#FD9800"/>
34 | </linearGradient>
35 | <linearGradient id="paint1_linear_203_1163" x1="64" y1="84.7676" x2="27.5" y2="-6.73242" gradientUnits="userSpaceOnUse">
36 | <stop stop-color="#FFEC45" stop-opacity="0.5"/>
37 | <stop offset="0.357429" stop-color="#48B2FF" stop-opacity="0.65"/>
38 | <stop offset="1" stop-color="#0082DF"/>
39 | </linearGradient>
40 | <linearGradient id="paint2_linear_203_1163" x1="25.9744" y1="55.209" x2="14.8985" y2="79.1584" gradientUnits="userSpaceOnUse">
41 | <stop stop-color="#D7F0FF"/>
42 | <stop offset="1" stop-color="#0072DC"/>
43 | </linearGradient>
44 | <linearGradient id="paint3_linear_203_1163" x1="48.2934" y1="39.8853" x2="39.3579" y2="64.1787" gradientUnits="userSpaceOnUse">
45 | <stop stop-color="#D7F0FF"/>
46 | <stop offset="1" stop-color="#0072DC"/>
47 | </linearGradient>
48 | <linearGradient id="paint4_linear_203_1163" x1="33.4759" y1="25.4817" x2="26.7695" y2="43.7145" gradientUnits="userSpaceOnUse">
49 | <stop stop-color="#D7F0FF"/>
50 | <stop offset="1" stop-color="#0072DC"/>
51 | </linearGradient>
52 | </defs>
53 | </svg>
54 | 


--------------------------------------------------------------------------------