create-foliokit 1.0.0 → 1.0.1

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.
Files changed (21) hide show
  1. package/README.md +59 -325
  2. package/package.json +1 -1
  3. package/templates/default/data.ts +58 -116
  4. package/templates/default/public/avatar-placeholder.png +0 -0
  5. package/templates/default/public/experience-logo-placeholder.png +0 -0
  6. package/templates/default/public/project-placeholder.png +0 -0
  7. package/templates/default/src/App.tsx +79 -49
  8. package/templates/default/src/ProjectMagazineGallery.tsx +13 -5
  9. package/templates/default/src/main.tsx +18 -0
  10. package/templates/default/src/styles.css +49 -84
  11. package/templates/default/tests/portfolio.test.js +2 -2
  12. package/templates/default/types.ts +73 -0
  13. package/templates/default/.gitignore +0 -20
  14. package/templates/default/public/avatar-placeholder.svg +0 -10
  15. package/templates/default/public/footer-heart.png +0 -0
  16. package/templates/default/public/love-always-wins.png +0 -0
  17. package/templates/default/public/project-placeholder.svg +0 -10
  18. package/templates/default/public/stars-foreground-landscape.svg +0 -202
  19. package/templates/default/public/stars-foreground-portrait.svg +0 -202
  20. package/templates/default/public/stars-landscape.svg +0 -322
  21. package/templates/default/public/stars-portrait.svg +0 -322
