[MM-37090] Update loading screen branding (#1706)
* update loading screen branding - background - logo light mode colour * linting * build mac installer on pr * use the actual branch name
This commit is contained in:
Dean Whillier
@@ -449,8 +449,6 @@ workflows:
|
|||||||
branches:
|
branches:
|
||||||
only:
|
only:
|
||||||
- /^release-\d+(\.\d+){1,2}(-rc.*)?/
|
- /^release-\d+(\.\d+){1,2}(-rc.*)?/
|
||||||
- MM-36793
|
|
||||||
|
|
||||||
- store_artifacts:
|
- store_artifacts:
|
||||||
# for master/PR builds
|
# for master/PR builds
|
||||||
requires:
|
requires:
|
||||||
|
|||||||
BIN
src/assets/loader/StippleMask.jpg
Normal file
BIN
src/assets/loader/StippleMask.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
@@ -1,148 +0,0 @@
|
|||||||
<svg width="460" height="460" viewBox="0 0 460 460" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<g>
|
|
||||||
<rect y="229.618" width="3.24729" height="3.24729" transform="rotate(-45 0 229.618)" fill="#0058CC"/>
|
|
||||||
<rect x="123.994" y="353.612" width="3.24729" height="3.24728" transform="rotate(-45 123.994 353.612)" fill="#0058CC"/>
|
|
||||||
<rect x="123.994" y="105.624" width="3.2473" height="3.24729" transform="rotate(-45 123.994 105.624)" fill="#0058CC"/>
|
|
||||||
<rect x="247.988" y="229.618" width="3.2473" height="3.24728" transform="rotate(-45 247.988 229.618)" fill="#0058CC"/>
|
|
||||||
<rect x="20.6656" y="250.284" width="3.24729" height="3.24729" transform="rotate(-45 20.6656 250.284)" fill="#0058CC"/>
|
|
||||||
<rect x="144.659" y="374.278" width="3.24729" height="3.24728" transform="rotate(-45 144.659 374.278)" fill="#0058CC"/>
|
|
||||||
<rect x="144.659" y="126.29" width="3.2473" height="3.24729" transform="rotate(-45 144.659 126.29)" fill="#0058CC"/>
|
|
||||||
<rect x="268.653" y="250.284" width="3.2473" height="3.24728" transform="rotate(-45 268.653 250.284)" fill="#0058CC"/>
|
|
||||||
<rect x="41.3313" y="270.95" width="3.24729" height="3.24729" transform="rotate(-45 41.3313 270.95)" fill="#0058CC"/>
|
|
||||||
<rect x="165.325" y="394.943" width="3.24729" height="3.2473" transform="rotate(-45 165.325 394.943)" fill="#0058CC"/>
|
|
||||||
<rect x="165.325" y="146.956" width="3.2473" height="3.24729" transform="rotate(-45 165.325 146.956)" fill="#0058CC"/>
|
|
||||||
<rect x="289.319" y="270.95" width="3.2473" height="3.2473" transform="rotate(-45 289.319 270.95)" fill="#0058CC"/>
|
|
||||||
<rect x="61.9969" y="291.615" width="3.24729" height="3.24728" transform="rotate(-45 61.9969 291.615)" fill="#0058CC"/>
|
|
||||||
<rect x="185.991" y="415.609" width="3.24729" height="3.24728" transform="rotate(-45 185.991 415.609)" fill="#0058CC"/>
|
|
||||||
<rect x="185.991" y="167.621" width="3.2473" height="3.24728" transform="rotate(-45 185.991 167.621)" fill="#0058CC"/>
|
|
||||||
<rect x="309.985" y="291.615" width="3.2473" height="3.24728" transform="rotate(-45 309.985 291.615)" fill="#0058CC"/>
|
|
||||||
<rect x="82.6626" y="312.281" width="3.24729" height="3.24729" transform="rotate(-45 82.6626 312.281)" fill="#0058CC"/>
|
|
||||||
<rect x="206.656" y="436.275" width="3.24729" height="3.24731" transform="rotate(-45 206.656 436.275)" fill="#0058CC"/>
|
|
||||||
<rect x="206.656" y="188.287" width="3.2473" height="3.24729" transform="rotate(-45 206.656 188.287)" fill="#0058CC"/>
|
|
||||||
<rect x="330.65" y="312.281" width="3.2473" height="3.24731" transform="rotate(-45 330.65 312.281)" fill="#0058CC"/>
|
|
||||||
<rect x="103.328" y="332.946" width="3.24729" height="3.2473" transform="rotate(-45 103.328 332.946)" fill="#0058CC"/>
|
|
||||||
<rect x="227.322" y="456.94" width="3.24729" height="3.24728" transform="rotate(-45 227.322 456.94)" fill="#0058CC"/>
|
|
||||||
<rect x="227.322" y="208.953" width="3.2473" height="3.2473" transform="rotate(-45 227.322 208.953)" fill="#0058CC"/>
|
|
||||||
<rect x="351.316" y="332.946" width="3.2473" height="3.24728" transform="rotate(-45 351.316 332.946)" fill="#0058CC"/>
|
|
||||||
<rect x="20.6656" y="208.953" width="3.24729" height="3.24729" transform="rotate(-45 20.6656 208.953)" fill="#0058CC"/>
|
|
||||||
<rect x="144.66" y="332.946" width="3.24729" height="3.24728" transform="rotate(-45 144.66 332.946)" fill="#0058CC"/>
|
|
||||||
<rect x="144.659" y="84.9588" width="3.24728" height="3.24729" transform="rotate(-45 144.659 84.9588)" fill="#0058CC"/>
|
|
||||||
<rect x="268.653" y="208.953" width="3.24728" height="3.24728" transform="rotate(-45 268.653 208.953)" fill="#0058CC"/>
|
|
||||||
<rect x="41.3313" y="229.618" width="3.24729" height="3.24729" transform="rotate(-45 41.3313 229.618)" fill="#0058CC"/>
|
|
||||||
<rect x="165.325" y="353.612" width="3.24729" height="3.24728" transform="rotate(-45 165.325 353.612)" fill="#0058CC"/>
|
|
||||||
<rect x="165.325" y="105.624" width="3.24728" height="3.24729" transform="rotate(-45 165.325 105.624)" fill="#0058CC"/>
|
|
||||||
<rect x="289.319" y="229.618" width="3.24728" height="3.24728" transform="rotate(-45 289.319 229.618)" fill="#0058CC"/>
|
|
||||||
<rect x="61.9969" y="250.284" width="3.24729" height="3.24729" transform="rotate(-45 61.9969 250.284)" fill="#0058CC"/>
|
|
||||||
<rect x="185.991" y="374.278" width="3.24729" height="3.2473" transform="rotate(-45 185.991 374.278)" fill="#0058CC"/>
|
|
||||||
<rect x="185.991" y="126.29" width="3.24728" height="3.24729" transform="rotate(-45 185.991 126.29)" fill="#0058CC"/>
|
|
||||||
<rect x="309.985" y="250.284" width="3.24728" height="3.2473" transform="rotate(-45 309.985 250.284)" fill="#0058CC"/>
|
|
||||||
<rect x="82.6626" y="270.95" width="3.24729" height="3.24728" transform="rotate(-45 82.6626 270.95)" fill="#0058CC"/>
|
|
||||||
<rect x="206.656" y="394.943" width="3.24729" height="3.24728" transform="rotate(-45 206.656 394.943)" fill="#0058CC"/>
|
|
||||||
<rect x="206.656" y="146.956" width="3.24728" height="3.24728" transform="rotate(-45 206.656 146.956)" fill="#0058CC"/>
|
|
||||||
<rect x="330.65" y="270.95" width="3.24728" height="3.24728" transform="rotate(-45 330.65 270.95)" fill="#0058CC"/>
|
|
||||||
<rect x="103.328" y="291.615" width="3.24729" height="3.24729" transform="rotate(-45 103.328 291.615)" fill="#0058CC"/>
|
|
||||||
<rect x="227.322" y="415.609" width="3.24729" height="3.24731" transform="rotate(-45 227.322 415.609)" fill="#0058CC"/>
|
|
||||||
<rect x="227.322" y="167.621" width="3.24728" height="3.24729" transform="rotate(-45 227.322 167.621)" fill="#0058CC"/>
|
|
||||||
<rect x="351.316" y="291.615" width="3.24728" height="3.24731" transform="rotate(-45 351.316 291.615)" fill="#0058CC"/>
|
|
||||||
<rect x="123.994" y="312.281" width="3.24729" height="3.2473" transform="rotate(-45 123.994 312.281)" fill="#0058CC"/>
|
|
||||||
<rect x="247.988" y="436.275" width="3.24729" height="3.24728" transform="rotate(-45 247.988 436.275)" fill="#0058CC"/>
|
|
||||||
<rect x="247.988" y="188.287" width="3.24728" height="3.2473" transform="rotate(-45 247.988 188.287)" fill="#0058CC"/>
|
|
||||||
<rect x="371.982" y="312.281" width="3.24728" height="3.24728" transform="rotate(-45 371.982 312.281)" fill="#0058CC"/>
|
|
||||||
<rect x="41.3313" y="188.287" width="3.24729" height="3.24729" transform="rotate(-45 41.3313 188.287)" fill="#0058CC"/>
|
|
||||||
<rect x="165.325" y="312.281" width="3.24729" height="3.24728" transform="rotate(-45 165.325 312.281)" fill="#0058CC"/>
|
|
||||||
<rect x="165.325" y="64.2932" width="3.24728" height="3.24729" transform="rotate(-45 165.325 64.2932)" fill="#0058CC"/>
|
|
||||||
<rect x="289.319" y="188.287" width="3.24728" height="3.24728" transform="rotate(-45 289.319 188.287)" fill="#0058CC"/>
|
|
||||||
<rect x="61.9969" y="208.953" width="3.24729" height="3.24729" transform="rotate(-45 61.9969 208.953)" fill="#0058CC"/>
|
|
||||||
<rect x="185.991" y="332.946" width="3.24729" height="3.24728" transform="rotate(-45 185.991 332.946)" fill="#0058CC"/>
|
|
||||||
<rect x="185.991" y="84.9588" width="3.24728" height="3.24729" transform="rotate(-45 185.991 84.9588)" fill="#0058CC"/>
|
|
||||||
<rect x="309.985" y="208.953" width="3.24728" height="3.24728" transform="rotate(-45 309.985 208.953)" fill="#0058CC"/>
|
|
||||||
<rect x="82.6626" y="229.618" width="3.24729" height="3.24729" transform="rotate(-45 82.6626 229.618)" fill="#0058CC"/>
|
|
||||||
<rect x="206.656" y="353.612" width="3.24729" height="3.2473" transform="rotate(-45 206.656 353.612)" fill="#0058CC"/>
|
|
||||||
<rect x="206.656" y="105.624" width="3.24728" height="3.24729" transform="rotate(-45 206.656 105.624)" fill="#0058CC"/>
|
|
||||||
<rect x="330.65" y="229.618" width="3.24728" height="3.2473" transform="rotate(-45 330.65 229.618)" fill="#0058CC"/>
|
|
||||||
<rect x="103.328" y="250.284" width="3.24729" height="3.24728" transform="rotate(-45 103.328 250.284)" fill="#0058CC"/>
|
|
||||||
<rect x="227.322" y="374.278" width="3.24729" height="3.24728" transform="rotate(-45 227.322 374.278)" fill="#0058CC"/>
|
|
||||||
<rect x="227.322" y="126.29" width="3.24728" height="3.24728" transform="rotate(-45 227.322 126.29)" fill="#0058CC"/>
|
|
||||||
<rect x="351.316" y="250.284" width="3.24728" height="3.24728" transform="rotate(-45 351.316 250.284)" fill="#0058CC"/>
|
|
||||||
<rect x="123.994" y="270.95" width="3.24729" height="3.24729" transform="rotate(-45 123.994 270.95)" fill="#0058CC"/>
|
|
||||||
<rect x="247.988" y="394.943" width="3.24729" height="3.24731" transform="rotate(-45 247.988 394.943)" fill="#0058CC"/>
|
|
||||||
<rect x="247.988" y="146.956" width="3.24728" height="3.24729" transform="rotate(-45 247.988 146.956)" fill="#0058CC"/>
|
|
||||||
<rect x="371.982" y="270.95" width="3.24728" height="3.24731" transform="rotate(-45 371.982 270.95)" fill="#0058CC"/>
|
|
||||||
<rect x="144.659" y="291.615" width="3.24729" height="3.2473" transform="rotate(-45 144.659 291.615)" fill="#0058CC"/>
|
|
||||||
<rect x="268.653" y="415.609" width="3.24729" height="3.24728" transform="rotate(-45 268.653 415.609)" fill="#0058CC"/>
|
|
||||||
<rect x="268.653" y="167.621" width="3.24728" height="3.2473" transform="rotate(-45 268.653 167.621)" fill="#0058CC"/>
|
|
||||||
<rect x="392.647" y="291.615" width="3.24728" height="3.24728" transform="rotate(-45 392.647 291.615)" fill="#0058CC"/>
|
|
||||||
<rect x="61.9969" y="167.621" width="3.24729" height="3.24729" transform="rotate(-45 61.9969 167.621)" fill="#0058CC"/>
|
|
||||||
<rect x="185.991" y="291.615" width="3.24729" height="3.24728" transform="rotate(-45 185.991 291.615)" fill="#0058CC"/>
|
|
||||||
<rect x="185.991" y="43.6275" width="3.24728" height="3.24729" transform="rotate(-45 185.991 43.6275)" fill="#0058CC"/>
|
|
||||||
<rect x="309.985" y="167.621" width="3.24728" height="3.24728" transform="rotate(-45 309.985 167.621)" fill="#0058CC"/>
|
|
||||||
<rect x="82.6626" y="188.287" width="3.24729" height="3.24729" transform="rotate(-45 82.6626 188.287)" fill="#0058CC"/>
|
|
||||||
<rect x="206.656" y="312.281" width="3.24729" height="3.24728" transform="rotate(-45 206.656 312.281)" fill="#0058CC"/>
|
|
||||||
<rect x="206.656" y="64.2932" width="3.24728" height="3.24729" transform="rotate(-45 206.656 64.2932)" fill="#0058CC"/>
|
|
||||||
<rect x="330.65" y="188.287" width="3.24728" height="3.24728" transform="rotate(-45 330.65 188.287)" fill="#0058CC"/>
|
|
||||||
<rect x="103.328" y="208.953" width="3.24729" height="3.24729" transform="rotate(-45 103.328 208.953)" fill="#0058CC"/>
|
|
||||||
<rect x="227.322" y="332.946" width="3.24729" height="3.2473" transform="rotate(-45 227.322 332.946)" fill="#0058CC"/>
|
|
||||||
<rect x="227.322" y="84.9588" width="3.24728" height="3.24729" transform="rotate(-45 227.322 84.9588)" fill="#0058CC"/>
|
|
||||||
<rect x="351.316" y="208.953" width="3.24728" height="3.2473" transform="rotate(-45 351.316 208.953)" fill="#0058CC"/>
|
|
||||||
<rect x="123.994" y="229.618" width="3.24729" height="3.24728" transform="rotate(-45 123.994 229.618)" fill="#0058CC"/>
|
|
||||||
<rect x="247.988" y="353.612" width="3.24729" height="3.24728" transform="rotate(-45 247.988 353.612)" fill="#0058CC"/>
|
|
||||||
<rect x="247.988" y="105.624" width="3.24728" height="3.24728" transform="rotate(-45 247.988 105.624)" fill="#0058CC"/>
|
|
||||||
<rect x="371.982" y="229.618" width="3.24728" height="3.24728" transform="rotate(-45 371.982 229.618)" fill="#0058CC"/>
|
|
||||||
<rect x="144.659" y="250.284" width="3.24729" height="3.24729" transform="rotate(-45 144.659 250.284)" fill="#0058CC"/>
|
|
||||||
<rect x="268.653" y="374.278" width="3.24729" height="3.24731" transform="rotate(-45 268.653 374.278)" fill="#0058CC"/>
|
|
||||||
<rect x="268.653" y="126.29" width="3.24728" height="3.24729" transform="rotate(-45 268.653 126.29)" fill="#0058CC"/>
|
|
||||||
<rect x="392.647" y="250.284" width="3.24728" height="3.24731" transform="rotate(-45 392.647 250.284)" fill="#0058CC"/>
|
|
||||||
<rect x="165.325" y="270.95" width="3.24729" height="3.2473" transform="rotate(-45 165.325 270.95)" fill="#0058CC"/>
|
|
||||||
<rect x="289.319" y="394.943" width="3.24729" height="3.24728" transform="rotate(-45 289.319 394.943)" fill="#0058CC"/>
|
|
||||||
<rect x="289.319" y="146.956" width="3.24728" height="3.2473" transform="rotate(-45 289.319 146.956)" fill="#0058CC"/>
|
|
||||||
<rect x="413.313" y="270.95" width="3.24728" height="3.24728" transform="rotate(-45 413.313 270.95)" fill="#0058CC"/>
|
|
||||||
<rect x="82.6626" y="146.956" width="3.24729" height="3.24729" transform="rotate(-45 82.6626 146.956)" fill="#0058CC"/>
|
|
||||||
<rect x="206.656" y="270.95" width="3.24729" height="3.24728" transform="rotate(-45 206.656 270.95)" fill="#0058CC"/>
|
|
||||||
<rect x="206.656" y="22.9619" width="3.24731" height="3.24729" transform="rotate(-45 206.656 22.9619)" fill="#0058CC"/>
|
|
||||||
<rect x="330.65" y="146.956" width="3.24731" height="3.24728" transform="rotate(-45 330.65 146.956)" fill="#0058CC"/>
|
|
||||||
<rect x="103.328" y="167.621" width="3.24729" height="3.24729" transform="rotate(-45 103.328 167.621)" fill="#0058CC"/>
|
|
||||||
<rect x="227.322" y="291.615" width="3.24729" height="3.24728" transform="rotate(-45 227.322 291.615)" fill="#0058CC"/>
|
|
||||||
<rect x="227.322" y="43.6275" width="3.24731" height="3.24729" transform="rotate(-45 227.322 43.6275)" fill="#0058CC"/>
|
|
||||||
<rect x="351.316" y="167.621" width="3.24731" height="3.24728" transform="rotate(-45 351.316 167.621)" fill="#0058CC"/>
|
|
||||||
<rect x="123.994" y="188.287" width="3.24729" height="3.24729" transform="rotate(-45 123.994 188.287)" fill="#0058CC"/>
|
|
||||||
<rect x="247.988" y="312.281" width="3.24729" height="3.2473" transform="rotate(-45 247.988 312.281)" fill="#0058CC"/>
|
|
||||||
<rect x="247.988" y="64.2932" width="3.24731" height="3.24729" transform="rotate(-45 247.988 64.2932)" fill="#0058CC"/>
|
|
||||||
<rect x="371.981" y="188.287" width="3.24731" height="3.2473" transform="rotate(-45 371.981 188.287)" fill="#0058CC"/>
|
|
||||||
<rect x="144.659" y="208.953" width="3.24729" height="3.24728" transform="rotate(-45 144.659 208.953)" fill="#0058CC"/>
|
|
||||||
<rect x="268.653" y="332.946" width="3.24729" height="3.24728" transform="rotate(-45 268.653 332.946)" fill="#0058CC"/>
|
|
||||||
<rect x="268.653" y="84.9588" width="3.24731" height="3.24728" transform="rotate(-45 268.653 84.9588)" fill="#0058CC"/>
|
|
||||||
<rect x="392.647" y="208.953" width="3.24731" height="3.24728" transform="rotate(-45 392.647 208.953)" fill="#0058CC"/>
|
|
||||||
<rect x="165.325" y="229.618" width="3.24729" height="3.24729" transform="rotate(-45 165.325 229.618)" fill="#0058CC"/>
|
|
||||||
<rect x="289.319" y="353.612" width="3.24729" height="3.24731" transform="rotate(-45 289.319 353.612)" fill="#0058CC"/>
|
|
||||||
<rect x="289.319" y="105.624" width="3.24731" height="3.24729" transform="rotate(-45 289.319 105.624)" fill="#0058CC"/>
|
|
||||||
<rect x="413.313" y="229.618" width="3.24731" height="3.24731" transform="rotate(-45 413.313 229.618)" fill="#0058CC"/>
|
|
||||||
<rect x="185.991" y="250.284" width="3.24729" height="3.2473" transform="rotate(-45 185.991 250.284)" fill="#0058CC"/>
|
|
||||||
<rect x="309.985" y="374.278" width="3.24729" height="3.24728" transform="rotate(-45 309.985 374.278)" fill="#0058CC"/>
|
|
||||||
<rect x="309.985" y="126.29" width="3.24731" height="3.2473" transform="rotate(-45 309.985 126.29)" fill="#0058CC"/>
|
|
||||||
<rect x="433.979" y="250.284" width="3.24731" height="3.24728" transform="rotate(-45 433.979 250.284)" fill="#0058CC"/>
|
|
||||||
<rect x="103.328" y="126.29" width="3.2473" height="3.24729" transform="rotate(-45 103.328 126.29)" fill="#0058CC"/>
|
|
||||||
<rect x="227.322" y="250.284" width="3.2473" height="3.24728" transform="rotate(-45 227.322 250.284)" fill="#0058CC"/>
|
|
||||||
<rect x="227.322" y="2.29623" width="3.24728" height="3.24729" transform="rotate(-45 227.322 2.29623)" fill="#0058CC"/>
|
|
||||||
<rect x="351.316" y="126.29" width="3.24728" height="3.24728" transform="rotate(-45 351.316 126.29)" fill="#0058CC"/>
|
|
||||||
<rect x="123.994" y="146.956" width="3.2473" height="3.24729" transform="rotate(-45 123.994 146.956)" fill="#0058CC"/>
|
|
||||||
<rect x="247.988" y="270.95" width="3.2473" height="3.24728" transform="rotate(-45 247.988 270.95)" fill="#0058CC"/>
|
|
||||||
<rect x="247.988" y="22.9619" width="3.24728" height="3.24729" transform="rotate(-45 247.988 22.9619)" fill="#0058CC"/>
|
|
||||||
<rect x="371.982" y="146.956" width="3.24728" height="3.24728" transform="rotate(-45 371.982 146.956)" fill="#0058CC"/>
|
|
||||||
<rect x="144.659" y="167.621" width="3.2473" height="3.24729" transform="rotate(-45 144.659 167.621)" fill="#0058CC"/>
|
|
||||||
<rect x="268.653" y="291.615" width="3.2473" height="3.2473" transform="rotate(-45 268.653 291.615)" fill="#0058CC"/>
|
|
||||||
<rect x="268.653" y="43.6275" width="3.24728" height="3.24729" transform="rotate(-45 268.653 43.6275)" fill="#0058CC"/>
|
|
||||||
<rect x="392.647" y="167.621" width="3.24728" height="3.2473" transform="rotate(-45 392.647 167.621)" fill="#0058CC"/>
|
|
||||||
<rect x="165.325" y="188.287" width="3.2473" height="3.24728" transform="rotate(-45 165.325 188.287)" fill="#0058CC"/>
|
|
||||||
<rect x="289.319" y="312.281" width="3.2473" height="3.24728" transform="rotate(-45 289.319 312.281)" fill="#0058CC"/>
|
|
||||||
<rect x="289.319" y="64.2932" width="3.24728" height="3.24728" transform="rotate(-45 289.319 64.2932)" fill="#0058CC"/>
|
|
||||||
<rect x="413.313" y="188.287" width="3.24728" height="3.24728" transform="rotate(-45 413.313 188.287)" fill="#0058CC"/>
|
|
||||||
<rect x="185.991" y="208.953" width="3.2473" height="3.24729" transform="rotate(-45 185.991 208.953)" fill="#0058CC"/>
|
|
||||||
<rect x="309.985" y="332.946" width="3.2473" height="3.24731" transform="rotate(-45 309.985 332.946)" fill="#0058CC"/>
|
|
||||||
<rect x="309.985" y="84.9588" width="3.24728" height="3.24729" transform="rotate(-45 309.985 84.9588)" fill="#0058CC"/>
|
|
||||||
<rect x="433.979" y="208.953" width="3.24728" height="3.24731" transform="rotate(-45 433.979 208.953)" fill="#0058CC"/>
|
|
||||||
<rect x="206.656" y="229.618" width="3.2473" height="3.2473" transform="rotate(-45 206.656 229.618)" fill="#0058CC"/>
|
|
||||||
<rect x="330.65" y="353.612" width="3.2473" height="3.24728" transform="rotate(-45 330.65 353.612)" fill="#0058CC"/>
|
|
||||||
<rect x="330.65" y="105.624" width="3.24728" height="3.2473" transform="rotate(-45 330.65 105.624)" fill="#0058CC"/>
|
|
||||||
<rect x="454.644" y="229.618" width="3.24728" height="3.24728" transform="rotate(-45 454.644 229.618)" fill="#0058CC"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 17 KiB |
@@ -1,148 +0,0 @@
|
|||||||
<svg width="460" height="460" viewBox="0 0 460 460" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<g>
|
|
||||||
<rect y="229.618" width="3.24729" height="3.24729" transform="rotate(-45 0 229.618)" fill="white"/>
|
|
||||||
<rect x="123.994" y="353.612" width="3.24729" height="3.24728" transform="rotate(-45 123.994 353.612)" fill="white"/>
|
|
||||||
<rect x="123.994" y="105.624" width="3.2473" height="3.24729" transform="rotate(-45 123.994 105.624)" fill="white"/>
|
|
||||||
<rect x="247.988" y="229.618" width="3.2473" height="3.24728" transform="rotate(-45 247.988 229.618)" fill="white"/>
|
|
||||||
<rect x="20.6656" y="250.284" width="3.24729" height="3.24729" transform="rotate(-45 20.6656 250.284)" fill="white"/>
|
|
||||||
<rect x="144.659" y="374.278" width="3.24729" height="3.24728" transform="rotate(-45 144.659 374.278)" fill="white"/>
|
|
||||||
<rect x="144.659" y="126.29" width="3.2473" height="3.24729" transform="rotate(-45 144.659 126.29)" fill="white"/>
|
|
||||||
<rect x="268.653" y="250.284" width="3.2473" height="3.24728" transform="rotate(-45 268.653 250.284)" fill="white"/>
|
|
||||||
<rect x="41.3313" y="270.95" width="3.24729" height="3.24729" transform="rotate(-45 41.3313 270.95)" fill="white"/>
|
|
||||||
<rect x="165.325" y="394.943" width="3.24729" height="3.2473" transform="rotate(-45 165.325 394.943)" fill="white"/>
|
|
||||||
<rect x="165.325" y="146.956" width="3.2473" height="3.24729" transform="rotate(-45 165.325 146.956)" fill="white"/>
|
|
||||||
<rect x="289.319" y="270.95" width="3.2473" height="3.2473" transform="rotate(-45 289.319 270.95)" fill="white"/>
|
|
||||||
<rect x="61.9969" y="291.615" width="3.24729" height="3.24728" transform="rotate(-45 61.9969 291.615)" fill="white"/>
|
|
||||||
<rect x="185.991" y="415.609" width="3.24729" height="3.24728" transform="rotate(-45 185.991 415.609)" fill="white"/>
|
|
||||||
<rect x="185.991" y="167.621" width="3.2473" height="3.24728" transform="rotate(-45 185.991 167.621)" fill="white"/>
|
|
||||||
<rect x="309.985" y="291.615" width="3.2473" height="3.24728" transform="rotate(-45 309.985 291.615)" fill="white"/>
|
|
||||||
<rect x="82.6626" y="312.281" width="3.24729" height="3.24729" transform="rotate(-45 82.6626 312.281)" fill="white"/>
|
|
||||||
<rect x="206.656" y="436.275" width="3.24729" height="3.24731" transform="rotate(-45 206.656 436.275)" fill="white"/>
|
|
||||||
<rect x="206.656" y="188.287" width="3.2473" height="3.24729" transform="rotate(-45 206.656 188.287)" fill="white"/>
|
|
||||||
<rect x="330.65" y="312.281" width="3.2473" height="3.24731" transform="rotate(-45 330.65 312.281)" fill="white"/>
|
|
||||||
<rect x="103.328" y="332.946" width="3.24729" height="3.2473" transform="rotate(-45 103.328 332.946)" fill="white"/>
|
|
||||||
<rect x="227.322" y="456.94" width="3.24729" height="3.24728" transform="rotate(-45 227.322 456.94)" fill="white"/>
|
|
||||||
<rect x="227.322" y="208.953" width="3.2473" height="3.2473" transform="rotate(-45 227.322 208.953)" fill="white"/>
|
|
||||||
<rect x="351.316" y="332.946" width="3.2473" height="3.24728" transform="rotate(-45 351.316 332.946)" fill="white"/>
|
|
||||||
<rect x="20.6656" y="208.953" width="3.24729" height="3.24729" transform="rotate(-45 20.6656 208.953)" fill="white"/>
|
|
||||||
<rect x="144.66" y="332.946" width="3.24729" height="3.24728" transform="rotate(-45 144.66 332.946)" fill="white"/>
|
|
||||||
<rect x="144.659" y="84.9588" width="3.24728" height="3.24729" transform="rotate(-45 144.659 84.9588)" fill="white"/>
|
|
||||||
<rect x="268.653" y="208.953" width="3.24728" height="3.24728" transform="rotate(-45 268.653 208.953)" fill="white"/>
|
|
||||||
<rect x="41.3313" y="229.618" width="3.24729" height="3.24729" transform="rotate(-45 41.3313 229.618)" fill="white"/>
|
|
||||||
<rect x="165.325" y="353.612" width="3.24729" height="3.24728" transform="rotate(-45 165.325 353.612)" fill="white"/>
|
|
||||||
<rect x="165.325" y="105.624" width="3.24728" height="3.24729" transform="rotate(-45 165.325 105.624)" fill="white"/>
|
|
||||||
<rect x="289.319" y="229.618" width="3.24728" height="3.24728" transform="rotate(-45 289.319 229.618)" fill="white"/>
|
|
||||||
<rect x="61.9969" y="250.284" width="3.24729" height="3.24729" transform="rotate(-45 61.9969 250.284)" fill="white"/>
|
|
||||||
<rect x="185.991" y="374.278" width="3.24729" height="3.2473" transform="rotate(-45 185.991 374.278)" fill="white"/>
|
|
||||||
<rect x="185.991" y="126.29" width="3.24728" height="3.24729" transform="rotate(-45 185.991 126.29)" fill="white"/>
|
|
||||||
<rect x="309.985" y="250.284" width="3.24728" height="3.2473" transform="rotate(-45 309.985 250.284)" fill="white"/>
|
|
||||||
<rect x="82.6626" y="270.95" width="3.24729" height="3.24728" transform="rotate(-45 82.6626 270.95)" fill="white"/>
|
|
||||||
<rect x="206.656" y="394.943" width="3.24729" height="3.24728" transform="rotate(-45 206.656 394.943)" fill="white"/>
|
|
||||||
<rect x="206.656" y="146.956" width="3.24728" height="3.24728" transform="rotate(-45 206.656 146.956)" fill="white"/>
|
|
||||||
<rect x="330.65" y="270.95" width="3.24728" height="3.24728" transform="rotate(-45 330.65 270.95)" fill="white"/>
|
|
||||||
<rect x="103.328" y="291.615" width="3.24729" height="3.24729" transform="rotate(-45 103.328 291.615)" fill="white"/>
|
|
||||||
<rect x="227.322" y="415.609" width="3.24729" height="3.24731" transform="rotate(-45 227.322 415.609)" fill="white"/>
|
|
||||||
<rect x="227.322" y="167.621" width="3.24728" height="3.24729" transform="rotate(-45 227.322 167.621)" fill="white"/>
|
|
||||||
<rect x="351.316" y="291.615" width="3.24728" height="3.24731" transform="rotate(-45 351.316 291.615)" fill="white"/>
|
|
||||||
<rect x="123.994" y="312.281" width="3.24729" height="3.2473" transform="rotate(-45 123.994 312.281)" fill="white"/>
|
|
||||||
<rect x="247.988" y="436.275" width="3.24729" height="3.24728" transform="rotate(-45 247.988 436.275)" fill="white"/>
|
|
||||||
<rect x="247.988" y="188.287" width="3.24728" height="3.2473" transform="rotate(-45 247.988 188.287)" fill="white"/>
|
|
||||||
<rect x="371.982" y="312.281" width="3.24728" height="3.24728" transform="rotate(-45 371.982 312.281)" fill="white"/>
|
|
||||||
<rect x="41.3313" y="188.287" width="3.24729" height="3.24729" transform="rotate(-45 41.3313 188.287)" fill="white"/>
|
|
||||||
<rect x="165.325" y="312.281" width="3.24729" height="3.24728" transform="rotate(-45 165.325 312.281)" fill="white"/>
|
|
||||||
<rect x="165.325" y="64.2932" width="3.24728" height="3.24729" transform="rotate(-45 165.325 64.2932)" fill="white"/>
|
|
||||||
<rect x="289.319" y="188.287" width="3.24728" height="3.24728" transform="rotate(-45 289.319 188.287)" fill="white"/>
|
|
||||||
<rect x="61.9969" y="208.953" width="3.24729" height="3.24729" transform="rotate(-45 61.9969 208.953)" fill="white"/>
|
|
||||||
<rect x="185.991" y="332.946" width="3.24729" height="3.24728" transform="rotate(-45 185.991 332.946)" fill="white"/>
|
|
||||||
<rect x="185.991" y="84.9588" width="3.24728" height="3.24729" transform="rotate(-45 185.991 84.9588)" fill="white"/>
|
|
||||||
<rect x="309.985" y="208.953" width="3.24728" height="3.24728" transform="rotate(-45 309.985 208.953)" fill="white"/>
|
|
||||||
<rect x="82.6626" y="229.618" width="3.24729" height="3.24729" transform="rotate(-45 82.6626 229.618)" fill="white"/>
|
|
||||||
<rect x="206.656" y="353.612" width="3.24729" height="3.2473" transform="rotate(-45 206.656 353.612)" fill="white"/>
|
|
||||||
<rect x="206.656" y="105.624" width="3.24728" height="3.24729" transform="rotate(-45 206.656 105.624)" fill="white"/>
|
|
||||||
<rect x="330.65" y="229.618" width="3.24728" height="3.2473" transform="rotate(-45 330.65 229.618)" fill="white"/>
|
|
||||||
<rect x="103.328" y="250.284" width="3.24729" height="3.24728" transform="rotate(-45 103.328 250.284)" fill="white"/>
|
|
||||||
<rect x="227.322" y="374.278" width="3.24729" height="3.24728" transform="rotate(-45 227.322 374.278)" fill="white"/>
|
|
||||||
<rect x="227.322" y="126.29" width="3.24728" height="3.24728" transform="rotate(-45 227.322 126.29)" fill="white"/>
|
|
||||||
<rect x="351.316" y="250.284" width="3.24728" height="3.24728" transform="rotate(-45 351.316 250.284)" fill="white"/>
|
|
||||||
<rect x="123.994" y="270.95" width="3.24729" height="3.24729" transform="rotate(-45 123.994 270.95)" fill="white"/>
|
|
||||||
<rect x="247.988" y="394.943" width="3.24729" height="3.24731" transform="rotate(-45 247.988 394.943)" fill="white"/>
|
|
||||||
<rect x="247.988" y="146.956" width="3.24728" height="3.24729" transform="rotate(-45 247.988 146.956)" fill="white"/>
|
|
||||||
<rect x="371.982" y="270.95" width="3.24728" height="3.24731" transform="rotate(-45 371.982 270.95)" fill="white"/>
|
|
||||||
<rect x="144.659" y="291.615" width="3.24729" height="3.2473" transform="rotate(-45 144.659 291.615)" fill="white"/>
|
|
||||||
<rect x="268.653" y="415.609" width="3.24729" height="3.24728" transform="rotate(-45 268.653 415.609)" fill="white"/>
|
|
||||||
<rect x="268.653" y="167.621" width="3.24728" height="3.2473" transform="rotate(-45 268.653 167.621)" fill="white"/>
|
|
||||||
<rect x="392.647" y="291.615" width="3.24728" height="3.24728" transform="rotate(-45 392.647 291.615)" fill="white"/>
|
|
||||||
<rect x="61.9969" y="167.621" width="3.24729" height="3.24729" transform="rotate(-45 61.9969 167.621)" fill="white"/>
|
|
||||||
<rect x="185.991" y="291.615" width="3.24729" height="3.24728" transform="rotate(-45 185.991 291.615)" fill="white"/>
|
|
||||||
<rect x="185.991" y="43.6275" width="3.24728" height="3.24729" transform="rotate(-45 185.991 43.6275)" fill="white"/>
|
|
||||||
<rect x="309.985" y="167.621" width="3.24728" height="3.24728" transform="rotate(-45 309.985 167.621)" fill="white"/>
|
|
||||||
<rect x="82.6626" y="188.287" width="3.24729" height="3.24729" transform="rotate(-45 82.6626 188.287)" fill="white"/>
|
|
||||||
<rect x="206.656" y="312.281" width="3.24729" height="3.24728" transform="rotate(-45 206.656 312.281)" fill="white"/>
|
|
||||||
<rect x="206.656" y="64.2932" width="3.24728" height="3.24729" transform="rotate(-45 206.656 64.2932)" fill="white"/>
|
|
||||||
<rect x="330.65" y="188.287" width="3.24728" height="3.24728" transform="rotate(-45 330.65 188.287)" fill="white"/>
|
|
||||||
<rect x="103.328" y="208.953" width="3.24729" height="3.24729" transform="rotate(-45 103.328 208.953)" fill="white"/>
|
|
||||||
<rect x="227.322" y="332.946" width="3.24729" height="3.2473" transform="rotate(-45 227.322 332.946)" fill="white"/>
|
|
||||||
<rect x="227.322" y="84.9588" width="3.24728" height="3.24729" transform="rotate(-45 227.322 84.9588)" fill="white"/>
|
|
||||||
<rect x="351.316" y="208.953" width="3.24728" height="3.2473" transform="rotate(-45 351.316 208.953)" fill="white"/>
|
|
||||||
<rect x="123.994" y="229.618" width="3.24729" height="3.24728" transform="rotate(-45 123.994 229.618)" fill="white"/>
|
|
||||||
<rect x="247.988" y="353.612" width="3.24729" height="3.24728" transform="rotate(-45 247.988 353.612)" fill="white"/>
|
|
||||||
<rect x="247.988" y="105.624" width="3.24728" height="3.24728" transform="rotate(-45 247.988 105.624)" fill="white"/>
|
|
||||||
<rect x="371.982" y="229.618" width="3.24728" height="3.24728" transform="rotate(-45 371.982 229.618)" fill="white"/>
|
|
||||||
<rect x="144.659" y="250.284" width="3.24729" height="3.24729" transform="rotate(-45 144.659 250.284)" fill="white"/>
|
|
||||||
<rect x="268.653" y="374.278" width="3.24729" height="3.24731" transform="rotate(-45 268.653 374.278)" fill="white"/>
|
|
||||||
<rect x="268.653" y="126.29" width="3.24728" height="3.24729" transform="rotate(-45 268.653 126.29)" fill="white"/>
|
|
||||||
<rect x="392.647" y="250.284" width="3.24728" height="3.24731" transform="rotate(-45 392.647 250.284)" fill="white"/>
|
|
||||||
<rect x="165.325" y="270.95" width="3.24729" height="3.2473" transform="rotate(-45 165.325 270.95)" fill="white"/>
|
|
||||||
<rect x="289.319" y="394.943" width="3.24729" height="3.24728" transform="rotate(-45 289.319 394.943)" fill="white"/>
|
|
||||||
<rect x="289.319" y="146.956" width="3.24728" height="3.2473" transform="rotate(-45 289.319 146.956)" fill="white"/>
|
|
||||||
<rect x="413.313" y="270.95" width="3.24728" height="3.24728" transform="rotate(-45 413.313 270.95)" fill="white"/>
|
|
||||||
<rect x="82.6626" y="146.956" width="3.24729" height="3.24729" transform="rotate(-45 82.6626 146.956)" fill="white"/>
|
|
||||||
<rect x="206.656" y="270.95" width="3.24729" height="3.24728" transform="rotate(-45 206.656 270.95)" fill="white"/>
|
|
||||||
<rect x="206.656" y="22.9619" width="3.24731" height="3.24729" transform="rotate(-45 206.656 22.9619)" fill="white"/>
|
|
||||||
<rect x="330.65" y="146.956" width="3.24731" height="3.24728" transform="rotate(-45 330.65 146.956)" fill="white"/>
|
|
||||||
<rect x="103.328" y="167.621" width="3.24729" height="3.24729" transform="rotate(-45 103.328 167.621)" fill="white"/>
|
|
||||||
<rect x="227.322" y="291.615" width="3.24729" height="3.24728" transform="rotate(-45 227.322 291.615)" fill="white"/>
|
|
||||||
<rect x="227.322" y="43.6275" width="3.24731" height="3.24729" transform="rotate(-45 227.322 43.6275)" fill="white"/>
|
|
||||||
<rect x="351.316" y="167.621" width="3.24731" height="3.24728" transform="rotate(-45 351.316 167.621)" fill="white"/>
|
|
||||||
<rect x="123.994" y="188.287" width="3.24729" height="3.24729" transform="rotate(-45 123.994 188.287)" fill="white"/>
|
|
||||||
<rect x="247.988" y="312.281" width="3.24729" height="3.2473" transform="rotate(-45 247.988 312.281)" fill="white"/>
|
|
||||||
<rect x="247.988" y="64.2932" width="3.24731" height="3.24729" transform="rotate(-45 247.988 64.2932)" fill="white"/>
|
|
||||||
<rect x="371.981" y="188.287" width="3.24731" height="3.2473" transform="rotate(-45 371.981 188.287)" fill="white"/>
|
|
||||||
<rect x="144.659" y="208.953" width="3.24729" height="3.24728" transform="rotate(-45 144.659 208.953)" fill="white"/>
|
|
||||||
<rect x="268.653" y="332.946" width="3.24729" height="3.24728" transform="rotate(-45 268.653 332.946)" fill="white"/>
|
|
||||||
<rect x="268.653" y="84.9588" width="3.24731" height="3.24728" transform="rotate(-45 268.653 84.9588)" fill="white"/>
|
|
||||||
<rect x="392.647" y="208.953" width="3.24731" height="3.24728" transform="rotate(-45 392.647 208.953)" fill="white"/>
|
|
||||||
<rect x="165.325" y="229.618" width="3.24729" height="3.24729" transform="rotate(-45 165.325 229.618)" fill="white"/>
|
|
||||||
<rect x="289.319" y="353.612" width="3.24729" height="3.24731" transform="rotate(-45 289.319 353.612)" fill="white"/>
|
|
||||||
<rect x="289.319" y="105.624" width="3.24731" height="3.24729" transform="rotate(-45 289.319 105.624)" fill="white"/>
|
|
||||||
<rect x="413.313" y="229.618" width="3.24731" height="3.24731" transform="rotate(-45 413.313 229.618)" fill="white"/>
|
|
||||||
<rect x="185.991" y="250.284" width="3.24729" height="3.2473" transform="rotate(-45 185.991 250.284)" fill="white"/>
|
|
||||||
<rect x="309.985" y="374.278" width="3.24729" height="3.24728" transform="rotate(-45 309.985 374.278)" fill="white"/>
|
|
||||||
<rect x="309.985" y="126.29" width="3.24731" height="3.2473" transform="rotate(-45 309.985 126.29)" fill="white"/>
|
|
||||||
<rect x="433.979" y="250.284" width="3.24731" height="3.24728" transform="rotate(-45 433.979 250.284)" fill="white"/>
|
|
||||||
<rect x="103.328" y="126.29" width="3.2473" height="3.24729" transform="rotate(-45 103.328 126.29)" fill="white"/>
|
|
||||||
<rect x="227.322" y="250.284" width="3.2473" height="3.24728" transform="rotate(-45 227.322 250.284)" fill="white"/>
|
|
||||||
<rect x="227.322" y="2.29623" width="3.24728" height="3.24729" transform="rotate(-45 227.322 2.29623)" fill="white"/>
|
|
||||||
<rect x="351.316" y="126.29" width="3.24728" height="3.24728" transform="rotate(-45 351.316 126.29)" fill="white"/>
|
|
||||||
<rect x="123.994" y="146.956" width="3.2473" height="3.24729" transform="rotate(-45 123.994 146.956)" fill="white"/>
|
|
||||||
<rect x="247.988" y="270.95" width="3.2473" height="3.24728" transform="rotate(-45 247.988 270.95)" fill="white"/>
|
|
||||||
<rect x="247.988" y="22.9619" width="3.24728" height="3.24729" transform="rotate(-45 247.988 22.9619)" fill="white"/>
|
|
||||||
<rect x="371.982" y="146.956" width="3.24728" height="3.24728" transform="rotate(-45 371.982 146.956)" fill="white"/>
|
|
||||||
<rect x="144.659" y="167.621" width="3.2473" height="3.24729" transform="rotate(-45 144.659 167.621)" fill="white"/>
|
|
||||||
<rect x="268.653" y="291.615" width="3.2473" height="3.2473" transform="rotate(-45 268.653 291.615)" fill="white"/>
|
|
||||||
<rect x="268.653" y="43.6275" width="3.24728" height="3.24729" transform="rotate(-45 268.653 43.6275)" fill="white"/>
|
|
||||||
<rect x="392.647" y="167.621" width="3.24728" height="3.2473" transform="rotate(-45 392.647 167.621)" fill="white"/>
|
|
||||||
<rect x="165.325" y="188.287" width="3.2473" height="3.24728" transform="rotate(-45 165.325 188.287)" fill="white"/>
|
|
||||||
<rect x="289.319" y="312.281" width="3.2473" height="3.24728" transform="rotate(-45 289.319 312.281)" fill="white"/>
|
|
||||||
<rect x="289.319" y="64.2932" width="3.24728" height="3.24728" transform="rotate(-45 289.319 64.2932)" fill="white"/>
|
|
||||||
<rect x="413.313" y="188.287" width="3.24728" height="3.24728" transform="rotate(-45 413.313 188.287)" fill="white"/>
|
|
||||||
<rect x="185.991" y="208.953" width="3.2473" height="3.24729" transform="rotate(-45 185.991 208.953)" fill="white"/>
|
|
||||||
<rect x="309.985" y="332.946" width="3.2473" height="3.24731" transform="rotate(-45 309.985 332.946)" fill="white"/>
|
|
||||||
<rect x="309.985" y="84.9588" width="3.24728" height="3.24729" transform="rotate(-45 309.985 84.9588)" fill="white"/>
|
|
||||||
<rect x="433.979" y="208.953" width="3.24728" height="3.24731" transform="rotate(-45 433.979 208.953)" fill="white"/>
|
|
||||||
<rect x="206.656" y="229.618" width="3.2473" height="3.2473" transform="rotate(-45 206.656 229.618)" fill="white"/>
|
|
||||||
<rect x="330.65" y="353.612" width="3.2473" height="3.24728" transform="rotate(-45 330.65 353.612)" fill="white"/>
|
|
||||||
<rect x="330.65" y="105.624" width="3.24728" height="3.2473" transform="rotate(-45 330.65 105.624)" fill="white"/>
|
|
||||||
<rect x="454.644" y="229.618" width="3.24728" height="3.24728" transform="rotate(-45 454.644 229.618)" fill="white"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 17 KiB |
@@ -1,38 +0,0 @@
|
|||||||
<svg width="1366" height="728" viewBox="0 0 1366 728" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<g opacity="0.4">
|
|
||||||
<path opacity="0.08" fill-rule="evenodd" clip-rule="evenodd" d="M-110.707 1953.19L1907.89 1311.71L1711.11 751.364C1711.11 751.364 1672.69 793.21 1563.69 793.21C1474 793.21 1336.54 764.894 1133.3 661.622C1065.76 627.3 1003.53 612.696 945.902 612.696C619.396 612.696 440.377 1081.47 277.09 1089.21C84.9803 1098.33 -171.308 1754.9 -171.308 1754.9L-110.707 1953.19Z" fill="url(#paint0_linear)"/>
|
|
||||||
<path opacity="0.08" fill-rule="evenodd" clip-rule="evenodd" d="M-125.36 1872.43L1893.24 1233.07L1696.45 674.56C1696.45 674.56 1658.03 716.269 1549.04 716.269C1459.35 716.269 1321.88 688.045 1118.65 585.113C1051.11 550.904 988.878 536.348 931.249 536.348C604.743 536.348 425.725 1003.58 262.438 1011.3C70.3279 1020.38 -185.96 1674.8 -185.96 1674.8L-125.36 1872.43Z" fill="url(#paint1_linear)"/>
|
|
||||||
<path opacity="0.08" fill-rule="evenodd" clip-rule="evenodd" d="M-142.943 1800.49L1875.66 1159.02L1678.87 598.668C1678.87 598.668 1640.45 640.515 1531.46 640.515C1441.77 640.515 1304.3 612.198 1101.07 508.927C1033.52 474.605 971.295 460 913.666 460C587.16 460 408.142 928.77 244.854 936.516C52.7448 945.63 -203.543 1602.2 -203.543 1602.2L-142.943 1800.49Z" fill="url(#paint2_linear)"/>
|
|
||||||
</g>
|
|
||||||
<g opacity="0.4">
|
|
||||||
<path opacity="0.08" fill-rule="evenodd" clip-rule="evenodd" d="M1174.71 -925.187L-843.895 -283.711L-647.106 276.636C-647.106 276.636 -608.685 234.79 -499.692 234.79C-410.003 234.79 -272.537 263.107 -69.302 366.378C-1.75849 400.7 60.4692 415.304 118.098 415.304C444.604 415.304 623.623 -53.4652 786.91 -61.2118C979.02 -70.3257 1235.31 -726.899 1235.31 -726.899L1174.71 -925.187Z" fill="url(#paint3_linear)"/>
|
|
||||||
<path opacity="0.08" fill-rule="evenodd" clip-rule="evenodd" d="M1189.36 -844.434L-829.242 -205.066L-632.454 353.44C-632.454 353.44 -594.033 311.731 -485.039 311.731C-395.351 311.731 -257.884 339.955 -54.6495 442.887C12.894 477.096 75.1216 491.653 132.751 491.653C459.257 491.652 638.275 24.4232 801.562 16.7021C993.672 7.61807 1249.96 -646.798 1249.96 -646.798L1189.36 -844.434Z" fill="url(#paint4_linear)"/>
|
|
||||||
<path opacity="0.08" fill-rule="evenodd" clip-rule="evenodd" d="M1206.94 -772.491L-811.659 -131.015L-614.87 429.332C-614.87 429.332 -576.45 387.485 -467.456 387.485C-377.768 387.485 -240.301 415.802 -37.0664 519.074C30.4771 553.395 92.7048 568 150.334 568C476.84 568 655.858 99.2303 819.146 91.4837C1011.26 82.3698 1267.54 -574.204 1267.54 -574.204L1206.94 -772.491Z" fill="url(#paint5_linear)"/>
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<linearGradient id="paint0_linear" x1="868.293" y1="1205.82" x2="868.293" y2="612.695" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="#0058CC" stop-opacity="0"/>
|
|
||||||
<stop offset="1" stop-color="#0058CC"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint1_linear" x1="853.641" y1="1127.52" x2="853.641" y2="536.347" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="#0058CC" stop-opacity="0"/>
|
|
||||||
<stop offset="1" stop-color="#0058CC"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint2_linear" x1="836.058" y1="1053.13" x2="836.058" y2="460" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="#0058CC" stop-opacity="0"/>
|
|
||||||
<stop offset="1" stop-color="#0058CC"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint3_linear" x1="195.706" y1="-177.821" x2="195.707" y2="415.305" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="#0058CC" stop-opacity="0"/>
|
|
||||||
<stop offset="1" stop-color="#0058CC"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint4_linear" x1="210.359" y1="-99.5238" x2="210.359" y2="491.653" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="#0058CC" stop-opacity="0"/>
|
|
||||||
<stop offset="1" stop-color="#0058CC"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint5_linear" x1="227.942" y1="-25.1253" x2="227.942" y2="568" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="#0058CC" stop-opacity="0"/>
|
|
||||||
<stop offset="1" stop-color="#0058CC"/>
|
|
||||||
</linearGradient>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 4.0 KiB |
@@ -1,38 +0,0 @@
|
|||||||
<svg width="1366" height="728" viewBox="0 0 1366 728" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<g opacity="0.4">
|
|
||||||
<path opacity="0.08" fill-rule="evenodd" clip-rule="evenodd" d="M-110.707 1953.19L1907.89 1311.71L1711.11 751.364C1711.11 751.364 1672.69 793.21 1563.69 793.21C1474 793.21 1336.54 764.894 1133.3 661.622C1065.76 627.3 1003.53 612.696 945.902 612.696C619.396 612.696 440.377 1081.47 277.09 1089.21C84.9803 1098.33 -171.308 1754.9 -171.308 1754.9L-110.707 1953.19Z" fill="url(#paint0_linear)"/>
|
|
||||||
<path opacity="0.08" fill-rule="evenodd" clip-rule="evenodd" d="M-125.359 1872.43L1893.24 1233.07L1696.45 674.56C1696.45 674.56 1658.03 716.269 1549.04 716.269C1459.35 716.269 1321.88 688.045 1118.65 585.113C1051.11 550.904 988.878 536.348 931.25 536.348C604.743 536.348 425.725 1003.58 262.438 1011.3C70.328 1020.38 -185.96 1674.8 -185.96 1674.8L-125.359 1872.43Z" fill="url(#paint1_linear)"/>
|
|
||||||
<path opacity="0.08" fill-rule="evenodd" clip-rule="evenodd" d="M-142.943 1800.49L1875.66 1159.02L1678.87 598.668C1678.87 598.668 1640.45 640.515 1531.46 640.515C1441.77 640.515 1304.3 612.198 1101.07 508.927C1033.52 474.605 971.295 460 913.666 460C587.16 460 408.142 928.77 244.854 936.516C52.7448 945.63 -203.543 1602.2 -203.543 1602.2L-142.943 1800.49Z" fill="url(#paint2_linear)"/>
|
|
||||||
</g>
|
|
||||||
<g opacity="0.4">
|
|
||||||
<path opacity="0.08" fill-rule="evenodd" clip-rule="evenodd" d="M1174.71 -925.187L-843.895 -283.711L-647.106 276.636C-647.106 276.636 -608.685 234.79 -499.692 234.79C-410.003 234.79 -272.537 263.107 -69.302 366.378C-1.7585 400.7 60.4692 415.304 118.098 415.304C444.604 415.304 623.623 -53.4652 786.91 -61.2118C979.02 -70.3257 1235.31 -726.899 1235.31 -726.899L1174.71 -925.187Z" fill="url(#paint3_linear)"/>
|
|
||||||
<path opacity="0.08" fill-rule="evenodd" clip-rule="evenodd" d="M1189.36 -844.434L-829.242 -205.066L-632.454 353.44C-632.454 353.44 -594.033 311.731 -485.039 311.731C-395.351 311.731 -257.884 339.955 -54.6495 442.887C12.894 477.096 75.1216 491.653 132.751 491.653C459.257 491.652 638.275 24.4232 801.562 16.7021C993.672 7.61807 1249.96 -646.798 1249.96 -646.798L1189.36 -844.434Z" fill="url(#paint4_linear)"/>
|
|
||||||
<path opacity="0.08" fill-rule="evenodd" clip-rule="evenodd" d="M1206.94 -772.491L-811.659 -131.015L-614.87 429.332C-614.87 429.332 -576.45 387.485 -467.456 387.485C-377.768 387.485 -240.301 415.802 -37.0664 519.074C30.4771 553.395 92.7048 568 150.334 568C476.84 568 655.858 99.2303 819.146 91.4837C1011.26 82.3698 1267.54 -574.204 1267.54 -574.204L1206.94 -772.491Z" fill="url(#paint5_linear)"/>
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<linearGradient id="paint0_linear" x1="868.293" y1="1205.82" x2="868.293" y2="612.695" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="white" stop-opacity="0"/>
|
|
||||||
<stop offset="1" stop-color="white"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint1_linear" x1="853.641" y1="1127.52" x2="853.641" y2="536.347" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="white" stop-opacity="0"/>
|
|
||||||
<stop offset="1" stop-color="white"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint2_linear" x1="836.058" y1="1053.13" x2="836.058" y2="460" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="white" stop-opacity="0"/>
|
|
||||||
<stop offset="1" stop-color="white"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint3_linear" x1="195.706" y1="-177.821" x2="195.707" y2="415.305" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="white" stop-opacity="0"/>
|
|
||||||
<stop offset="1" stop-color="white"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint4_linear" x1="210.359" y1="-99.5238" x2="210.359" y2="491.653" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="white" stop-opacity="0"/>
|
|
||||||
<stop offset="1" stop-color="white"/>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint5_linear" x1="227.942" y1="-25.1253" x2="227.942" y2="568" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="white" stop-opacity="0"/>
|
|
||||||
<stop offset="1" stop-color="white"/>
|
|
||||||
</linearGradient>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 4.0 KiB |
78
src/renderer/components/LoadingScreen/LoadingBackground.tsx
Normal file
78
src/renderer/components/LoadingScreen/LoadingBackground.tsx
Normal file
@@ -0,0 +1,78 @@
|
|||||||
|
// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
|
||||||
|
// See LICENSE.txt for license information.
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
|
||||||
|
function LoadingBackground() {
|
||||||
|
return (
|
||||||
|
<div className='LoadingScreen__backgound'>
|
||||||
|
<svg
|
||||||
|
viewBox='0 0 1366 728'
|
||||||
|
xmlns='http://www.w3.org/2000/svg'
|
||||||
|
preserveAspectRatio='xMidYMid slice'
|
||||||
|
>
|
||||||
|
<g style={{transform: 'translate(676px, -200px)'}}>
|
||||||
|
<g style={{transformOrigin: '450px 267.5px', transform: 'rotate(45deg)'}}>
|
||||||
|
<use href='#pill'/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g style={{transform: 'translate(125px, 0px)'}}>
|
||||||
|
<g style={{transformOrigin: '450px 267.5px', transform: 'rotate(-135deg)'}}>
|
||||||
|
<use href='#pill'/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g style={{transform: 'translate(700px, 330px)'}}>
|
||||||
|
<g style={{transformOrigin: '450px 267.5px', transform: 'rotate(-135deg)'}}>
|
||||||
|
<use href='#pill'/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g style={{transform: 'translate(-280px, 190px)'}}>
|
||||||
|
<g style={{transformOrigin: '450px 267.5px', transform: 'rotate(45deg)'}}>
|
||||||
|
<use href='#pill'/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<mask id='stippleMask'>
|
||||||
|
<image
|
||||||
|
width='900'
|
||||||
|
height='535'
|
||||||
|
href='../assets/loader/StippleMask.jpg'
|
||||||
|
/>
|
||||||
|
</mask>
|
||||||
|
<g
|
||||||
|
id='pill'
|
||||||
|
className='Pill'
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
className='Pill__stipple'
|
||||||
|
x='0'
|
||||||
|
y='0'
|
||||||
|
width='900'
|
||||||
|
height='535'
|
||||||
|
mask='url(#stippleMask)'
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
className='Pill__shape'
|
||||||
|
d='M600 40H0V490H600C724.264 490 825 389.264 825 265C825 140.736 724.264 40 600 40Z'
|
||||||
|
fill='url(#pillGradient)'
|
||||||
|
/>
|
||||||
|
</g>
|
||||||
|
<linearGradient id='pillGradient'>
|
||||||
|
<stop
|
||||||
|
className='Pill__gradient'
|
||||||
|
offset='20%'
|
||||||
|
stopOpacity='1'
|
||||||
|
/>
|
||||||
|
<stop
|
||||||
|
className='Pill__gradientHighlight'
|
||||||
|
offset='95%'
|
||||||
|
stopOpacity='1'
|
||||||
|
/>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default LoadingBackground;
|
||||||
@@ -4,9 +4,11 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import classNames from 'classnames';
|
import classNames from 'classnames';
|
||||||
|
|
||||||
import useTransitionEnd from '../hooks/useTransitionEnd';
|
import useTransitionEnd from '../../hooks/useTransitionEnd';
|
||||||
|
|
||||||
import LoadingAnimation from './LoadingAnimation';
|
import LoadingAnimation from '../LoadingAnimation';
|
||||||
|
|
||||||
|
import LoadingBackground from './LoadingBackground';
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
loading?: boolean;
|
loading?: boolean;
|
||||||
@@ -63,6 +65,7 @@ function LoadingScreen({loading = false, darkMode = false, onFadeOutComplete = (
|
|||||||
'LoadingScreen--loaded': loadingIsComplete && loadAnimationIsComplete,
|
'LoadingScreen--loaded': loadingIsComplete && loadAnimationIsComplete,
|
||||||
})}
|
})}
|
||||||
>
|
>
|
||||||
|
<LoadingBackground/>
|
||||||
<LoadingAnimation
|
<LoadingAnimation
|
||||||
loading={loading}
|
loading={loading}
|
||||||
darkMode={darkMode}
|
darkMode={darkMode}
|
||||||
4
src/renderer/components/LoadingScreen/index.ts
Normal file
4
src/renderer/components/LoadingScreen/index.ts
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
|
||||||
|
// See LICENSE.txt for license information.
|
||||||
|
|
||||||
|
export {default} from './LoadingScreen';
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
.LoadingAnimation {
|
.LoadingAnimation {
|
||||||
--fade-duration: 150ms;
|
--fade-duration: 150ms;
|
||||||
--colour: #166de0;
|
--colour: #1E325C;
|
||||||
--animation-initial-delay: 500ms;
|
--animation-initial-delay: 500ms;
|
||||||
--animation-start-duration: 750ms;
|
--animation-start-duration: 750ms;
|
||||||
--animation-end-duration: 600ms;
|
--animation-end-duration: 600ms;
|
||||||
|
|||||||
@@ -3,57 +3,65 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.LoadingScreen {
|
.LoadingScreen {
|
||||||
display: flex;
|
--background-color: #F4F4F6;
|
||||||
justify-content: center;
|
--background-color-highlight: #FFFFFF;
|
||||||
align-items: center;
|
--stipple-color: #1E325C;
|
||||||
position: absolute;
|
--stipple-opacity: 0.08;
|
||||||
top: 0px;
|
|
||||||
right: 0px;
|
display: flex;
|
||||||
bottom: 0px;
|
justify-content: center;
|
||||||
left: 0px;
|
align-items: center;
|
||||||
vertical-align: middle;
|
position: absolute;
|
||||||
background: white url(../../../assets/window-background.svg) no-repeat center;
|
top: 0px;
|
||||||
background-size: cover;
|
bottom: 0px;
|
||||||
opacity: 1;
|
width: 100vw;
|
||||||
visibility: visible;
|
height: 100vh;
|
||||||
z-index: 10;
|
vertical-align: middle;
|
||||||
overflow:hidden;
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
transition: opacity 150ms 0ms ease-out, visibility 150ms 0ms step-start;
|
z-index: 10;
|
||||||
}
|
overflow:hidden;
|
||||||
|
|
||||||
.LoadingScreen::before, .LoadingScreen::after {
|
transition: opacity 150ms 0ms ease-out, visibility 150ms 0ms step-start;
|
||||||
content: "";
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
width: 460px;
|
|
||||||
height: 460px;
|
|
||||||
opacity: 0.1;
|
|
||||||
background-image: url(../../../assets/window-background-dots.svg);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center;
|
|
||||||
}
|
|
||||||
.LoadingScreen::before {
|
|
||||||
left: -210px;
|
|
||||||
bottom: 10px;
|
|
||||||
}
|
|
||||||
.LoadingScreen::after {
|
|
||||||
right: -80px;
|
|
||||||
top: 50%;
|
|
||||||
margin-top: -230px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.LoadingScreen--darkMode {
|
.LoadingScreen--darkMode {
|
||||||
background-color: #323639;
|
--background-color-highlight: #28427B;
|
||||||
background-image: url(../../../assets/window-background_dark.svg);
|
--background-color: #1E325C;
|
||||||
|
--stipple-color: #14213E;
|
||||||
|
--stipple-opacity: 0.8;
|
||||||
}
|
}
|
||||||
.LoadingScreen--darkMode::before, .LoadingScreen--darkMode::after {
|
|
||||||
background-image: url(../../../assets/window-background-dots_dark.svg);
|
.LoadingScreen__backgound,
|
||||||
|
.LoadingScreen__backgound > svg
|
||||||
|
{
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.LoadingScreen__backgound {
|
||||||
|
background: var(--background-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.LoadingScreen .Pill__stipple {
|
||||||
|
fill: var(--stipple-color);
|
||||||
|
fill-opacity: var(--stipple-opacity);
|
||||||
|
}
|
||||||
|
|
||||||
|
.LoadingScreen .Pill__gradient {
|
||||||
|
stop-color: var(--background-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.LoadingScreen .Pill__gradientHighlight {
|
||||||
|
stop-color: var(--background-color-highlight);
|
||||||
}
|
}
|
||||||
|
|
||||||
.LoadingScreen--loaded {
|
.LoadingScreen--loaded {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
|
|
||||||
transition: opacity 150ms 0ms ease-in, visibility 150ms 0ms step-end;
|
transition: opacity 150ms 0ms ease-in, visibility 150ms 0ms step-end;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user