n8n-nodes-fizzy 0.1.3 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -2
- package/dist/credentials/fizzy.svg +106 -17
- package/dist/fizzy.svg +110 -0
- package/dist/nodes/Fizzy/fizzy.svg +109 -22
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -35,8 +35,6 @@ Follow the [installation guide](https://docs.n8n.io/integrations/community-nodes
|
|
|
35
35
|
npm install n8n-nodes-fizzy
|
|
36
36
|
```
|
|
37
37
|
|
|
38
|
-
Or search for "Fizzy" in the n8n community nodes panel.
|
|
39
|
-
|
|
40
38
|
## Nodes
|
|
41
39
|
|
|
42
40
|
### Fizzy
|
|
@@ -157,3 +155,7 @@ Notify team members via Slack DM when they're assigned to a card.
|
|
|
157
155
|
## License
|
|
158
156
|
|
|
159
157
|
[MIT](LICENSE)
|
|
158
|
+
|
|
159
|
+
---
|
|
160
|
+
|
|
161
|
+
<sub>Fizzy is a trademark of 37signals, LLC. The Fizzy logo is used with permission.</sub>
|
|
@@ -1,21 +1,110 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2048 2048" width="2048" height="2048">
|
|
2
2
|
<defs>
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<stop offset="
|
|
3
|
+
<!-- Bar 1 - Blue -->
|
|
4
|
+
<linearGradient id="bar1-grad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
5
|
+
<stop offset="0%" stop-color="#0158ff"/>
|
|
6
|
+
<stop offset="50%" stop-color="#0b8afe"/>
|
|
7
|
+
<stop offset="100%" stop-color="#32c1fe"/>
|
|
8
|
+
</linearGradient>
|
|
9
|
+
<linearGradient id="bar1-refl" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
10
|
+
<stop offset="0%" stop-color="#6e8ab9"/>
|
|
11
|
+
<stop offset="60%" stop-color="#3a5a8f"/>
|
|
12
|
+
<stop offset="100%" stop-color="#031a5f"/>
|
|
13
|
+
</linearGradient>
|
|
14
|
+
|
|
15
|
+
<!-- Bar 2 - Pink (tallest) -->
|
|
16
|
+
<linearGradient id="bar2-grad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
17
|
+
<stop offset="0%" stop-color="#fc12c3"/>
|
|
18
|
+
<stop offset="40%" stop-color="#fd32cf"/>
|
|
19
|
+
<stop offset="70%" stop-color="#fc51dd"/>
|
|
20
|
+
<stop offset="100%" stop-color="#fe76e9"/>
|
|
21
|
+
</linearGradient>
|
|
22
|
+
<linearGradient id="bar2-refl" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
23
|
+
<stop offset="0%" stop-color="#7b5a90"/>
|
|
24
|
+
<stop offset="60%" stop-color="#4a4078"/>
|
|
25
|
+
<stop offset="100%" stop-color="#031a5f"/>
|
|
26
|
+
</linearGradient>
|
|
27
|
+
|
|
28
|
+
<!-- Bar 3 - Orange (tall) -->
|
|
29
|
+
<linearGradient id="bar3-grad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
30
|
+
<stop offset="0%" stop-color="#fc5a00"/>
|
|
31
|
+
<stop offset="40%" stop-color="#fd8500"/>
|
|
32
|
+
<stop offset="70%" stop-color="#feba00"/>
|
|
33
|
+
<stop offset="100%" stop-color="#ffe200"/>
|
|
34
|
+
</linearGradient>
|
|
35
|
+
<linearGradient id="bar3-refl" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
36
|
+
<stop offset="0%" stop-color="#8a7a68"/>
|
|
37
|
+
<stop offset="60%" stop-color="#5a5048"/>
|
|
38
|
+
<stop offset="100%" stop-color="#031a5f"/>
|
|
39
|
+
</linearGradient>
|
|
40
|
+
|
|
41
|
+
<!-- Bar 4 - Yellow-Green (shortest) -->
|
|
42
|
+
<linearGradient id="bar4-grad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
43
|
+
<stop offset="0%" stop-color="#748800"/>
|
|
44
|
+
<stop offset="50%" stop-color="#b3c400"/>
|
|
45
|
+
<stop offset="100%" stop-color="#d9dd00"/>
|
|
46
|
+
</linearGradient>
|
|
47
|
+
<linearGradient id="bar4-refl" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
48
|
+
<stop offset="0%" stop-color="#7c856d"/>
|
|
49
|
+
<stop offset="60%" stop-color="#4d5545"/>
|
|
50
|
+
<stop offset="100%" stop-color="#031a5f"/>
|
|
51
|
+
</linearGradient>
|
|
52
|
+
|
|
53
|
+
<!-- Bar 5 - Cyan -->
|
|
54
|
+
<linearGradient id="bar5-grad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
55
|
+
<stop offset="0%" stop-color="#0098c9"/>
|
|
56
|
+
<stop offset="50%" stop-color="#00c2df"/>
|
|
57
|
+
<stop offset="100%" stop-color="#00eaf4"/>
|
|
58
|
+
</linearGradient>
|
|
59
|
+
<linearGradient id="bar5-refl" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
60
|
+
<stop offset="0%" stop-color="#5888a0"/>
|
|
61
|
+
<stop offset="60%" stop-color="#306080"/>
|
|
62
|
+
<stop offset="100%" stop-color="#031a5f"/>
|
|
63
|
+
</linearGradient>
|
|
64
|
+
|
|
65
|
+
<!-- Stroke gradients (darker border colors) -->
|
|
66
|
+
<linearGradient id="bar1-stroke" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
67
|
+
<stop offset="0%" stop-color="#0040a0"/>
|
|
68
|
+
<stop offset="100%" stop-color="#1090c0"/>
|
|
69
|
+
</linearGradient>
|
|
70
|
+
<linearGradient id="bar2-stroke" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
71
|
+
<stop offset="0%" stop-color="#601080"/>
|
|
72
|
+
<stop offset="100%" stop-color="#903090"/>
|
|
73
|
+
</linearGradient>
|
|
74
|
+
<linearGradient id="bar3-stroke" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
75
|
+
<stop offset="0%" stop-color="#603010"/>
|
|
76
|
+
<stop offset="100%" stop-color="#806020"/>
|
|
77
|
+
</linearGradient>
|
|
78
|
+
<linearGradient id="bar4-stroke" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
79
|
+
<stop offset="0%" stop-color="#405000"/>
|
|
80
|
+
<stop offset="100%" stop-color="#607000"/>
|
|
81
|
+
</linearGradient>
|
|
82
|
+
<linearGradient id="bar5-stroke" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
83
|
+
<stop offset="0%" stop-color="#006080"/>
|
|
84
|
+
<stop offset="100%" stop-color="#0090a0"/>
|
|
6
85
|
</linearGradient>
|
|
7
86
|
</defs>
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
87
|
+
|
|
88
|
+
<!-- Background -->
|
|
89
|
+
<rect width="2048" height="2048" fill="#031a5f"/>
|
|
90
|
+
|
|
91
|
+
<!-- Bar 1 - Blue: pill ends ~y=1350, reflection to ~1995 -->
|
|
92
|
+
<rect x="396" y="395" width="169" height="955" rx="84" ry="84" fill="url(#bar1-grad)" stroke="url(#bar1-stroke)" stroke-width="4"/>
|
|
93
|
+
<rect x="455" y="1350" width="51" height="645" fill="url(#bar1-refl)"/>
|
|
94
|
+
|
|
95
|
+
<!-- Bar 2 - Pink: pill ends ~y=1660, reflection to ~2025 -->
|
|
96
|
+
<rect x="667" y="395" width="170" height="1265" rx="85" ry="85" fill="url(#bar2-grad)" stroke="url(#bar2-stroke)" stroke-width="4"/>
|
|
97
|
+
<rect x="726" y="1660" width="51" height="365" fill="url(#bar2-refl)"/>
|
|
98
|
+
|
|
99
|
+
<!-- Bar 3 - Orange: pill ends ~y=1505, reflection to ~2024 -->
|
|
100
|
+
<rect x="939" y="395" width="170" height="1110" rx="85" ry="85" fill="url(#bar3-grad)" stroke="url(#bar3-stroke)" stroke-width="4"/>
|
|
101
|
+
<rect x="998" y="1505" width="51" height="519" fill="url(#bar3-refl)"/>
|
|
102
|
+
|
|
103
|
+
<!-- Bar 4 - Yellow-Green: pill ends ~y=1193, reflection to ~2015 -->
|
|
104
|
+
<rect x="1211" y="395" width="170" height="798" rx="85" ry="85" fill="url(#bar4-grad)" stroke="url(#bar4-stroke)" stroke-width="4"/>
|
|
105
|
+
<rect x="1270" y="1193" width="51" height="822" fill="url(#bar4-refl)"/>
|
|
106
|
+
|
|
107
|
+
<!-- Bar 5 - Cyan: pill ends ~y=1350, reflection to ~1974 -->
|
|
108
|
+
<rect x="1483" y="395" width="170" height="955" rx="85" ry="85" fill="url(#bar5-grad)" stroke="url(#bar5-stroke)" stroke-width="4"/>
|
|
109
|
+
<rect x="1542" y="1350" width="51" height="624" fill="url(#bar5-refl)"/>
|
|
21
110
|
</svg>
|
package/dist/fizzy.svg
ADDED
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2048 2048" width="2048" height="2048">
|
|
2
|
+
<defs>
|
|
3
|
+
<!-- Bar 1 - Blue -->
|
|
4
|
+
<linearGradient id="bar1-grad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
5
|
+
<stop offset="0%" stop-color="#0158ff"/>
|
|
6
|
+
<stop offset="50%" stop-color="#0b8afe"/>
|
|
7
|
+
<stop offset="100%" stop-color="#32c1fe"/>
|
|
8
|
+
</linearGradient>
|
|
9
|
+
<linearGradient id="bar1-refl" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
10
|
+
<stop offset="0%" stop-color="#6e8ab9"/>
|
|
11
|
+
<stop offset="60%" stop-color="#3a5a8f"/>
|
|
12
|
+
<stop offset="100%" stop-color="#031a5f"/>
|
|
13
|
+
</linearGradient>
|
|
14
|
+
|
|
15
|
+
<!-- Bar 2 - Pink (tallest) -->
|
|
16
|
+
<linearGradient id="bar2-grad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
17
|
+
<stop offset="0%" stop-color="#fc12c3"/>
|
|
18
|
+
<stop offset="40%" stop-color="#fd32cf"/>
|
|
19
|
+
<stop offset="70%" stop-color="#fc51dd"/>
|
|
20
|
+
<stop offset="100%" stop-color="#fe76e9"/>
|
|
21
|
+
</linearGradient>
|
|
22
|
+
<linearGradient id="bar2-refl" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
23
|
+
<stop offset="0%" stop-color="#7b5a90"/>
|
|
24
|
+
<stop offset="60%" stop-color="#4a4078"/>
|
|
25
|
+
<stop offset="100%" stop-color="#031a5f"/>
|
|
26
|
+
</linearGradient>
|
|
27
|
+
|
|
28
|
+
<!-- Bar 3 - Orange (tall) -->
|
|
29
|
+
<linearGradient id="bar3-grad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
30
|
+
<stop offset="0%" stop-color="#fc5a00"/>
|
|
31
|
+
<stop offset="40%" stop-color="#fd8500"/>
|
|
32
|
+
<stop offset="70%" stop-color="#feba00"/>
|
|
33
|
+
<stop offset="100%" stop-color="#ffe200"/>
|
|
34
|
+
</linearGradient>
|
|
35
|
+
<linearGradient id="bar3-refl" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
36
|
+
<stop offset="0%" stop-color="#8a7a68"/>
|
|
37
|
+
<stop offset="60%" stop-color="#5a5048"/>
|
|
38
|
+
<stop offset="100%" stop-color="#031a5f"/>
|
|
39
|
+
</linearGradient>
|
|
40
|
+
|
|
41
|
+
<!-- Bar 4 - Yellow-Green (shortest) -->
|
|
42
|
+
<linearGradient id="bar4-grad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
43
|
+
<stop offset="0%" stop-color="#748800"/>
|
|
44
|
+
<stop offset="50%" stop-color="#b3c400"/>
|
|
45
|
+
<stop offset="100%" stop-color="#d9dd00"/>
|
|
46
|
+
</linearGradient>
|
|
47
|
+
<linearGradient id="bar4-refl" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
48
|
+
<stop offset="0%" stop-color="#7c856d"/>
|
|
49
|
+
<stop offset="60%" stop-color="#4d5545"/>
|
|
50
|
+
<stop offset="100%" stop-color="#031a5f"/>
|
|
51
|
+
</linearGradient>
|
|
52
|
+
|
|
53
|
+
<!-- Bar 5 - Cyan -->
|
|
54
|
+
<linearGradient id="bar5-grad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
55
|
+
<stop offset="0%" stop-color="#0098c9"/>
|
|
56
|
+
<stop offset="50%" stop-color="#00c2df"/>
|
|
57
|
+
<stop offset="100%" stop-color="#00eaf4"/>
|
|
58
|
+
</linearGradient>
|
|
59
|
+
<linearGradient id="bar5-refl" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
60
|
+
<stop offset="0%" stop-color="#5888a0"/>
|
|
61
|
+
<stop offset="60%" stop-color="#306080"/>
|
|
62
|
+
<stop offset="100%" stop-color="#031a5f"/>
|
|
63
|
+
</linearGradient>
|
|
64
|
+
|
|
65
|
+
<!-- Stroke gradients (darker border colors) -->
|
|
66
|
+
<linearGradient id="bar1-stroke" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
67
|
+
<stop offset="0%" stop-color="#0040a0"/>
|
|
68
|
+
<stop offset="100%" stop-color="#1090c0"/>
|
|
69
|
+
</linearGradient>
|
|
70
|
+
<linearGradient id="bar2-stroke" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
71
|
+
<stop offset="0%" stop-color="#601080"/>
|
|
72
|
+
<stop offset="100%" stop-color="#903090"/>
|
|
73
|
+
</linearGradient>
|
|
74
|
+
<linearGradient id="bar3-stroke" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
75
|
+
<stop offset="0%" stop-color="#603010"/>
|
|
76
|
+
<stop offset="100%" stop-color="#806020"/>
|
|
77
|
+
</linearGradient>
|
|
78
|
+
<linearGradient id="bar4-stroke" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
79
|
+
<stop offset="0%" stop-color="#405000"/>
|
|
80
|
+
<stop offset="100%" stop-color="#607000"/>
|
|
81
|
+
</linearGradient>
|
|
82
|
+
<linearGradient id="bar5-stroke" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
83
|
+
<stop offset="0%" stop-color="#006080"/>
|
|
84
|
+
<stop offset="100%" stop-color="#0090a0"/>
|
|
85
|
+
</linearGradient>
|
|
86
|
+
</defs>
|
|
87
|
+
|
|
88
|
+
<!-- Background -->
|
|
89
|
+
<rect width="2048" height="2048" fill="#031a5f"/>
|
|
90
|
+
|
|
91
|
+
<!-- Bar 1 - Blue: pill ends ~y=1350, reflection to ~1995 -->
|
|
92
|
+
<rect x="396" y="395" width="169" height="955" rx="84" ry="84" fill="url(#bar1-grad)" stroke="url(#bar1-stroke)" stroke-width="4"/>
|
|
93
|
+
<rect x="455" y="1350" width="51" height="645" fill="url(#bar1-refl)"/>
|
|
94
|
+
|
|
95
|
+
<!-- Bar 2 - Pink: pill ends ~y=1660, reflection to ~2025 -->
|
|
96
|
+
<rect x="667" y="395" width="170" height="1265" rx="85" ry="85" fill="url(#bar2-grad)" stroke="url(#bar2-stroke)" stroke-width="4"/>
|
|
97
|
+
<rect x="726" y="1660" width="51" height="365" fill="url(#bar2-refl)"/>
|
|
98
|
+
|
|
99
|
+
<!-- Bar 3 - Orange: pill ends ~y=1505, reflection to ~2024 -->
|
|
100
|
+
<rect x="939" y="395" width="170" height="1110" rx="85" ry="85" fill="url(#bar3-grad)" stroke="url(#bar3-stroke)" stroke-width="4"/>
|
|
101
|
+
<rect x="998" y="1505" width="51" height="519" fill="url(#bar3-refl)"/>
|
|
102
|
+
|
|
103
|
+
<!-- Bar 4 - Yellow-Green: pill ends ~y=1193, reflection to ~2015 -->
|
|
104
|
+
<rect x="1211" y="395" width="170" height="798" rx="85" ry="85" fill="url(#bar4-grad)" stroke="url(#bar4-stroke)" stroke-width="4"/>
|
|
105
|
+
<rect x="1270" y="1193" width="51" height="822" fill="url(#bar4-refl)"/>
|
|
106
|
+
|
|
107
|
+
<!-- Bar 5 - Cyan: pill ends ~y=1350, reflection to ~1974 -->
|
|
108
|
+
<rect x="1483" y="395" width="170" height="955" rx="85" ry="85" fill="url(#bar5-grad)" stroke="url(#bar5-stroke)" stroke-width="4"/>
|
|
109
|
+
<rect x="1542" y="1350" width="51" height="624" fill="url(#bar5-refl)"/>
|
|
110
|
+
</svg>
|
|
@@ -1,23 +1,110 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
<
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
<
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2048 2048" width="2048" height="2048">
|
|
2
|
+
<defs>
|
|
3
|
+
<!-- Bar 1 - Blue -->
|
|
4
|
+
<linearGradient id="bar1-grad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
5
|
+
<stop offset="0%" stop-color="#0158ff"/>
|
|
6
|
+
<stop offset="50%" stop-color="#0b8afe"/>
|
|
7
|
+
<stop offset="100%" stop-color="#32c1fe"/>
|
|
8
|
+
</linearGradient>
|
|
9
|
+
<linearGradient id="bar1-refl" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
10
|
+
<stop offset="0%" stop-color="#6e8ab9"/>
|
|
11
|
+
<stop offset="60%" stop-color="#3a5a8f"/>
|
|
12
|
+
<stop offset="100%" stop-color="#031a5f"/>
|
|
13
|
+
</linearGradient>
|
|
14
|
+
|
|
15
|
+
<!-- Bar 2 - Pink (tallest) -->
|
|
16
|
+
<linearGradient id="bar2-grad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
17
|
+
<stop offset="0%" stop-color="#fc12c3"/>
|
|
18
|
+
<stop offset="40%" stop-color="#fd32cf"/>
|
|
19
|
+
<stop offset="70%" stop-color="#fc51dd"/>
|
|
20
|
+
<stop offset="100%" stop-color="#fe76e9"/>
|
|
21
|
+
</linearGradient>
|
|
22
|
+
<linearGradient id="bar2-refl" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
23
|
+
<stop offset="0%" stop-color="#7b5a90"/>
|
|
24
|
+
<stop offset="60%" stop-color="#4a4078"/>
|
|
25
|
+
<stop offset="100%" stop-color="#031a5f"/>
|
|
26
|
+
</linearGradient>
|
|
27
|
+
|
|
28
|
+
<!-- Bar 3 - Orange (tall) -->
|
|
29
|
+
<linearGradient id="bar3-grad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
30
|
+
<stop offset="0%" stop-color="#fc5a00"/>
|
|
31
|
+
<stop offset="40%" stop-color="#fd8500"/>
|
|
32
|
+
<stop offset="70%" stop-color="#feba00"/>
|
|
33
|
+
<stop offset="100%" stop-color="#ffe200"/>
|
|
34
|
+
</linearGradient>
|
|
35
|
+
<linearGradient id="bar3-refl" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
36
|
+
<stop offset="0%" stop-color="#8a7a68"/>
|
|
37
|
+
<stop offset="60%" stop-color="#5a5048"/>
|
|
38
|
+
<stop offset="100%" stop-color="#031a5f"/>
|
|
39
|
+
</linearGradient>
|
|
40
|
+
|
|
41
|
+
<!-- Bar 4 - Yellow-Green (shortest) -->
|
|
42
|
+
<linearGradient id="bar4-grad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
43
|
+
<stop offset="0%" stop-color="#748800"/>
|
|
44
|
+
<stop offset="50%" stop-color="#b3c400"/>
|
|
45
|
+
<stop offset="100%" stop-color="#d9dd00"/>
|
|
46
|
+
</linearGradient>
|
|
47
|
+
<linearGradient id="bar4-refl" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
48
|
+
<stop offset="0%" stop-color="#7c856d"/>
|
|
49
|
+
<stop offset="60%" stop-color="#4d5545"/>
|
|
50
|
+
<stop offset="100%" stop-color="#031a5f"/>
|
|
51
|
+
</linearGradient>
|
|
52
|
+
|
|
53
|
+
<!-- Bar 5 - Cyan -->
|
|
54
|
+
<linearGradient id="bar5-grad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
55
|
+
<stop offset="0%" stop-color="#0098c9"/>
|
|
56
|
+
<stop offset="50%" stop-color="#00c2df"/>
|
|
57
|
+
<stop offset="100%" stop-color="#00eaf4"/>
|
|
58
|
+
</linearGradient>
|
|
59
|
+
<linearGradient id="bar5-refl" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
60
|
+
<stop offset="0%" stop-color="#5888a0"/>
|
|
61
|
+
<stop offset="60%" stop-color="#306080"/>
|
|
62
|
+
<stop offset="100%" stop-color="#031a5f"/>
|
|
63
|
+
</linearGradient>
|
|
64
|
+
|
|
65
|
+
<!-- Stroke gradients (darker border colors) -->
|
|
66
|
+
<linearGradient id="bar1-stroke" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
67
|
+
<stop offset="0%" stop-color="#0040a0"/>
|
|
68
|
+
<stop offset="100%" stop-color="#1090c0"/>
|
|
69
|
+
</linearGradient>
|
|
70
|
+
<linearGradient id="bar2-stroke" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
71
|
+
<stop offset="0%" stop-color="#601080"/>
|
|
72
|
+
<stop offset="100%" stop-color="#903090"/>
|
|
73
|
+
</linearGradient>
|
|
74
|
+
<linearGradient id="bar3-stroke" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
75
|
+
<stop offset="0%" stop-color="#603010"/>
|
|
76
|
+
<stop offset="100%" stop-color="#806020"/>
|
|
77
|
+
</linearGradient>
|
|
78
|
+
<linearGradient id="bar4-stroke" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
79
|
+
<stop offset="0%" stop-color="#405000"/>
|
|
80
|
+
<stop offset="100%" stop-color="#607000"/>
|
|
81
|
+
</linearGradient>
|
|
82
|
+
<linearGradient id="bar5-stroke" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
83
|
+
<stop offset="0%" stop-color="#006080"/>
|
|
84
|
+
<stop offset="100%" stop-color="#0090a0"/>
|
|
85
|
+
</linearGradient>
|
|
86
|
+
</defs>
|
|
87
|
+
|
|
88
|
+
<!-- Background -->
|
|
89
|
+
<rect width="2048" height="2048" fill="#031a5f"/>
|
|
90
|
+
|
|
91
|
+
<!-- Bar 1 - Blue: pill ends ~y=1350, reflection to ~1995 -->
|
|
92
|
+
<rect x="396" y="395" width="169" height="955" rx="84" ry="84" fill="url(#bar1-grad)" stroke="url(#bar1-stroke)" stroke-width="4"/>
|
|
93
|
+
<rect x="455" y="1350" width="51" height="645" fill="url(#bar1-refl)"/>
|
|
94
|
+
|
|
95
|
+
<!-- Bar 2 - Pink: pill ends ~y=1660, reflection to ~2025 -->
|
|
96
|
+
<rect x="667" y="395" width="170" height="1265" rx="85" ry="85" fill="url(#bar2-grad)" stroke="url(#bar2-stroke)" stroke-width="4"/>
|
|
97
|
+
<rect x="726" y="1660" width="51" height="365" fill="url(#bar2-refl)"/>
|
|
98
|
+
|
|
99
|
+
<!-- Bar 3 - Orange: pill ends ~y=1505, reflection to ~2024 -->
|
|
100
|
+
<rect x="939" y="395" width="170" height="1110" rx="85" ry="85" fill="url(#bar3-grad)" stroke="url(#bar3-stroke)" stroke-width="4"/>
|
|
101
|
+
<rect x="998" y="1505" width="51" height="519" fill="url(#bar3-refl)"/>
|
|
102
|
+
|
|
103
|
+
<!-- Bar 4 - Yellow-Green: pill ends ~y=1193, reflection to ~2015 -->
|
|
104
|
+
<rect x="1211" y="395" width="170" height="798" rx="85" ry="85" fill="url(#bar4-grad)" stroke="url(#bar4-stroke)" stroke-width="4"/>
|
|
105
|
+
<rect x="1270" y="1193" width="51" height="822" fill="url(#bar4-refl)"/>
|
|
106
|
+
|
|
107
|
+
<!-- Bar 5 - Cyan: pill ends ~y=1350, reflection to ~1974 -->
|
|
108
|
+
<rect x="1483" y="395" width="170" height="955" rx="85" ry="85" fill="url(#bar5-grad)" stroke="url(#bar5-stroke)" stroke-width="4"/>
|
|
109
|
+
<rect x="1542" y="1350" width="51" height="624" fill="url(#bar5-refl)"/>
|
|
23
110
|
</svg>
|