package/templates/default/public/stars-foreground-landscape.svg DELETED
@@ -1,202 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080" preserveAspectRatio="none">
2
- <defs><radialGradient id="halo"><stop stop-color="white" stop-opacity=".92"/><stop offset="1" stop-color="white" stop-opacity="0"/></radialGradient><linearGradient id="meteor-tail" x1="0" y1="1" x2="1" y2="0"><stop stop-color="white" stop-opacity="0"/><stop offset="1" stop-color="white" stop-opacity=".9"/></linearGradient></defs>
3
- <style>
4
- @keyframes drift { to { translate: var(--dx) var(--dy) } }
5
- @keyframes twinkle { 0%,100% { opacity: .55; scale: .9 } 50% { opacity: 1; scale: 1.38 } }
6
- @keyframes sparkle { 0%,100% { opacity: .24; scale: .66 } 50% { opacity: 1; scale: 1.5 } }
7
- @keyframes meteor-sweep { 0% { opacity: 0; transform: translate(0,0) } 2% { opacity: .72; transform: translate(0,0) } 12% { opacity: 0; transform: translate(var(--dx),var(--dy)) } 100% { opacity: 0; transform: translate(var(--dx),var(--dy)) } }
8
- circle.animate { transform-box: fill-box; transform-origin: center; animation: twinkle var(--duration) ease-in-out var(--delay) infinite, drift var(--duration) ease-in-out var(--delay) infinite alternate; }
9
- path.sparkle { transform-box: fill-box; transform-origin: center; animation: sparkle var(--duration) ease-in-out var(--delay) infinite; }
10
- path.meteor-a { --dx: -460px; --dy: 460px; animation: meteor-sweep 12s linear infinite; }
11
- path.meteor-b { --dx: -390px; --dy: 390px; animation: meteor-sweep 12s linear 4s infinite; }
12
- path.meteor-c { --dx: -500px; --dy: 500px; animation: meteor-sweep 12s linear 8s infinite; }
13
- @media (prefers-reduced-motion: reduce) { circle.animate, path.sparkle, path.meteor { animation: none !important } }
14
- </style>
15
- <circle cx="972.8" cy="934.7" r="6.81" fill="url(#halo)" opacity=".82"/>
16
- <circle class="animate" cx="972.8" cy="934.7" r="1.66" fill="#e5cf9c" opacity="0.78" style="--duration:7.08s;--delay:-4.09s;--dx:0.5px;--dy:9.9px"/>
17
- <circle cx="995.8" cy="106.3" r="1.05" fill="white" opacity="0.98"/>
18
- <circle cx="1426.3" cy="272.9" r="1.81" fill="#e5cf9c" opacity="0.86"/>
19
- <circle cx="974.5" cy="830.3" r="4.43" fill="url(#halo)" opacity=".82"/>
20
- <circle cx="974.5" cy="830.3" r="1.08" fill="white" opacity="0.92"/>
21
- <circle cx="1470.3" cy="871.3" r="1.85" fill="white" opacity="0.83"/>
22
- <circle class="animate" cx="187.9" cy="293.1" r="2.18" fill="white" opacity="0.53" style="--duration:6.57s;--delay:-5.20s;--dx:-2.3px;--dy:-7.3px"/>
23
- <circle cx="1488.7" cy="702.6" r="10.54" fill="url(#halo)" opacity=".82"/>
24
- <circle cx="1488.7" cy="702.6" r="2.57" fill="white" opacity="0.55"/>
25
- <circle cx="1705.8" cy="718.4" r="1.16" fill="white" opacity="0.49"/>
26
- <circle cx="1027.3" cy="790.9" r="1.36" fill="white" opacity="0.60"/>
27
- <circle cx="140.0" cy="259.9" r="6.19" fill="url(#halo)" opacity=".82"/>
28
- <circle cx="140.0" cy="259.9" r="1.51" fill="white" opacity="0.57"/>
29
- <circle class="animate" cx="833.7" cy="689.1" r="0.91" fill="white" opacity="0.95" style="--duration:4.95s;--delay:-3.36s;--dx:6.9px;--dy:8.2px"/>
30
- <circle cx="964.2" cy="358.8" r="1.13" fill="white" opacity="0.74"/>
31
- <circle cx="1057.6" cy="435.9" r="11.11" fill="url(#halo)" opacity=".82"/>
32
- <circle cx="1057.6" cy="435.9" r="2.71" fill="white" opacity="0.61"/>
33
- <circle cx="1433.8" cy="141.2" r="1.04" fill="white" opacity="0.83"/>
34
- <circle cx="1370.3" cy="354.3" r="2.35" fill="white" opacity="0.79"/>
35
- <circle cx="306.1" cy="535.9" r="10.82" fill="url(#halo)" opacity=".82"/>
36
- <circle class="animate" cx="306.1" cy="535.9" r="2.64" fill="white" opacity="0.71" style="--duration:7.43s;--delay:-5.81s;--dx:1.3px;--dy:-1.0px"/>
37
- <circle cx="1085.3" cy="848.0" r="2.05" fill="white" opacity="0.54"/>
38
- <circle cx="1800.6" cy="831.2" r="1.16" fill="white" opacity="0.93"/>
39
- <circle cx="1197.6" cy="39.6" r="9.10" fill="url(#halo)" opacity=".82"/>
40
- <circle cx="1197.6" cy="39.6" r="2.22" fill="white" opacity="0.95"/>
41
- <circle cx="358.1" cy="633.2" r="1.94" fill="white" opacity="0.88"/>
42
- <circle class="animate" cx="664.3" cy="48.0" r="2.47" fill="white" opacity="0.74" style="--duration:4.99s;--delay:-5.83s;--dx:8.3px;--dy:4.0px"/>
43
- <circle cx="1881.9" cy="743.0" r="10.25" fill="url(#halo)" opacity=".82"/>
44
- <circle cx="1881.9" cy="743.0" r="2.50" fill="white" opacity="0.93"/>
45
- <circle cx="364.4" cy="305.7" r="2.77" fill="white" opacity="0.49"/>
46
- <circle cx="816.6" cy="794.0" r="1.22" fill="white" opacity="0.62"/>
47
- <circle cx="1298.6" cy="596.4" r="10.45" fill="url(#halo)" opacity=".82"/>
48
- <circle cx="1298.6" cy="596.4" r="2.55" fill="white" opacity="0.73"/>
49
- <circle class="animate" cx="1389.2" cy="129.5" r="2.18" fill="white" opacity="0.78" style="--duration:6.19s;--delay:-5.45s;--dx:-4.3px;--dy:-9.7px"/>
50
- <circle cx="869.8" cy="852.6" r="1.78" fill="white" opacity="0.64"/>
51
- <circle cx="448.2" cy="840.5" r="4.35" fill="url(#halo)" opacity=".82"/>
52
- <circle cx="448.2" cy="840.5" r="1.06" fill="white" opacity="0.72"/>
53
- <circle cx="682.3" cy="953.0" r="2.09" fill="white" opacity="0.68"/>
54
- <circle cx="1024.0" cy="2.8" r="1.38" fill="white" opacity="0.86"/>
55
- <circle cx="902.7" cy="519.9" r="8.40" fill="url(#halo)" opacity=".82"/>
56
- <circle class="animate" cx="902.7" cy="519.9" r="2.05" fill="white" opacity="0.78" style="--duration:4.54s;--delay:-5.42s;--dx:-2.1px;--dy:0.7px"/>
57
- <circle cx="929.2" cy="274.6" r="2.29" fill="white" opacity="0.90"/>
58
- <circle cx="379.3" cy="876.9" r="2.11" fill="white" opacity="0.94"/>
59
- <circle cx="557.9" cy="1054.2" r="6.31" fill="url(#halo)" opacity=".82"/>
60
- <circle cx="557.9" cy="1054.2" r="1.54" fill="white" opacity="0.96"/>
61
- <circle cx="602.2" cy="526.3" r="1.86" fill="white" opacity="0.96"/>
62
- <circle class="animate" cx="1086.2" cy="437.4" r="2.22" fill="white" opacity="0.77" style="--duration:6.15s;--delay:-4.37s;--dx:4.4px;--dy:-2.0px"/>
63
- <circle cx="63.6" cy="346.6" r="4.35" fill="url(#halo)" opacity=".82"/>
64
- <circle cx="63.6" cy="346.6" r="1.06" fill="white" opacity="0.52"/>
65
- <circle cx="752.1" cy="414.8" r="2.47" fill="white" opacity="0.78"/>
66
- <circle cx="137.3" cy="150.0" r="2.65" fill="white" opacity="0.89"/>
67
- <circle cx="735.6" cy="189.5" r="9.10" fill="url(#halo)" opacity=".82"/>
68
- <circle cx="735.6" cy="189.5" r="2.22" fill="white" opacity="0.87"/>
69
- <circle class="animate" cx="1359.1" cy="640.0" r="2.40" fill="white" opacity="0.57" style="--duration:7.26s;--delay:-0.08s;--dx:8.7px;--dy:5.5px"/>
70
- <circle cx="1438.4" cy="294.7" r="2.36" fill="white" opacity="0.94"/>
71
- <circle cx="1626.8" cy="1048.6" r="5.58" fill="url(#halo)" opacity=".82"/>
72
- <circle cx="1626.8" cy="1048.6" r="1.36" fill="white" opacity="0.95"/>
73
- <circle cx="684.0" cy="230.8" r="2.02" fill="white" opacity="0.65"/>
74
- <circle cx="159.9" cy="14.3" r="1.29" fill="white" opacity="0.94"/>
75
- <circle cx="1518.1" cy="423.5" r="6.35" fill="url(#halo)" opacity=".82"/>
76
- <circle class="animate" cx="1518.1" cy="423.5" r="1.55" fill="white" opacity="0.98" style="--duration:3.30s;--delay:-0.06s;--dx:-1.2px;--dy:3.4px"/>
77
- <circle cx="1459.8" cy="779.1" r="1.85" fill="white" opacity="0.68"/>
78
- <circle cx="807.9" cy="940.6" r="1.64" fill="white" opacity="0.97"/>
79
- <circle cx="69.9" cy="186.2" r="7.09" fill="url(#halo)" opacity=".82"/>
80
- <circle cx="69.9" cy="186.2" r="1.73" fill="white" opacity="0.63"/>
81
- <circle cx="882.7" cy="210.2" r="2.55" fill="white" opacity="0.83"/>
82
- <circle class="animate" cx="1815.4" cy="357.7" r="1.59" fill="white" opacity="0.78" style="--duration:5.42s;--delay:-6.21s;--dx:9.2px;--dy:1.5px"/>
83
- <circle cx="53.6" cy="217.6" r="5.49" fill="url(#halo)" opacity=".82"/>
84
- <circle cx="53.6" cy="217.6" r="1.34" fill="white" opacity="0.61"/>
85
- <circle cx="883.2" cy="931.8" r="1.33" fill="white" opacity="0.79"/>
86
- <circle cx="413.7" cy="903.1" r="2.45" fill="white" opacity="0.86"/>
87
- <circle cx="1062.4" cy="1020.2" r="4.80" fill="url(#halo)" opacity=".82"/>
88
- <circle cx="1062.4" cy="1020.2" r="1.17" fill="white" opacity="0.64"/>
89
- <circle class="animate" cx="277.8" cy="1039.7" r="1.67" fill="white" opacity="0.76" style="--duration:6.96s;--delay:-1.72s;--dx:-6.1px;--dy:8.7px"/>
90
- <circle cx="503.7" cy="86.3" r="2.71" fill="white" opacity="0.76"/>
91
- <circle cx="62.6" cy="190.1" r="9.84" fill="url(#halo)" opacity=".82"/>
92
- <circle cx="62.6" cy="190.1" r="2.40" fill="white" opacity="0.84"/>
93
- <circle cx="1439.8" cy="981.7" r="2.40" fill="white" opacity="0.77"/>
94
- <circle cx="486.8" cy="664.5" r="1.54" fill="white" opacity="0.54"/>
95
- <circle cx="705.3" cy="24.5" r="8.65" fill="url(#halo)" opacity=".82"/>
96
- <circle class="animate" cx="705.3" cy="24.5" r="2.11" fill="white" opacity="0.53" style="--duration:5.38s;--delay:-3.13s;--dx:0.4px;--dy:-1.9px"/>
97
- <circle cx="770.9" cy="838.1" r="1.92" fill="white" opacity="0.95"/>
98
- <circle cx="1376.7" cy="836.5" r="2.61" fill="white" opacity="0.88"/>
99
- <circle cx="677.2" cy="348.6" r="8.24" fill="url(#halo)" opacity=".82"/>
100
- <circle cx="677.2" cy="348.6" r="2.01" fill="white" opacity="0.95"/>
101
- <circle cx="1372.2" cy="100.6" r="2.70" fill="white" opacity="0.74"/>
102
- <circle class="animate" cx="630.0" cy="973.7" r="2.67" fill="white" opacity="0.81" style="--duration:7.71s;--delay:-2.63s;--dx:5.2px;--dy:8.5px"/>
103
- <circle cx="1252.0" cy="318.6" r="9.18" fill="url(#halo)" opacity=".82"/>
104
- <circle cx="1252.0" cy="318.6" r="2.24" fill="white" opacity="0.82"/>
105
- <circle cx="1835.5" cy="1028.3" r="2.53" fill="white" opacity="0.93"/>
106
- <circle cx="498.2" cy="968.2" r="1.25" fill="white" opacity="0.73"/>
107
- <circle cx="641.5" cy="562.7" r="3.81" fill="url(#halo)" opacity=".82"/>
108
- <circle cx="641.5" cy="562.7" r="0.93" fill="white" opacity="0.92"/>
109
- <circle class="animate" cx="1474.7" cy="461.0" r="1.05" fill="white" opacity="0.63" style="--duration:5.10s;--delay:-3.48s;--dx:-8.9px;--dy:2.7px"/>
110
- <circle cx="178.1" cy="79.2" r="0.91" fill="white" opacity="0.83"/>
111
- <circle cx="1867.3" cy="260.0" r="6.03" fill="url(#halo)" opacity=".82"/>
112
- <circle cx="1867.3" cy="260.0" r="1.47" fill="white" opacity="0.96"/>
113
- <circle cx="876.9" cy="330.3" r="2.69" fill="white" opacity="0.72"/>
114
- <circle cx="563.8" cy="356.5" r="1.93" fill="white" opacity="0.50"/>
115
- <circle cx="591.5" cy="1036.1" r="3.77" fill="url(#halo)" opacity=".82"/>
116
- <circle class="animate" cx="591.5" cy="1036.1" r="0.92" fill="white" opacity="0.91" style="--duration:7.68s;--delay:-1.66s;--dx:4.5px;--dy:1.0px"/>
117
- <circle cx="1613.6" cy="148.3" r="2.55" fill="white" opacity="0.59"/>
118
- <circle cx="477.5" cy="681.3" r="0.96" fill="white" opacity="0.55"/>
119
- <circle cx="908.2" cy="396.9" r="5.58" fill="url(#halo)" opacity=".82"/>
120
- <circle cx="908.2" cy="396.9" r="1.36" fill="white" opacity="0.77"/>
121
- <circle cx="1272.2" cy="633.3" r="0.92" fill="white" opacity="0.85"/>
122
- <circle class="animate" cx="1661.0" cy="864.8" r="1.12" fill="white" opacity="0.93" style="--duration:5.26s;--delay:-4.69s;--dx:-5.0px;--dy:-8.1px"/>
123
- <circle cx="1494.9" cy="619.4" r="9.31" fill="url(#halo)" opacity=".82"/>
124
- <circle cx="1494.9" cy="619.4" r="2.27" fill="white" opacity="0.67"/>
125
- <circle cx="1087.1" cy="113.5" r="2.76" fill="white" opacity="0.97"/>
126
- <circle cx="1406.7" cy="684.5" r="1.40" fill="white" opacity="0.74"/>
127
- <circle cx="123.5" cy="700.5" r="10.86" fill="url(#halo)" opacity=".82"/>
128
- <circle cx="123.5" cy="700.5" r="2.65" fill="white" opacity="0.95"/>
129
- <circle class="animate" cx="1210.7" cy="988.2" r="2.05" fill="white" opacity="0.75" style="--duration:7.66s;--delay:-3.66s;--dx:-3.9px;--dy:-1.1px"/>
130
- <circle cx="1629.2" cy="337.1" r="1.26" fill="white" opacity="0.77"/>
131
- <circle cx="1171.5" cy="522.7" r="5.13" fill="url(#halo)" opacity=".82"/>
132
- <circle cx="1171.5" cy="522.7" r="1.25" fill="white" opacity="0.58"/>
133
- <circle cx="905.1" cy="325.8" r="2.37" fill="white" opacity="0.80"/>
134
- <circle cx="1736.1" cy="150.2" r="1.69" fill="white" opacity="0.88"/>
135
- <circle cx="1173.7" cy="1037.7" r="11.07" fill="url(#halo)" opacity=".82"/>
136
- <circle class="animate" cx="1173.7" cy="1037.7" r="2.70" fill="white" opacity="0.53" style="--duration:5.95s;--delay:-3.40s;--dx:6.5px;--dy:2.7px"/>
137
- <circle cx="1733.1" cy="240.4" r="1.50" fill="white" opacity="0.79"/>
138
- <circle cx="259.7" cy="630.4" r="2.49" fill="white" opacity="0.77"/>
139
- <circle cx="412.9" cy="467.7" r="3.85" fill="url(#halo)" opacity=".82"/>
140
- <circle cx="412.9" cy="467.7" r="0.94" fill="white" opacity="0.55"/>
141
- <circle cx="309.5" cy="244.8" r="2.76" fill="white" opacity="0.75"/>
142
- <circle class="animate" cx="1407.9" cy="689.3" r="1.59" fill="white" opacity="0.70" style="--duration:3.80s;--delay:-5.91s;--dx:-6.4px;--dy:1.1px"/>
143
- <circle cx="231.4" cy="563.4" r="10.62" fill="url(#halo)" opacity=".82"/>
144
- <circle cx="231.4" cy="563.4" r="2.59" fill="white" opacity="0.83"/>
145
- <circle cx="1332.4" cy="742.1" r="1.72" fill="white" opacity="0.69"/>
146
- <circle cx="1575.6" cy="527.2" r="2.10" fill="white" opacity="0.61"/>
147
- <circle cx="1422.4" cy="240.6" r="4.80" fill="url(#halo)" opacity=".82"/>
148
- <circle cx="1422.4" cy="240.6" r="1.17" fill="white" opacity="0.56"/>
149
- <circle class="animate" cx="974.1" cy="373.5" r="1.59" fill="white" opacity="0.62" style="--duration:3.35s;--delay:-2.90s;--dx:-2.9px;--dy:3.8px"/>
150
- <circle cx="1896.0" cy="534.2" r="2.41" fill="white" opacity="0.61"/>
151
- <circle cx="1781.0" cy="353.1" r="10.82" fill="url(#halo)" opacity=".82"/>
152
- <circle cx="1781.0" cy="353.1" r="2.64" fill="white" opacity="0.95"/>
153
- <circle cx="153.1" cy="184.9" r="2.11" fill="white" opacity="0.53"/>
154
- <circle cx="751.9" cy="528.4" r="1.53" fill="white" opacity="0.92"/>
155
- <circle cx="495.4" cy="164.4" r="6.89" fill="url(#halo)" opacity=".82"/>
156
- <circle class="animate" cx="495.4" cy="164.4" r="1.68" fill="white" opacity="0.57" style="--duration:3.50s;--delay:-5.57s;--dx:-4.6px;--dy:4.0px"/>
157
- <circle cx="1604.6" cy="570.1" r="1.77" fill="white" opacity="0.76"/>
158
- <circle cx="806.6" cy="412.0" r="2.70" fill="white" opacity="0.69"/>
159
- <circle cx="1698.7" cy="635.4" r="7.54" fill="url(#halo)" opacity=".82"/>
160
- <circle cx="1698.7" cy="635.4" r="1.84" fill="white" opacity="0.71"/>
161
- <circle cx="352.0" cy="712.1" r="2.24" fill="white" opacity="0.72"/>
162
- <circle class="animate" cx="1755.5" cy="85.1" r="1.95" fill="white" opacity="0.72" style="--duration:5.64s;--delay:-6.57s;--dx:-8.5px;--dy:6.7px"/>
163
- <circle cx="1819.2" cy="491.3" r="6.31" fill="url(#halo)" opacity=".82"/>
164
- <circle cx="1819.2" cy="491.3" r="1.54" fill="white" opacity="0.52"/>
165
- <circle cx="218.4" cy="521.2" r="1.30" fill="white" opacity="0.60"/>
166
- <circle cx="1837.3" cy="776.4" r="1.39" fill="white" opacity="0.63"/>
167
- <circle cx="1052.6" cy="184.4" r="4.55" fill="url(#halo)" opacity=".82"/>
168
- <circle cx="1052.6" cy="184.4" r="1.11" fill="white" opacity="0.65"/>
169
- <circle class="animate" cx="697.5" cy="751.4" r="1.27" fill="white" opacity="0.92" style="--duration:7.70s;--delay:-0.11s;--dx:1.6px;--dy:-7.7px"/>
170
- <circle cx="425.1" cy="231.8" r="1.80" fill="white" opacity="0.87"/>
171
- <circle cx="552.7" cy="795.6" r="9.72" fill="url(#halo)" opacity=".82"/>
172
- <circle cx="552.7" cy="795.6" r="2.37" fill="white" opacity="0.78"/>
173
- <circle cx="264.9" cy="213.8" r="2.22" fill="white" opacity="0.55"/>
174
- <circle cx="1697.9" cy="120.4" r="1.01" fill="white" opacity="0.72"/>
175
- <circle cx="702.8" cy="32.5" r="13.3" fill="url(#halo)" opacity=".9"/>
176
- <path class="sparkle" d="M702.8 26.7V38.2M697.1 32.5H708.6" stroke="white" stroke-width=".8" stroke-linecap="round" style="--duration:2.14s;--delay:-2.62s"/>
177
- <circle cx="1182.1" cy="753.4" r="10.1" fill="url(#halo)" opacity=".9"/>
178
- <path class="sparkle" d="M1182.1 749.0V757.8M1177.7 753.4H1186.4" stroke="white" stroke-width=".8" stroke-linecap="round" style="--duration:3.38s;--delay:-4.11s"/>
179
- <circle cx="223.3" cy="195.1" r="13.1" fill="url(#halo)" opacity=".9"/>
180
- <path class="sparkle" d="M223.3 189.4V200.7M217.6 195.1H229.0" stroke="white" stroke-width=".8" stroke-linecap="round" style="--duration:5.11s;--delay:-1.26s"/>
181
- <circle cx="763.4" cy="107.7" r="12.4" fill="url(#halo)" opacity=".9"/>
182
- <path class="sparkle" d="M763.4 102.3V113.1M758.0 107.7H768.8" stroke="white" stroke-width=".8" stroke-linecap="round" style="--duration:3.75s;--delay:-1.04s"/>
183
- <circle cx="1629.4" cy="910.2" r="9.5" fill="url(#halo)" opacity=".9"/>
184
- <path class="sparkle" d="M1629.4 906.1V914.4M1625.3 910.2H1633.6" stroke="white" stroke-width=".8" stroke-linecap="round" style="--duration:4.88s;--delay:-1.22s"/>
185
- <circle cx="792.4" cy="644.6" r="9.8" fill="url(#halo)" opacity=".9"/>
186
- <path class="sparkle" d="M792.4 640.4V648.9M788.1 644.6H796.6" stroke="white" stroke-width=".8" stroke-linecap="round" style="--duration:2.17s;--delay:-3.14s"/>
187
- <circle cx="296.6" cy="598.4" r="12.2" fill="url(#halo)" opacity=".9"/>
188
- <path class="sparkle" d="M296.6 593.1V603.7M291.3 598.4H301.9" stroke="white" stroke-width=".8" stroke-linecap="round" style="--duration:3.31s;--delay:-3.94s"/>
189
- <circle cx="298.0" cy="476.8" r="13.2" fill="url(#halo)" opacity=".9"/>
190
- <path class="sparkle" d="M298.0 471.1V482.6M292.2 476.8H303.7" stroke="white" stroke-width=".8" stroke-linecap="round" style="--duration:3.80s;--delay:-0.32s"/>
191
- <circle cx="70.0" cy="849.1" r="9.6" fill="url(#halo)" opacity=".9"/>
192
- <path class="sparkle" d="M70.0 844.9V853.3M65.8 849.1H74.2" stroke="white" stroke-width=".8" stroke-linecap="round" style="--duration:4.28s;--delay:-4.62s"/>
193
- <circle cx="471.8" cy="1067.3" r="8.1" fill="url(#halo)" opacity=".9"/>
194
- <path class="sparkle" d="M471.8 1063.7V1070.8M468.3 1067.3H475.4" stroke="white" stroke-width=".8" stroke-linecap="round" style="--duration:4.87s;--delay:-3.25s"/>
195
- <circle cx="780.8" cy="181.7" r="10.3" fill="url(#halo)" opacity=".9"/>
196
- <path class="sparkle" d="M780.8 177.3V186.2M776.4 181.7H785.3" stroke="white" stroke-width=".8" stroke-linecap="round" style="--duration:4.46s;--delay:-2.85s"/>
197
- <circle cx="1079.5" cy="743.2" r="8.1" fill="url(#halo)" opacity=".9"/>
198
- <path class="sparkle" d="M1079.5 739.6V746.7M1076.0 743.2H1083.0" stroke="white" stroke-width=".8" stroke-linecap="round" style="--duration:4.12s;--delay:-3.39s"/>
199
- <path class="meteor meteor-a" d="M1880 80L1938 22" stroke="url(#meteor-tail)" stroke-width="1.1" stroke-linecap="round" opacity="0"/>
200
- <path class="meteor meteor-b" d="M1350 150L1410 90" stroke="url(#meteor-tail)" stroke-width="1" stroke-linecap="round" opacity="0"/>
201
- <path class="meteor meteor-c" d="M870 30L930 -30" stroke="url(#meteor-tail)" stroke-width=".9" stroke-linecap="round" opacity="0"/>
202
- </svg>
package/templates/default/public/stars-foreground-portrait.svg DELETED
@@ -1,202 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 960" preserveAspectRatio="none">
2
- <defs><radialGradient id="halo"><stop stop-color="white" stop-opacity=".92"/><stop offset="1" stop-color="white" stop-opacity="0"/></radialGradient><linearGradient id="meteor-tail" x1="0" y1="1" x2="1" y2="0"><stop stop-color="white" stop-opacity="0"/><stop offset="1" stop-color="white" stop-opacity=".9"/></linearGradient></defs>
3
- <style>
4
- @keyframes drift { to { translate: var(--dx) var(--dy) } }
5
- @keyframes twinkle { 0%,100% { opacity: .55; scale: .9 } 50% { opacity: 1; scale: 1.38 } }
6
- @keyframes sparkle { 0%,100% { opacity: .24; scale: .66 } 50% { opacity: 1; scale: 1.5 } }
7
- @keyframes meteor-sweep { 0% { opacity: 0; transform: translate(0,0) } 2% { opacity: .68; transform: translate(0,0) } 12% { opacity: 0; transform: translate(var(--dx),var(--dy)) } 100% { opacity: 0; transform: translate(var(--dx),var(--dy)) } }
8
- circle.animate { transform-box: fill-box; transform-origin: center; animation: twinkle var(--duration) ease-in-out var(--delay) infinite, drift var(--duration) ease-in-out var(--delay) infinite alternate; }
9
- path.sparkle { transform-box: fill-box; transform-origin: center; animation: sparkle var(--duration) ease-in-out var(--delay) infinite; }
10
- path.meteor-a { --dx: -260px; --dy: 260px; animation: meteor-sweep 12s linear infinite; }
11
- path.meteor-b { --dx: -220px; --dy: 220px; animation: meteor-sweep 12s linear 4s infinite; }
12
- path.meteor-c { --dx: -240px; --dy: 240px; animation: meteor-sweep 12s linear 8s infinite; }
13
- @media (prefers-reduced-motion: reduce) { circle.animate, path.sparkle, path.meteor { animation: none !important } }
14
- </style>
15
- <path class="meteor meteor-a" d="M420 140L470 90" stroke="url(#meteor-tail)" stroke-width="1" stroke-linecap="round" opacity="0"/>
16
- <path class="meteor meteor-b" d="M330 470L378 422" stroke="url(#meteor-tail)" stroke-width=".9" stroke-linecap="round" opacity="0"/>
17
- <path class="meteor meteor-c" d="M410 760L460 710" stroke="url(#meteor-tail)" stroke-width=".9" stroke-linecap="round" opacity="0"/>
18
- <circle cx="344.1" cy="10.8" r="11.19" fill="url(#halo)" opacity=".82"/>
19
- <circle class="animate" cx="344.1" cy="10.8" r="2.73" fill="#e5cf9c" opacity="0.56" style="--duration:5.84s;--delay:-5.24s;--dx:-8.6px;--dy:7.5px"/>
20
- <circle cx="363.5" cy="17.7" r="1.63" fill="white" opacity="0.66"/>
21
- <circle cx="295.0" cy="263.5" r="2.73" fill="white" opacity="0.73"/>
22
- <circle cx="120.5" cy="343.5" r="8.90" fill="url(#halo)" opacity=".82"/>
23
- <circle cx="120.5" cy="343.5" r="2.17" fill="white" opacity="0.77"/>
24
- <circle cx="256.8" cy="939.8" r="2.14" fill="white" opacity="0.55"/>
25
- <circle class="animate" cx="124.8" cy="200.5" r="1.36" fill="white" opacity="0.89" style="--duration:7.47s;--delay:-3.92s;--dx:-3.6px;--dy:-9.1px"/>
26
- <circle cx="347.2" cy="19.8" r="10.95" fill="url(#halo)" opacity=".82"/>
27
- <circle cx="347.2" cy="19.8" r="2.67" fill="white" opacity="0.89"/>
28
- <circle cx="417.4" cy="136.3" r="1.88" fill="white" opacity="0.58"/>
29
- <circle cx="477.9" cy="213.4" r="1.34" fill="white" opacity="0.92"/>
30
- <circle cx="8.4" cy="298.1" r="11.32" fill="url(#halo)" opacity=".82"/>
31
- <circle cx="8.4" cy="298.1" r="2.76" fill="white" opacity="0.73"/>
32
- <circle class="animate" cx="144.9" cy="620.4" r="2.05" fill="white" opacity="0.55" style="--duration:3.35s;--delay:-1.98s;--dx:9.5px;--dy:1.6px"/>
33
- <circle cx="27.3" cy="732.8" r="1.39" fill="white" opacity="0.86"/>
34
- <circle cx="138.6" cy="869.9" r="9.76" fill="url(#halo)" opacity=".82"/>
35
- <circle cx="138.6" cy="869.9" r="2.38" fill="white" opacity="0.78"/>
36
- <circle cx="152.7" cy="727.2" r="1.25" fill="white" opacity="0.57"/>
37
- <circle cx="413.4" cy="460.9" r="1.28" fill="white" opacity="0.66"/>
38
- <circle cx="322.4" cy="67.4" r="10.37" fill="url(#halo)" opacity=".82"/>
39
- <circle class="animate" cx="322.4" cy="67.4" r="2.53" fill="white" opacity="0.96" style="--duration:6.83s;--delay:-4.31s;--dx:-8.4px;--dy:0.2px"/>
40
- <circle cx="358.0" cy="22.2" r="1.15" fill="white" opacity="0.69"/>
41
- <circle cx="43.4" cy="299.6" r="2.23" fill="white" opacity="0.51"/>
42
- <circle cx="25.3" cy="652.0" r="9.06" fill="url(#halo)" opacity=".82"/>
43
- <circle cx="25.3" cy="652.0" r="2.21" fill="white" opacity="0.68"/>
44
- <circle cx="102.1" cy="229.4" r="1.93" fill="white" opacity="0.49"/>
45
- <circle class="animate" cx="402.5" cy="378.5" r="2.63" fill="white" opacity="0.71" style="--duration:5.13s;--delay:-6.40s;--dx:5.3px;--dy:-6.5px"/>
46
- <circle cx="434.0" cy="62.2" r="8.73" fill="url(#halo)" opacity=".82"/>
47
- <circle cx="434.0" cy="62.2" r="2.13" fill="white" opacity="0.88"/>
48
- <circle cx="321.0" cy="219.2" r="2.45" fill="white" opacity="0.52"/>
49
- <circle cx="393.7" cy="743.1" r="2.43" fill="white" opacity="0.76"/>
50
- <circle cx="86.2" cy="641.8" r="7.42" fill="url(#halo)" opacity=".82"/>
51
- <circle cx="86.2" cy="641.8" r="1.81" fill="white" opacity="0.88"/>
52
- <circle class="animate" cx="465.2" cy="416.8" r="1.65" fill="white" opacity="0.73" style="--duration:6.03s;--delay:-3.29s;--dx:4.6px;--dy:-1.1px"/>
53
- <circle cx="308.0" cy="903.1" r="1.07" fill="white" opacity="0.57"/>
54
- <circle cx="131.6" cy="487.9" r="6.97" fill="url(#halo)" opacity=".82"/>
55
- <circle cx="131.6" cy="487.9" r="1.70" fill="white" opacity="0.82"/>
56
- <circle cx="250.5" cy="310.2" r="2.78" fill="white" opacity="0.71"/>
57
- <circle cx="65.3" cy="160.3" r="2.03" fill="white" opacity="0.86"/>
58
- <circle cx="21.7" cy="439.3" r="9.76" fill="url(#halo)" opacity=".82"/>
59
- <circle class="animate" cx="21.7" cy="439.3" r="2.38" fill="white" opacity="0.71" style="--duration:7.93s;--delay:-4.07s;--dx:-4.2px;--dy:-5.6px"/>
60
- <circle cx="478.0" cy="578.0" r="1.67" fill="white" opacity="0.93"/>
61
- <circle cx="364.2" cy="636.8" r="1.54" fill="white" opacity="0.68"/>
62
- <circle cx="430.4" cy="324.5" r="4.92" fill="url(#halo)" opacity=".82"/>
63
- <circle cx="430.4" cy="324.5" r="1.20" fill="white" opacity="0.76"/>
64
- <circle cx="44.7" cy="238.4" r="2.65" fill="white" opacity="0.79"/>
65
- <circle class="animate" cx="22.5" cy="522.9" r="1.00" fill="white" opacity="0.61" style="--duration:3.90s;--delay:-3.17s;--dx:9.5px;--dy:-3.5px"/>
66
- <circle cx="444.0" cy="789.7" r="5.25" fill="url(#halo)" opacity=".82"/>
67
- <circle cx="444.0" cy="789.7" r="1.28" fill="white" opacity="0.74"/>
68
- <circle cx="183.5" cy="336.2" r="1.38" fill="white" opacity="0.69"/>
69
- <circle cx="67.3" cy="585.9" r="1.53" fill="white" opacity="0.63"/>
70
- <circle cx="62.1" cy="146.9" r="10.91" fill="url(#halo)" opacity=".82"/>
71
- <circle cx="62.1" cy="146.9" r="2.66" fill="white" opacity="0.57"/>
72
- <circle class="animate" cx="93.8" cy="731.9" r="0.94" fill="white" opacity="0.85" style="--duration:5.23s;--delay:-6.29s;--dx:4.0px;--dy:2.5px"/>
73
- <circle cx="175.7" cy="897.3" r="1.52" fill="white" opacity="0.60"/>
74
- <circle cx="327.1" cy="642.4" r="8.16" fill="url(#halo)" opacity=".82"/>
75
- <circle cx="327.1" cy="642.4" r="1.99" fill="white" opacity="0.53"/>
76
- <circle cx="281.4" cy="549.3" r="2.51" fill="white" opacity="0.77"/>
77
- <circle cx="425.0" cy="261.7" r="2.78" fill="white" opacity="0.92"/>
78
- <circle cx="125.3" cy="144.6" r="4.35" fill="url(#halo)" opacity=".82"/>
79
- <circle class="animate" cx="125.3" cy="144.6" r="1.06" fill="white" opacity="0.67" style="--duration:7.58s;--delay:-6.00s;--dx:-0.2px;--dy:0.6px"/>
80
- <circle cx="169.4" cy="363.6" r="2.77" fill="white" opacity="0.78"/>
81
- <circle cx="192.6" cy="264.4" r="2.62" fill="white" opacity="0.88"/>
82
- <circle cx="216.6" cy="932.0" r="4.35" fill="url(#halo)" opacity=".82"/>
83
- <circle cx="216.6" cy="932.0" r="1.06" fill="white" opacity="0.83"/>
84
- <circle cx="58.0" cy="369.9" r="1.86" fill="white" opacity="0.84"/>
85
- <circle class="animate" cx="446.9" cy="500.0" r="2.17" fill="white" opacity="0.62" style="--duration:5.57s;--delay:-5.06s;--dx:5.3px;--dy:4.9px"/>
86
- <circle cx="95.2" cy="61.6" r="7.26" fill="url(#halo)" opacity=".82"/>
87
- <circle cx="95.2" cy="61.6" r="1.77" fill="white" opacity="0.81"/>
88
- <circle cx="235.0" cy="290.9" r="0.97" fill="white" opacity="0.95"/>
89
- <circle cx="307.2" cy="340.1" r="2.45" fill="white" opacity="0.74"/>
90
- <circle cx="159.8" cy="677.2" r="7.50" fill="url(#halo)" opacity=".82"/>
91
- <circle cx="159.8" cy="677.2" r="1.83" fill="white" opacity="0.79"/>
92
- <circle class="animate" cx="116.3" cy="65.3" r="1.14" fill="white" opacity="0.70" style="--duration:7.57s;--delay:-3.44s;--dx:-5.8px;--dy:-1.9px"/>
93
- <circle cx="354.3" cy="521.5" r="1.57" fill="white" opacity="0.64"/>
94
- <circle cx="73.8" cy="97.0" r="7.83" fill="url(#halo)" opacity=".82"/>
95
- <circle cx="73.8" cy="97.0" r="1.91" fill="white" opacity="0.75"/>
96
- <circle cx="295.8" cy="355.8" r="1.05" fill="white" opacity="0.49"/>
97
- <circle cx="210.5" cy="714.6" r="2.42" fill="white" opacity="0.89"/>
98
- <circle cx="35.9" cy="761.9" r="5.94" fill="url(#halo)" opacity=".82"/>
99
- <circle class="animate" cx="35.9" cy="761.9" r="1.45" fill="white" opacity="0.70" style="--duration:7.63s;--delay:-4.97s;--dx:-6.6px;--dy:-1.3px"/>
100
- <circle cx="306.2" cy="957.4" r="1.69" fill="white" opacity="0.95"/>
101
- <circle cx="470.2" cy="751.4" r="2.49" fill="white" opacity="0.91"/>
102
- <circle cx="159.9" cy="844.1" r="8.53" fill="url(#halo)" opacity=".82"/>
103
- <circle cx="159.9" cy="844.1" r="2.08" fill="white" opacity="0.98"/>
104
- <circle cx="248.7" cy="945.3" r="2.58" fill="white" opacity="0.94"/>
105
- <circle class="animate" cx="340.0" cy="713.2" r="1.86" fill="white" opacity="0.67" style="--duration:5.69s;--delay:-1.75s;--dx:3.0px;--dy:-3.6px"/>
106
- <circle cx="365.6" cy="34.5" r="10.95" fill="url(#halo)" opacity=".82"/>
107
- <circle cx="365.6" cy="34.5" r="2.67" fill="white" opacity="0.71"/>
108
- <circle cx="54.1" cy="563.0" r="0.94" fill="white" opacity="0.77"/>
109
- <circle cx="109.3" cy="839.6" r="2.66" fill="white" opacity="0.63"/>
110
- <circle cx="298.8" cy="351.3" r="4.47" fill="url(#halo)" opacity=".82"/>
111
- <circle cx="298.8" cy="351.3" r="1.09" fill="white" opacity="0.97"/>
112
- <circle class="animate" cx="212.3" cy="50.7" r="1.45" fill="white" opacity="0.53" style="--duration:4.13s;--delay:-6.17s;--dx:6.7px;--dy:-8.0px"/>
113
- <circle cx="290.1" cy="295.6" r="2.18" fill="white" opacity="0.81"/>
114
- <circle cx="241.5" cy="47.9" r="11.40" fill="url(#halo)" opacity=".82"/>
115
- <circle cx="241.5" cy="47.9" r="2.78" fill="white" opacity="0.53"/>
116
- <circle cx="133.3" cy="213.3" r="2.35" fill="white" opacity="0.61"/>
117
- <circle cx="308.0" cy="560.7" r="2.05" fill="white" opacity="0.48"/>
118
- <circle cx="132.6" cy="781.4" r="7.83" fill="url(#halo)" opacity=".82"/>
119
- <circle class="animate" cx="132.6" cy="781.4" r="1.91" fill="white" opacity="0.85" style="--duration:4.54s;--delay:-4.70s;--dx:-5.8px;--dy:4.8px"/>
120
- <circle cx="376.9" cy="888.4" r="1.65" fill="white" opacity="0.86"/>
121
- <circle cx="101.8" cy="956.3" r="1.54" fill="white" opacity="0.60"/>
122
- <circle cx="57.9" cy="200.0" r="6.35" fill="url(#halo)" opacity=".82"/>
123
- <circle cx="57.9" cy="200.0" r="1.55" fill="white" opacity="0.66"/>
124
- <circle cx="113.7" cy="194.5" r="2.44" fill="white" opacity="0.90"/>
125
- <circle class="animate" cx="314.4" cy="714.2" r="1.35" fill="white" opacity="0.82" style="--duration:4.92s;--delay:-1.29s;--dx:-5.5px;--dy:5.5px"/>
126
- <circle cx="290.3" cy="672.0" r="10.78" fill="url(#halo)" opacity=".82"/>
127
- <circle cx="290.3" cy="672.0" r="2.63" fill="white" opacity="0.68"/>
128
- <circle cx="374.6" cy="319.2" r="2.28" fill="white" opacity="0.62"/>
129
- <circle cx="112.9" cy="864.5" r="2.78" fill="white" opacity="0.66"/>
130
- <circle cx="400.6" cy="553.2" r="6.64" fill="url(#halo)" opacity=".82"/>
131
- <circle cx="400.6" cy="553.2" r="1.62" fill="white" opacity="0.59"/>
132
- <circle class="animate" cx="132.0" cy="647.3" r="2.52" fill="white" opacity="0.79" style="--duration:6.62s;--delay:-3.52s;--dx:0.2px;--dy:-4.3px"/>
133
- <circle cx="318.6" cy="183.9" r="2.32" fill="white" opacity="0.92"/>
134
- <circle cx="317.3" cy="635.5" r="10.09" fill="url(#halo)" opacity=".82"/>
135
- <circle cx="317.3" cy="635.5" r="2.46" fill="white" opacity="0.59"/>
136
- <circle cx="89.2" cy="308.7" r="1.73" fill="white" opacity="0.84"/>
137
- <circle cx="327.8" cy="563.9" r="2.40" fill="white" opacity="0.61"/>
138
- <circle cx="457.3" cy="814.7" r="4.96" fill="url(#halo)" opacity=".82"/>
139
- <circle class="animate" cx="457.3" cy="814.7" r="1.21" fill="white" opacity="0.57" style="--duration:7.31s;--delay:-0.39s;--dx:3.6px;--dy:-6.5px"/>
140
- <circle cx="261.5" cy="547.0" r="1.48" fill="white" opacity="0.84"/>
141
- <circle cx="341.9" cy="678.7" r="2.44" fill="white" opacity="0.69"/>
142
- <circle cx="446.0" cy="418.8" r="8.49" fill="url(#halo)" opacity=".82"/>
143
- <circle cx="446.0" cy="418.8" r="2.07" fill="white" opacity="0.57"/>
144
- <circle cx="466.1" cy="187.1" r="1.86" fill="white" opacity="0.57"/>
145
- <circle class="animate" cx="267.7" cy="33.2" r="2.29" fill="white" opacity="0.82" style="--duration:3.80s;--delay:-1.83s;--dx:3.5px;--dy:5.7px"/>
146
- <circle cx="267.5" cy="276.2" r="8.81" fill="url(#halo)" opacity=".82"/>
147
- <circle cx="267.5" cy="276.2" r="2.15" fill="white" opacity="0.76"/>
148
- <circle cx="362.5" cy="523.8" r="1.83" fill="white" opacity="0.78"/>
149
- <circle cx="87.7" cy="911.8" r="1.00" fill="white" opacity="0.90"/>
150
- <circle cx="5.3" cy="763.6" r="8.61" fill="url(#halo)" opacity=".82"/>
151
- <circle cx="5.3" cy="763.6" r="2.10" fill="white" opacity="0.66"/>
152
- <circle class="animate" cx="2.6" cy="429.4" r="2.60" fill="white" opacity="0.63" style="--duration:4.74s;--delay:-6.90s;--dx:3.8px;--dy:5.4px"/>
153
- <circle cx="260.5" cy="545.6" r="2.50" fill="white" opacity="0.63"/>
154
- <circle cx="92.3" cy="634.3" r="10.41" fill="url(#halo)" opacity=".82"/>
155
- <circle cx="92.3" cy="634.3" r="2.54" fill="white" opacity="0.50"/>
156
- <circle cx="411.6" cy="882.4" r="2.46" fill="white" opacity="0.70"/>
157
- <circle cx="231.1" cy="381.4" r="1.29" fill="white" opacity="0.86"/>
158
- <circle cx="151.1" cy="466.2" r="6.48" fill="url(#halo)" opacity=".82"/>
159
- <circle class="animate" cx="151.1" cy="466.2" r="1.58" fill="white" opacity="0.68" style="--duration:5.27s;--delay:-5.60s;--dx:3.1px;--dy:-3.0px"/>
160
- <circle cx="357.6" cy="675.2" r="2.35" fill="white" opacity="0.80"/>
161
- <circle cx="331.0" cy="769.0" r="1.62" fill="white" opacity="0.52"/>
162
- <circle cx="264.5" cy="170.2" r="4.10" fill="url(#halo)" opacity=".82"/>
163
- <circle cx="264.5" cy="170.2" r="1.00" fill="white" opacity="0.50"/>
164
- <circle cx="352.4" cy="582.4" r="0.91" fill="white" opacity="0.76"/>
165
- <circle class="animate" cx="348.8" cy="270.2" r="1.53" fill="white" opacity="0.70" style="--duration:5.11s;--delay:-0.52s;--dx:-4.9px;--dy:6.5px"/>
166
- <circle cx="355.7" cy="157.7" r="8.61" fill="url(#halo)" opacity=".82"/>
167
- <circle cx="355.7" cy="157.7" r="2.10" fill="white" opacity="0.93"/>
168
- <circle cx="441.7" cy="628.9" r="2.14" fill="white" opacity="0.56"/>
169
- <circle cx="50.3" cy="546.0" r="2.79" fill="white" opacity="0.92"/>
170
- <circle cx="78.6" cy="409.7" r="10.86" fill="url(#halo)" opacity=".82"/>
171
- <circle cx="78.6" cy="409.7" r="2.65" fill="white" opacity="0.59"/>
172
- <circle class="animate" cx="425.2" cy="57.9" r="1.28" fill="white" opacity="0.95" style="--duration:7.80s;--delay:-6.04s;--dx:1.1px;--dy:-1.4px"/>
173
- <circle cx="209.2" cy="505.6" r="2.77" fill="white" opacity="0.54"/>
174
- <circle cx="178.2" cy="323.8" r="10.09" fill="url(#halo)" opacity=".82"/>
175
- <circle cx="178.2" cy="323.8" r="2.46" fill="white" opacity="0.91"/>
176
- <circle cx="107.3" cy="959.4" r="2.14" fill="white" opacity="0.82"/>
177
- <circle cx="306.7" cy="833.9" r="2.69" fill="white" opacity="0.83"/>
178
- <circle cx="40.9" cy="303.4" r="12.7" fill="url(#halo)" opacity=".9"/>
179
- <path class="sparkle" d="M40.9 297.9V308.9M35.4 303.4H46.5" stroke="white" stroke-width=".8" stroke-linecap="round" style="--duration:4.78s;--delay:-2.74s"/>
180
- <circle cx="290.5" cy="149.4" r="10.9" fill="url(#halo)" opacity=".9"/>
181
- <path class="sparkle" d="M290.5 144.7V154.1M285.7 149.4H295.2" stroke="white" stroke-width=".8" stroke-linecap="round" style="--duration:2.48s;--delay:-1.03s"/>
182
- <circle cx="112.9" cy="497.7" r="13.3" fill="url(#halo)" opacity=".9"/>
183
- <path class="sparkle" d="M112.9 491.9V503.4M107.2 497.7H118.7" stroke="white" stroke-width=".8" stroke-linecap="round" style="--duration:3.84s;--delay:-3.72s"/>
184
- <circle cx="220.8" cy="205.0" r="12.0" fill="url(#halo)" opacity=".9"/>
185
- <path class="sparkle" d="M220.8 199.8V210.2M215.5 205.0H226.0" stroke="white" stroke-width=".8" stroke-linecap="round" style="--duration:3.41s;--delay:-2.38s"/>
186
- <circle cx="301.0" cy="266.4" r="13.3" fill="url(#halo)" opacity=".9"/>
187
- <path class="sparkle" d="M301.0 260.6V272.2M295.2 266.4H306.8" stroke="white" stroke-width=".8" stroke-linecap="round" style="--duration:5.13s;--delay:-0.78s"/>
188
- <circle cx="142.5" cy="3.7" r="9.2" fill="url(#halo)" opacity=".9"/>
189
- <path class="sparkle" d="M142.5 -0.3V7.6M138.5 3.7H146.5" stroke="white" stroke-width=".8" stroke-linecap="round" style="--duration:4.16s;--delay:-0.46s"/>
190
- <circle cx="241.8" cy="886.3" r="13.8" fill="url(#halo)" opacity=".9"/>
191
- <path class="sparkle" d="M241.8 880.3V892.3M235.8 886.3H247.8" stroke="white" stroke-width=".8" stroke-linecap="round" style="--duration:3.30s;--delay:-3.12s"/>
192
- <circle cx="104.3" cy="935.0" r="8.9" fill="url(#halo)" opacity=".9"/>
193
- <path class="sparkle" d="M104.3 931.1V938.9M100.5 935.0H108.2" stroke="white" stroke-width=".8" stroke-linecap="round" style="--duration:4.39s;--delay:-0.68s"/>
194
- <circle cx="274.8" cy="764.6" r="9.5" fill="url(#halo)" opacity=".9"/>
195
- <path class="sparkle" d="M274.8 760.5V768.8M270.7 764.6H279.0" stroke="white" stroke-width=".8" stroke-linecap="round" style="--duration:3.01s;--delay:-1.31s"/>
196
- <circle cx="313.6" cy="887.3" r="13.1" fill="url(#halo)" opacity=".9"/>
197
- <path class="sparkle" d="M313.6 881.6V893.0M307.9 887.3H319.3" stroke="white" stroke-width=".8" stroke-linecap="round" style="--duration:3.96s;--delay:-0.03s"/>
198
- <circle cx="400.3" cy="232.1" r="13.2" fill="url(#halo)" opacity=".9"/>
199
- <path class="sparkle" d="M400.3 226.4V237.9M394.6 232.1H406.1" stroke="white" stroke-width=".8" stroke-linecap="round" style="--duration:2.83s;--delay:-2.33s"/>
200
- <circle cx="289.1" cy="222.7" r="10.2" fill="url(#halo)" opacity=".9"/>
201
- <path class="sparkle" d="M289.1 218.3V227.2M284.7 222.7H293.6" stroke="white" stroke-width=".8" stroke-linecap="round" style="--duration:4.61s;--delay:-4.03s"/>
202
- </svg>