-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
111 lines (104 loc) · 6.04 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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html>
<head>
<style>
svg {
display: block;
margin-top: 10%;
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600" width="72" height="72">
<g transform="translate(224.158 219.85)">
<g transform="translate(72.7086 96.6001)">
<g>
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" values="0;0;217.1;217.1" calcMode="spline" dur="2.29167s" keyTimes="0;0.0545455;0.581818;1" keySplines="0 0 1 1;0 0 1 1;0 0 1 1"/>
<g transform="scale(1.33333 -1.33333)">
<g transform="skewX(0) skewY(0)">
<g transform="translate(-224.158 -219.85)">
<g>
<g transform="translate(161.091 125.237)">
<g transform="translate(0 0)">
<g>
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" values="0;0;35;35;0;0" calcMode="spline" dur="2.29167s" keyTimes="0;0;0.181818;0.454545;0.636364;1" keySplines="0 0 1 1;0 0 1 1;0 0.333333 1 0.666667;0 0 1 1;0 0 1 1"/>
<g transform="scale(1 1)">
<g transform="skewX(0) skewY(0)">
<g opacity="1" transform="translate(-161.091 -125.237)">
<path fill="#8cc440" d="M196.082 151.924C203.605 157.592 211.116 163.32 218.639 169.012L218.639 125.764L94.563 31.8028C109.151 76.3888 123.822 120.928 138.434 165.514C140.581 171.852 142.623 178.2 144.63 184.586L184.886 196.932C177.104 173.178 169.276 149.446 161.507 125.682C170.133 132.219 178.748 138.756 187.362 145.305L187.374 145.293L196.094 151.911L196.082 151.924Z" stroke="none" stroke-width="0"/>
</g>
</g>
</g>
</g>
</g>
</g>
<g transform="translate(290.298 125.823)">
<g transform="translate(0 0)">
<g>
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" values="0;0;35;35;0;0" calcMode="spline" dur="2.29167s" keyTimes="0;0;0.181818;0.454545;0.636364;1" keySplines="0 0 1 1;0 0 1 1;0 0.333333 1 0.666667;0 0 1 1;0 0 1 1"/>
<g transform="scale(1 1)">
<g transform="skewX(0) skewY(0)">
<g opacity="1" transform="translate(-290.298 -125.823)">
<path fill="#8cc440" d="M352.584 38.1875C311.848 67.7975 271.111 97.3845 230.375 127.007L230.375 169.176C250.244 154.693 270.137 140.234 290.055 125.799C287.449 134.202 284.902 142.618 282.344 151.032L268.178 197.39L307.693 185.654L352.584 38.1875Z" stroke="none" stroke-width="0"/>
</g>
</g>
</g>
</g>
</g>
</g>
<g transform="translate(332.732 254.731)">
<g transform="translate(0 0)">
<g>
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" values="0;0;35;35;0;0" calcMode="spline" dur="2.29167s" keyTimes="0;0;0.181818;0.454545;0.636364;1" keySplines="0 0 1 1;0 0 1 1;0 0.333333 1 0.666667;0 0 1 1;0 0 1 1"/>
<g transform="scale(1 1)">
<g transform="skewX(0) skewY(0)">
<g opacity="1" transform="translate(-332.732 -254.731)">
<path fill="#8cc440" d="M253.438 254.287L278.741 288.58L433.294 288.58C392.676 257.995 352.082 227.375 311.461 196.779L271.945 208.516C291.884 223.844 311.917 238.995 331.883 254.287C319.219 254.299 306.566 254.299 293.927 254.287L282.906 254.287C273.083 254.31 263.259 254.287 253.438 254.287" stroke="none" stroke-width="0"/>
</g>
</g>
</g>
</g>
</g>
</g>
<g transform="translate(121.238 254.299)">
<g transform="translate(0 0)">
<g>
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" values="0;0;35;35;0;0" calcMode="spline" dur="2.29167s" keyTimes="0;0;0.181818;0.454545;0.636364;1" keySplines="0 0 1 1;0 0 1 1;0 0.333333 1 0.666667;0 0 1 1;0 0 1 1"/>
<g transform="scale(1 1)">
<g transform="skewX(0) skewY(0)">
<g opacity="1" transform="translate(-121.238 -254.299)">
<path fill="#8cc440" d="M141.016 195.746L19.7216 288.568C33.2526 288.346 46.8206 289.156 60.3056 288.017C96.7346 288.04 133.176 288.029 169.594 288.029L194.474 254.288C170.063 254.31 145.663 254.288 121.24 254.299C130.547 247.233 139.807 240.133 149.102 233.067L149.102 233.044L157.916 226.32C157.916 226.33 157.928 226.33 157.928 226.343C165.838 220.287 173.76 214.267 181.659 208.223L141.016 195.746Z" stroke="none" stroke-width="0"/>
</g>
</g>
</g>
</g>
</g>
</g>
<g transform="translate(224.768 322.972)">
<g transform="translate(0 0)">
<g>
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" values="0;0;35;35;0;0" calcMode="spline" dur="2.29167s" keyTimes="0;0;0.181818;0.454545;0.636364;1" keySplines="0 0 1 1;0 0 1 1;0 0.333333 1 0.666667;0 0 1 1;0 0 1 1"/>
<g transform="scale(1 1)">
<g transform="skewX(0) skewY(0)">
<g opacity="1" transform="translate(-224.768 -322.972)">
<path fill="#8cc440" d="M179.135 294.847L180.332 298.451L180.226 298.451C195.096 343.154 209.919 387.857 224.765 432.572C239.811 387.012 254.647 341.393 269.457 295.763L269.457 295.751L244.658 262.15C237.992 282.489 231.256 302.793 224.636 323.132C221.867 314.905 219.144 306.666 216.397 298.438L212.947 288.029L212.97 288.029C212.044 285.247 211.116 282.466 210.189 279.684L204.039 261.105L179.135 294.847Z" stroke="none" stroke-width="0"/>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
<animate attributeName="opacity" repeatCount="indefinite" values="1;1;0.45;0.45;1;1" calcMode="spline" dur="2.29167s" keyTimes="0;0;0.181818;0.454545;0.636364;1" keySplines="0 0 1 1;0 0 1 1;0 0.333333 1 0.666667;0 0 1 1;0 0 1 1"/>
</g>
</g>
</g>
</g>
</g>
</g>
<defs/>
</svg>
</body>
</html>