61 lines
8.8 KiB
XML
61 lines
8.8 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 700">
|
|
<!-- Animated macOS-style flowing silk. Drape crests are travelling waves with a strong central
|
|
swirl; endpoints AND the two near-edge anchors (x=40 / x=900) are pinned across all keyframes,
|
|
so the view-edge bands stay still while the centre flows. Generated by gen_bg.py. -->
|
|
<defs>
|
|
<linearGradient id="base" x1="0" y1="0" x2="0.4" y2="1">
|
|
<stop offset="0" stop-color="#16205e"/><stop offset="0.5" stop-color="#101f4c"/><stop offset="1" stop-color="#0d2a44"/>
|
|
</linearGradient>
|
|
<linearGradient id="dMag" x1="0" y1="0" x2="0.15" y2="1">
|
|
<stop offset="0" stop-color="#a3437f" stop-opacity="0.92"/><stop offset="0.42" stop-color="#7a3a86" stop-opacity="0.30"/><stop offset="0.7" stop-color="#7a3a86" stop-opacity="0"/>
|
|
</linearGradient>
|
|
<linearGradient id="dBlue" x1="0.1" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#2f63b4" stop-opacity="0.85"/><stop offset="0.45" stop-color="#1f5fa8" stop-opacity="0.26"/><stop offset="0.72" stop-color="#1f5fa8" stop-opacity="0"/>
|
|
</linearGradient>
|
|
<linearGradient id="dTeal" x1="0" y1="0" x2="0.12" y2="1">
|
|
<stop offset="0" stop-color="#1f97a6" stop-opacity="0.82"/><stop offset="0.46" stop-color="#1b8f8a" stop-opacity="0.24"/><stop offset="0.74" stop-color="#1b8f8a" stop-opacity="0"/>
|
|
</linearGradient>
|
|
<linearGradient id="dGreen" x1="0" y1="0" x2="0.2" y2="1">
|
|
<stop offset="0" stop-color="#46b06e" stop-opacity="0.9"/><stop offset="0.5" stop-color="#3a9a64" stop-opacity="0.34"/><stop offset="0.85" stop-color="#3a9a64" stop-opacity="0"/>
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<rect x="-160" y="-160" width="1220" height="1020" fill="url(#base)"/>
|
|
|
|
<path d="M-160 860 L-160 150.0 C -93.3 150.0 -26.7 134.6 40 134.6 C 110.0 134.6 180.0 161.1 250 161.1 C 323.3 161.1 396.7 13.6 470 13.6 C 543.3 13.6 616.7 133.2 690 133.2 C 760.0 133.2 830.0 68.3 900 68.3 C 953.3 68.3 1006.7 56.0 1060 56.0 L1060 860 Z" fill="url(#dMag)">
|
|
<animate attributeName="d" dur="15s" repeatCount="indefinite" calcMode="spline"
|
|
keyTimes="0.00;0.25;0.50;0.75;1.00" keySplines="0.42 0 0.58 1;0.42 0 0.58 1;0.42 0 0.58 1;0.42 0 0.58 1"
|
|
values="M-160 860 L-160 150.0 C -93.3 150.0 -26.7 134.6 40 134.6 C 110.0 134.6 180.0 161.1 250 161.1 C 323.3 161.1 396.7 13.6 470 13.6 C 543.3 13.6 616.7 133.2 690 133.2 C 760.0 133.2 830.0 68.3 900 68.3 C 953.3 68.3 1006.7 56.0 1060 56.0 L1060 860 Z;
|
|
M-160 860 L-160 150.0 C -93.3 150.0 -26.7 134.6 40 134.6 C 110.0 134.6 180.0 57.0 250 57.0 C 323.3 57.0 396.7 105.9 470 105.9 C 543.3 105.9 616.7 141.3 690 141.3 C 760.0 141.3 830.0 68.3 900 68.3 C 953.3 68.3 1006.7 56.0 1060 56.0 L1060 860 Z;
|
|
M-160 860 L-160 150.0 C -93.3 150.0 -26.7 134.6 40 134.6 C 110.0 134.6 180.0 75.7 250 75.7 C 323.3 75.7 396.7 189.3 470 189.3 C 543.3 189.3 616.7 35.8 690 35.8 C 760.0 35.8 830.0 68.3 900 68.3 C 953.3 68.3 1006.7 56.0 1060 56.0 L1060 860 Z;
|
|
M-160 860 L-160 150.0 C -93.3 150.0 -26.7 134.6 40 134.6 C 110.0 134.6 180.0 179.8 250 179.8 C 323.3 179.8 396.7 97.0 470 97.0 C 543.3 97.0 616.7 27.8 690 27.8 C 760.0 27.8 830.0 68.3 900 68.3 C 953.3 68.3 1006.7 56.0 1060 56.0 L1060 860 Z;
|
|
M-160 860 L-160 150.0 C -93.3 150.0 -26.7 134.6 40 134.6 C 110.0 134.6 180.0 161.1 250 161.1 C 323.3 161.1 396.7 13.6 470 13.6 C 543.3 13.6 616.7 133.2 690 133.2 C 760.0 133.2 830.0 68.3 900 68.3 C 953.3 68.3 1006.7 56.0 1060 56.0 L1060 860 Z"/>
|
|
</path>
|
|
<path d="M-160 860 L-160 282.0 C -93.3 282.0 -26.7 266.9 40 266.9 C 110.0 266.9 180.0 178.7 250 178.7 C 323.3 178.7 396.7 251.7 470 251.7 C 543.3 251.7 616.7 272.5 690 272.5 C 760.0 272.5 830.0 202.1 900 202.1 C 953.3 202.1 1006.7 190.0 1060 190.0 L1060 860 Z" fill="url(#dBlue)">
|
|
<animate attributeName="d" dur="18s" repeatCount="indefinite" calcMode="spline"
|
|
keyTimes="0.00;0.25;0.50;0.75;1.00" keySplines="0.42 0 0.58 1;0.42 0 0.58 1;0.42 0 0.58 1;0.42 0 0.58 1"
|
|
values="M-160 860 L-160 282.0 C -93.3 282.0 -26.7 266.9 40 266.9 C 110.0 266.9 180.0 178.7 250 178.7 C 323.3 178.7 396.7 251.7 470 251.7 C 543.3 251.7 616.7 272.5 690 272.5 C 760.0 272.5 830.0 202.1 900 202.1 C 953.3 202.1 1006.7 190.0 1060 190.0 L1060 860 Z;
|
|
M-160 860 L-160 282.0 C -93.3 282.0 -26.7 266.9 40 266.9 C 110.0 266.9 180.0 213.5 250 213.5 C 323.3 213.5 396.7 328.9 470 328.9 C 543.3 328.9 616.7 157.2 690 157.2 C 760.0 157.2 830.0 202.1 900 202.1 C 953.3 202.1 1006.7 190.0 1060 190.0 L1060 860 Z;
|
|
M-160 860 L-160 282.0 C -93.3 282.0 -26.7 266.9 40 266.9 C 110.0 266.9 180.0 323.5 250 323.5 C 323.3 323.5 396.7 217.3 470 217.3 C 543.3 217.3 616.7 163.4 690 163.4 C 760.0 163.4 830.0 202.1 900 202.1 C 953.3 202.1 1006.7 190.0 1060 190.0 L1060 860 Z;
|
|
M-160 860 L-160 282.0 C -93.3 282.0 -26.7 266.9 40 266.9 C 110.0 266.9 180.0 288.7 250 288.7 C 323.3 288.7 396.7 140.0 470 140.0 C 543.3 140.0 616.7 278.6 690 278.6 C 760.0 278.6 830.0 202.1 900 202.1 C 953.3 202.1 1006.7 190.0 1060 190.0 L1060 860 Z;
|
|
M-160 860 L-160 282.0 C -93.3 282.0 -26.7 266.9 40 266.9 C 110.0 266.9 180.0 178.7 250 178.7 C 323.3 178.7 396.7 251.7 470 251.7 C 543.3 251.7 616.7 272.5 690 272.5 C 760.0 272.5 830.0 202.1 900 202.1 C 953.3 202.1 1006.7 190.0 1060 190.0 L1060 860 Z"/>
|
|
</path>
|
|
<path d="M-160 860 L-160 438.0 C -93.3 438.0 -26.7 422.3 40 422.3 C 110.0 422.3 180.0 372.5 250 372.5 C 323.3 372.5 396.7 476.5 470 476.5 C 543.3 476.5 616.7 312.8 690 312.8 C 760.0 312.8 830.0 354.6 900 354.6 C 953.3 354.6 1006.7 342.0 1060 342.0 L1060 860 Z" fill="url(#dTeal)">
|
|
<animate attributeName="d" dur="16s" repeatCount="indefinite" calcMode="spline"
|
|
keyTimes="0.00;0.25;0.50;0.75;1.00" keySplines="0.42 0 0.58 1;0.42 0 0.58 1;0.42 0 0.58 1;0.42 0 0.58 1"
|
|
values="M-160 860 L-160 438.0 C -93.3 438.0 -26.7 422.3 40 422.3 C 110.0 422.3 180.0 372.5 250 372.5 C 323.3 372.5 396.7 476.5 470 476.5 C 543.3 476.5 616.7 312.8 690 312.8 C 760.0 312.8 830.0 354.6 900 354.6 C 953.3 354.6 1006.7 342.0 1060 342.0 L1060 860 Z;
|
|
M-160 860 L-160 438.0 C -93.3 438.0 -26.7 422.3 40 422.3 C 110.0 422.3 180.0 474.6 250 474.6 C 323.3 474.6 396.7 369.7 470 369.7 C 543.3 369.7 616.7 321.7 690 321.7 C 760.0 321.7 830.0 354.6 900 354.6 C 953.3 354.6 1006.7 342.0 1060 342.0 L1060 860 Z;
|
|
M-160 860 L-160 438.0 C -93.3 438.0 -26.7 422.3 40 422.3 C 110.0 422.3 180.0 439.0 250 439.0 C 323.3 439.0 396.7 300.4 470 300.4 C 543.3 300.4 616.7 429.5 690 429.5 C 760.0 429.5 830.0 354.6 900 354.6 C 953.3 354.6 1006.7 342.0 1060 342.0 L1060 860 Z;
|
|
M-160 860 L-160 438.0 C -93.3 438.0 -26.7 422.3 40 422.3 C 110.0 422.3 180.0 336.8 250 336.8 C 323.3 336.8 396.7 407.1 470 407.1 C 543.3 407.1 616.7 420.6 690 420.6 C 760.0 420.6 830.0 354.6 900 354.6 C 953.3 354.6 1006.7 342.0 1060 342.0 L1060 860 Z;
|
|
M-160 860 L-160 438.0 C -93.3 438.0 -26.7 422.3 40 422.3 C 110.0 422.3 180.0 372.5 250 372.5 C 323.3 372.5 396.7 476.5 470 476.5 C 543.3 476.5 616.7 312.8 690 312.8 C 760.0 312.8 830.0 354.6 900 354.6 C 953.3 354.6 1006.7 342.0 1060 342.0 L1060 860 Z"/>
|
|
</path>
|
|
<path d="M-160 860 L-160 566.0 C -93.3 566.0 -26.7 549.6 40 549.6 C 110.0 549.6 180.0 604.7 250 604.7 C 323.3 604.7 396.7 500.9 470 500.9 C 543.3 500.9 616.7 438.1 690 438.1 C 760.0 438.1 830.0 479.1 900 479.1 C 953.3 479.1 1006.7 466.0 1060 466.0 L1060 860 Z" fill="url(#dGreen)">
|
|
<animate attributeName="d" dur="20s" repeatCount="indefinite" calcMode="spline"
|
|
keyTimes="0.00;0.25;0.50;0.75;1.00" keySplines="0.42 0 0.58 1;0.42 0 0.58 1;0.42 0 0.58 1;0.42 0 0.58 1"
|
|
values="M-160 860 L-160 566.0 C -93.3 566.0 -26.7 549.6 40 549.6 C 110.0 549.6 180.0 604.7 250 604.7 C 323.3 604.7 396.7 500.9 470 500.9 C 543.3 500.9 616.7 438.1 690 438.1 C 760.0 438.1 830.0 479.1 900 479.1 C 953.3 479.1 1006.7 466.0 1060 466.0 L1060 860 Z;
|
|
M-160 860 L-160 566.0 C -93.3 566.0 -26.7 549.6 40 549.6 C 110.0 549.6 180.0 573.8 250 573.8 C 323.3 573.8 396.7 417.3 470 417.3 C 543.3 417.3 616.7 555.9 690 555.9 C 760.0 555.9 830.0 479.1 900 479.1 C 953.3 479.1 1006.7 466.0 1060 466.0 L1060 860 Z;
|
|
M-160 860 L-160 566.0 C -93.3 566.0 -26.7 549.6 40 549.6 C 110.0 549.6 180.0 460.1 250 460.1 C 323.3 460.1 396.7 527.9 470 527.9 C 543.3 527.9 616.7 554.5 690 554.5 C 760.0 554.5 830.0 479.1 900 479.1 C 953.3 479.1 1006.7 466.0 1060 466.0 L1060 860 Z;
|
|
M-160 860 L-160 566.0 C -93.3 566.0 -26.7 549.6 40 549.6 C 110.0 549.6 180.0 491.0 250 491.0 C 323.3 491.0 396.7 611.4 470 611.4 C 543.3 611.4 616.7 436.7 690 436.7 C 760.0 436.7 830.0 479.1 900 479.1 C 953.3 479.1 1006.7 466.0 1060 466.0 L1060 860 Z;
|
|
M-160 860 L-160 566.0 C -93.3 566.0 -26.7 549.6 40 549.6 C 110.0 549.6 180.0 604.7 250 604.7 C 323.3 604.7 396.7 500.9 470 500.9 C 543.3 500.9 616.7 438.1 690 438.1 C 760.0 438.1 830.0 479.1 900 479.1 C 953.3 479.1 1006.7 466.0 1060 466.0 L1060 860 Z"/>
|
|
</path>
|
|
</svg>
|
