-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
84 lines (77 loc) · 13.4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<html>
<head>
<style>
html, body {
background: black;
}
#Visual {
width: 100%;
}
.cls-1 {fill:none;}
.cls-2 { clip-path:url(#clip-path); }
.cls-3 { fill:url(#radial-gradient); }
.orange { fill: #FE840E }
.purple { fill: #9900ef }
@keyframes rocking {
from {
transform: rotate(-20deg);
}
to {
transform: rotate(20deg);
}
}
#clip-path {
transform-origin: 50% 50%;
/*animation: rocking 5s infinite alternate;*/
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.blob-1 {
opacity: .8;
filter: url(#blur);
animation: rotation 8s infinite linear, blob-fly 13s infinite linear;
offset-path: path('M2903.45,483.25c0,63.61-79.1,188-170.32,242-157.84,93.4-343.37,93.4-686.3,133.41-178.2,20.79-282.91-242.38-488.19-242.38-344.47,0-636.17,296.77-889.43,242.38-356-76.44-407.31-216-407.31-350.94,0-132,120.25-187.59,471.4-202.74,275.34-11.89,555.47-6.47,868.81-108.56,243.34-79.28,323.83,9.57,534.66,41.05C2608.56,307.89,2903.45,323.67,2903.45,483.25Z');
}
.blob-2 {
opacity: .9;
filter: url(#blur);
animation: rotation 12s infinite linear, blob-fly 16s infinite linear;
offset-path: path('M2903.45,483.25c0,63.61-79.1,188-170.32,242-157.84,93.4-233.82,97.15-576.75,137.17C1978.19,883.18,1748.76,664.54,1640,506.27,1251.55-59,938.93,853.91,669.21,858.63c-364,6.38-407.31-216-407.31-350.94,0-132,233.56-461.53,471.4-202.74,419.23,456.15,509.21,512.62,667.48,242.38,172.19-294,577.72-6.83,800.49-133.41C2616,178.25,2903.45,323.67,2903.45,483.25Z');
}
@keyframes blob-fly {
0% {
offset-distance: 0;
}
100% {
offset-distance: 100%;
}
}
</style>
</head>
<body>
<svg id="Visual" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="3280" height="1080" viewBox="0 0 3280 1080">
<defs>
<clipPath id="clip-path">
<path class="cls-1" d="M1422.81,505.27l-44.47-44.47v88.95Zm-43.47-42,42.06,42-42.06,42.06Zm43.47,42.06,44.47,44.47V460.8Zm43.47,42.05-42-42.05,42-42.06Zm-43.47,46.89,44.47-44.47h-88.94Zm42.06-43.47-42.06,42-42.06-42Zm46.89,43.47-44.48-44.47h0v88.94Zm-43.48-42.06,42.06,42.06-42.06,42.06Zm43.48-46.89v89l44.47-44.48Zm1,2.42,42,42.05-42,42.06Zm43.47-46.89h-89l44.48,44.47Zm-2.42,1-42,42.06L1469.7,461.8Zm-308.88,43.48h88.94L1289.4,460.8Zm2.41-1,42.06-42.06,42.06,42.06Zm86.53-87.95h-88.94l44.47,44.47Zm-2.41,1-42.06,42.06-42.06-42.06Zm2.41,87.95,44.47-44.48-44.47-44.47h0v88.95Zm1-86.53,42.06,42.05-42.06,42.06Zm43.47-46.89-44.47,44.47h88.94Zm0,1.42,42.06,42.05h-84.12Zm0-1.42-44.47-44.47-44.47,44.47Zm-2.41-1h-84.12l42.06-42.06Zm-86.53,1-44.47-44.47v88.94h0Zm-43.47-42.06,42,42.06-42,42.06Zm132.41,397.83-44.47,44.47h88.94Zm0,1.42,42.06,42.05h-84.12Zm44.47-45.89h-88.94l44.47,44.47Zm-2.41,1-42.06,42.06-42.06-42.06Zm-86.53-1-44.47,44.47,44.47,44.47h0V683.16Zm-1,86.53-42.06-42.06,42.06-42.06Zm-43.47-131-44.47,44.47h88.94Zm0,1.41,42.06,42.06h-84.12Zm0-1.41h88.94l-44.47-44.47Zm2.41-1,42.06-42.06,42.06,42.06Zm86.53,1,44.47,44.47V594.22Zm43.47,42.06-42-42.06,42-42.06Zm312.3-308.89-44.47,44.47h88.94Zm0,1.41,42.06,42.06h-84.12Zm0-1.41,44.47-44.47h-88.94Zm0-1.42-42.06-42.05h84.12Zm88.94,1.42-44.47-44.47h0v88.94h0Zm-43.47-42.06,42.06,42.06-42.06,42.06Zm43.47-46.88-44.47,44.47h89Zm0,1.41,42.06,42.06H1781Zm0-1.42-44.47-44.47-44.47,44.47Zm-2.41-1h-84.12l42.06-42.05Zm-131-43.47v88.95l44.47-44.48Zm1,2.42,42.06,42.05L1690.64,325Zm43.47,308.88V460.8l-44.47,44.47Zm-1-2.41-42-42.06,42-42.06Zm-43.47-42.06-44.47-44.47v88.94Zm-43.47-42.06,42.06,42.06-42.06,42.06Zm87.94-2.41h0l-44.47-44.47-44.47,44.47h88.94Zm-44.47-43.06,42.06,42.06h-84.12Zm-44.47,43.06V371.86l-44.47,44.47,44.47,44.47Zm-1-2.41-42.06-42.06,42.06-42.06Zm-43.47,46.88V416.33l-44.47,44.47Zm-1-2.41-42.06-42.06,42.06-42.06Zm-43.47,46.88h88.94l-44.47-44.47Zm2.41-1,42.06-42.05,42.06,42.05Zm397.83-132.41,44.47,44.47V371.86Zm43.47,42.06-42.06-42.06,42.06-42.06ZM1912,371.86V460.8l44.47-44.47Zm1,2.41,42,42.06-42,42.06Zm87.94,86.53H1912l44.47,44.47Zm-2.41,1-42.06,42.06-42.06-42.06Zm-86.53-1-44.47,44.47L1912,549.75V460.8Zm-1,86.53-42.06-42.06,42.06-42Zm-43.47-131-44.48,44.47,44.48,44.47Zm-1,86.53-42.06-42.06,42.06-42.06Zm1-86.53L1912,371.86h-89Zm0-1.41-42-42.06h84.11Zm-44.46,312.71,44.47-44.47h-89Zm0-1.41L1781,684.16h84.11Zm0,1.41-44.47,44.47h89Zm0,1.41,42.06,42.06H1781Zm-88.94-1.41,44.47,44.47h0V683.16h0Zm43.47,42.06-42-42.06,42-42.06Zm-43.46,46.88,44.47-44.47h-88.95Zm0-1.41-42.06-42.06h84.11Zm0,1.41,44.48,44.48,44.47-44.48Zm2.42,1h84.11l-42.05,42.06Zm131,43.48V772.1l-44.47,44.47Zm-1-2.42-42.06-42.06,42.06-42.05Zm-43.47-308.88v88.94l44.47-44.47Zm1,2.41,42,42.06-42,42.06Zm43.47,42.06L1912,638.69V549.75ZM1911,636.28l-42.06-42.06L1911,552.16Zm-87.94,2.41h0l44.48,44.47L1912,638.69h-88.94Zm44.47,43.06-42.06-42.06h84.11ZM1912,638.69v88.94l44.47-44.47L1912,638.69Zm1,2.41,42,42.06-42,42.06Zm43.47-46.88v88.94l44.47-44.47Zm1,2.41,42.06,42.06-42.06,42.06Zm43.47-46.88H1912l44.47,44.47Zm-2.41,1-42.06,42-42.06-42ZM1600.7,683.16l-44.47-44.47v88.94Zm-43.47-42.06,42,42.06-42,42.06Zm87.94,86.53V638.69l-44.47,44.47Zm-1-2.41-42.06-42.06,42.06-42.06Zm-87.94-86.53h88.94l-44.47-44.47Zm2.41-1,42.06-42.06,42.06,42.06Zm86.53,1,44.47-44.47-44.47-44.48v89Zm1-86.53,42.06,42.06-42.06,42Zm43.47,131,44.47-44.47-44.47-44.47Zm1-86.53,42.06,42.06-42.06,42.06Zm-1,86.53-44.47,44.47h88.94Zm0,1.41,42.06,42.06h-84.12Zm-177.88-1.41h-89l44.48,44.47Zm-2.42,1-42,42.06-42.06-42.06Zm46.89,43.47V638.69l-44.47,44.47Zm-1-2.41-42.06-42.06,42.06-42.06Zm1,91.35h88.94L1600.7,772.1Zm2.41-1,42.06-42.05,42.06,42.05Zm-2.41-87.94-44.47,44.47h88.94Zm0,1.42,42.06,42.05h-84.12Zm-88.94-1.42v89l44.47-44.48Zm1,2.42,42,42.05-42,42.06ZM666.8,460.8l-44.47-44.47v88.95Zm-43.47-42.05,42,42.05-42,42.06ZM666.8,460.8l44.47,44.48V416.33Zm43.47,42.06L668.21,460.8l42.06-42.05ZM666.8,549.75l44.47-44.47H622.33Zm42.06-43.47L666.8,548.33l-42.06-42.05Zm46.88,43.46-44.47-44.47v89Zm-43.47-42.05,42.06,42.05L712.27,591.8Zm43.47,42.06,44.47-44.48L755.74,460.8Zm1-86.53,42.06,42-42.06,42.06Zm43.47-46.89H711.27l44.47,44.47Zm-2.41,1-42.06,42.06-42.06-42.06ZM488.91,460.8h88.95l-44.48-44.47Zm2.42-1,42.05-42.05,42.06,42.05Zm42.06-43.47,44.47-44.47H488.91Zm0-1.41-42.06-42.06h84.11Zm44.47,45.88,44.47-44.47-44.47-44.47h0V460.8Zm1-86.52,42,42.05-42,42.06Zm43.47-46.89-44.47,44.47H666.8Zm0,1.41,42.06,42.06H580.27Zm0-1.41-44.48-44.47-44.47,44.47Zm-2.42-1H535.8l42.05-42.06Zm-131-43.47v88.94l44.47-44.47Zm1,2.41L532,327.39l-42.06,42.06ZM622.33,683.16l-44.48,44.47H666.8Zm0,1.41,42,42.06H580.27Zm44.47-45.88H577.85l44.48,44.47Zm-2.42,1-42,42.06-42.06-42.06Zm-86.53-1-44.47,44.47,44.47,44.47h0V638.69Zm-1,86.53L534.8,683.16l42.05-42.06Zm-43.46-131-44.48,44.47h88.95Zm0,1.41,42.05,42.06H491.33Zm0-1.41h89l-44.47-44.47Zm2.42-1,42.06-42.06,42,42.06Zm86.53,1,44.47,44.47V549.75Zm43.47,42.06-42.06-42.06,42.06-42.06ZM978.1,327.39l-44.47,44.47h88.94Zm0,1.41,42.06,42.06H936Zm0-1.41,44.47-44.47H933.63Zm0-1.42L936,283.92h84.12Zm88.94,1.42-44.47-44.47h0v88.94h0Zm-43.47-42.06,42.06,42.06-42.06,42.06ZM1067,238.44l-44.47,44.48h88.94Zm0,1.42,42.06,42.06H1025Zm0-1.42L1022.57,194,978.1,238.44Zm-2.41-1H980.51l42.06-42.05ZM933.63,194v89l44.47-44.48Zm1,2.42,42,42.05-42,42.06ZM978.1,505.27V416.33L933.63,460.8Zm-1-2.41L935,460.8l42.06-42.06ZM933.63,460.8l-44.47-44.47v88.94Zm-43.47-42.06,42.05,42.06-42.05,42.06Zm87.94-2.41h0l-44.47-44.47-44.47,44.47H978.1Zm-44.47-43.06,42.06,42.06H891.57Zm-44.47,43.06V327.39l-44.47,44.47,44.47,44.47Zm-1-2.41L846.1,371.86l42.06-42.06Zm-43.48-42.06-44.47,44.47,44.47,44.47Zm-1,86.53-42-42.06,42-42.06Zm-43.47,46.88h88.95L844.68,460.8Zm2.42-1,42-42,42.06,42Zm397.83-132.41,44.47,44.47V327.39Zm43.47,42.06-42.06-42.06,42.06-42.06Zm-88-86.53v88.94l44.48-44.47Zm1,2.41L1199,371.86,1157,413.92Zm88,86.53h-89l44.47,44.47Zm-2.42,1-42.06,42.06-42-42.06Zm-86.53-1-44.47,44.47L1156,505.27V416.33Zm-1,86.53-42-42.06,42-42.06Zm-43.47-131L1067,416.33l44.47,44.47Zm-1,86.53-42.06-42.06,42.06-42.06Zm1-86.53L1156,327.39H1067Zm0-1.42-42.06-42.05h84.12ZM1067,683.16l44.47-44.47h-88.94Zm0-1.41L1025,639.69h84.12Zm0,1.41-44.47,44.47h88.94Zm0,1.41,42.06,42.06H1025Zm-88.94-1.41,44.47,44.47h0V638.69h0Zm43.47,42.06-42.06-42.06,42.06-42.06ZM978.1,772.1l44.47-44.47H933.63Zm0-1.41L936,728.63h84.12Zm0,1.41,44.47,44.47L1067,772.1Zm2.41,1h84.12l-42.06,42.06Zm131,43.47V727.63L1067,772.1Zm-1-2.41-42-42.06,42-42.06ZM1067,505.27v89l44.47-44.48Zm1,2.42,42.06,42.05L1068,591.8Zm43.47,42.06L1156,594.22v-89Zm43.47,42-42-42,42-42.06ZM1067,594.22h0l44.47,44.47L1156,594.22H1067Zm44.47,43-42.06-42h84.12Zm44.47-43v88.94l44.48-44.47L1156,594.22Zm1,2.41L1199,638.69,1157,680.75Zm43.48-46.89v89l44.47-44.48Zm1,2.42,42,42.05-42,42.06Zm43.47-46.89h-89l44.48,44.47Zm-2.42,1-42,42.06-42.06-42.06ZM844.69,638.69l-44.48-44.47v88.94Zm-43.48-42.06,42.06,42.06-42.06,42.06Zm87.95,86.53V594.22l-44.47,44.47Zm-1-2.41L846.1,638.69l42.06-42.06Zm-87.95-86.53h88.95l-44.47-44.48Zm2.42-1,42.06-42.06,42,42.06Zm86.53,1,44.47-44.47-44.47-44.48v89Zm1-86.53,42.05,42.06-42.05,42Zm43.47,131,44.47-44.47-44.47-44.48Zm1-86.53,42.06,42.06-42.06,42Zm-1,86.53-44.47,44.47H978.1Zm0,1.41,42.06,42.06H891.57Zm-177.89-1.41H666.8l44.47,44.47Zm-2.41,1-42.06,42.06-42.06-42.06Zm46.88,43.47V594.22l-44.47,44.47Zm-1-2.41-42.05-42.06,42.05-42.06Zm1,91.35h88.95l-44.48-44.47Zm2.42-1,42-42.05,42.06,42.05Zm-2.42-87.94-44.47,44.47h89Zm0,1.41,42.06,42.06H758.16Zm-88.94-1.41V772.1l44.47-44.47Zm1,2.41,42.06,42.06-42.06,42.06ZM2445.66,460.8v88.94l44.47-44.47Zm1,2.42,42.05,42-42.05,42.06Zm43.47,42,44.47,44.47V460.8Zm43.47,42.06-42.06-42.06,42.06-42Zm-87.94,2.41h0l44.47,44.48,44.47-44.48h-88.94Zm44.47,43.06-42.06-42.06h84.12Zm44.47-43.06v89l44.47-44.48-44.47-44.47Zm1,2.42,42.06,42.05-42.06,42.06Zm43.47,42.06,44.47-44.48-44.47-44.47Zm1-86.53,42.06,42.05-42.06,42.06Zm43.47-46.89H2534.6l44.47,44.47Zm-2.41,1-42.06,42.06L2537,461.8Zm-308.89,43.47h89l-44.48-44.47Zm2.42-1,42.05-42,42.06,42Zm42.06-43.47,44.47-44.47h-89Zm0-1.41-42.06-42.06h84.11Zm44.47-43.06v88.94h0l44.47-44.47-44.47-44.47Zm1,2.41,42,42.06-42,42.06Zm43.46-46.88-44.47,44.47h89Zm0,1.41,42.06,42.06H2403.6Zm-133.41-45.88v88.94l44.47-44.47Zm1,2.41,42.06,42.06-42.06,42.06Zm132.42,397.83-44.48,44.47h89Zm0,1.41,42.05,42.06H2403.6Zm0-1.41,44.48-44.47h-89Zm0-1.41-42.05-42.06h84.11Zm-88.94,1.41,44.47,44.47h0V683.16h0Zm43.47,42.06-42-42.06,42-42.06Zm-43.47-131-44.47,44.47h88.94Zm-42.06,43.47,42.06-42.06,42.06,42.06Zm86.54-87.94-44.48,44.47h88.95Zm0,1.41,42,42.06h-84.11Zm88.94,87.53V594.22l-44.47,44.47Zm-1-2.41-42.06-42.06,42.06-42.06Zm-354.77-86.53,44.47,44.47V549.75Zm43.47,42.06-42.06-42.06,42.06-42.06Zm-43.47-42.06-44.48-44.47v88.94Zm-43.48-42.06,42.06,42.06-42.06,42.06Zm43.47-46.89-44.47,44.48h88.95Zm-42,43.48,42-42.06,42.06,42.06Zm-2.42,1V460.8l-44.47,44.48Zm-1-2.42-42.05-42.05,42.05-42.06Zm-43.47,46.89v-89l-44.47,44.48Zm-1-2.42-42.05-42,42.05-42.06Zm-43.47,46.89h88.94l-44.47-44.47Zm2.42-1,42.05-42.06,42.06,42.06Zm308.88-43.47H2223.3l44.47,44.47Zm-2.41,1-42.06,42-42.06-42Zm-86.53,87.94h88.94l-44.47-44.47Zm2.41-1,42.06-42.06,42.06,42.06Zm-2.41-87.94-44.47,44.47,44.47,44.47h0V594.22Zm-1,86.53-42.06-42.06,42.06-42.06Zm-43.47,46.88,44.47-44.47h-89Zm0-1.41-42.06-42.06h84.11Zm0,1.41,44.47,44.47,44.47-44.47Zm2.41,1h84.12l-42.06,42.06Zm131,43.47V683.16l-44.47,44.47Zm-1-2.41-42.06-42.06,42.06-42.06ZM2134.36,416.33h88.94l-44.47-44.47Zm2.41-1,42.06-42.06,42.06,42.06Zm86.53-87.94v88.94h0l44.47-44.47Zm1,2.41,42.06,42.06-42.06,42.06Zm-1,86.53,44.47,44.47,44.47-44.47Zm86.53,1-42.06,42.06-42.06-42.06Zm-42.06,43.47h-88.94l44.47,44.47Zm-2.41,1-42.06,42.06-42.06-42.06Zm-86.53-1-44.47-44.47v88.94Zm-43.47-42.06,42,42.06-42,42.06Zm-90-91.35v88.94l44.47-44.47Zm1,2.41,42.06,42.06-42.06,42.06Z"/>
</clipPath>
<filter id="blur">
<feGaussianBlur in="SourceGraphic" stdDeviation="20,20"></feGaussianBlur>
</filter>
</defs>
<g class="cls-2">
<g class="blob-1">
<path class="orange" d="M62.8,-97.5C92,-78.9,133.8,-79.5,151.8,-62.7C169.8,-45.9,164.1,-11.5,171.4,33.5C178.6,78.5,198.9,134.2,186.2,176.9C173.4,219.7,127.7,249.4,84.4,241C41,232.5,0.1,185.8,-47.8,169C-95.8,152.1,-150.7,165.1,-174.5,146.3C-198.4,127.6,-191.3,77,-174,39.6C-156.7,2.1,-129.3,-22.2,-109.1,-43C-89,-63.8,-76.1,-81.1,-59.1,-105.4C-42.2,-129.6,-21.1,-160.8,-2.2,-157.4C16.8,-154.1,33.5,-116.2,62.8,-97.5Z" />
</g>
<g class="blob-2">
<path class="purple" d="M62.8,-94.1C80.3,-86.6,92.4,-67.2,122.5,-43.6C152.6,-19.9,200.5,7.9,209,38.3C217.5,68.8,186.6,101.8,148.7,107.9C110.8,113.9,66,92.9,29.2,107.2C-7.5,121.5,-36.2,171.1,-60.1,176.8C-84,182.5,-103.2,144.3,-99.7,108.5C-96.1,72.8,-69.8,39.5,-93.4,1.8C-117,-36,-190.4,-78.2,-193.8,-96C-197.3,-113.7,-130.8,-106.9,-86.9,-102.3C-42.9,-97.7,-21.4,-95.4,0.6,-96.4C22.7,-97.3,45.4,-101.7,62.8,-94.1Z" />
</g>
</g>
</svg>
</body>
</html>