This repository was archived by the owner on Apr 12, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathloader.html
More file actions
153 lines (146 loc) · 9.63 KB
/
loader.html
File metadata and controls
153 lines (146 loc) · 9.63 KB
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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>GitEase</title>
<style>
body {
background-color: #333;
}
/* Define the main wrapper style */
.wrapper {
position: absolute;
top: 0;
left: 0;
width: 600px;
height: 100%;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
justify-items: center;
box-sizing: border-box;
background-color: #333;
color: white;
}
@keyframes branch1 {
0% {
opacity: 0;
}
30%, 60% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes branch2 {
0%, 30% {
opacity: 0;
}
60% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.branch1 {
animation-duration: 2s;
animation-name: branch1;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-direction: forwards;
}
.branch2 {
animation-duration: 2s;
animation-name: branch2;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-direction: forwards;
}
</style>
</head>
<body>
<div class="wrapper">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="400px" height="175.122px" viewBox="0 0 800 175.122" enable-background="new 0 0 600 175.122"
xml:space="preserve">
<g>
<path class="branch2" fill="#2D8C47" d="M749.482,172.186c-11.659,0-21.646,7.045-25.824,17.007c-0.095-0.003-0.188-0.014-0.283-0.014h-91.25
L540.906,44.189c-3.121-4.8-9.54-6.162-14.344-3.043c-4.801,3.121-6.163,9.543-3.043,14.344l94.285,149.706
c0.011,0.017,0.025,0.032,0.036,0.049c0.222,0.336,0.462,0.659,0.72,0.966c0.073,0.087,0.152,0.166,0.227,0.25
c0.186,0.207,0.378,0.408,0.58,0.599c0.112,0.106,0.225,0.209,0.34,0.309c0.192,0.167,0.391,0.324,0.595,0.476
c0.109,0.081,0.215,0.167,0.326,0.244c0.31,0.214,0.632,0.412,0.965,0.592c0.067,0.036,0.136,0.064,0.203,0.098
c0.283,0.145,0.573,0.277,0.871,0.396c0.106,0.042,0.213,0.079,0.321,0.117c0.268,0.097,0.54,0.182,0.817,0.257
c0.113,0.03,0.225,0.061,0.339,0.087c0.28,0.065,0.565,0.116,0.854,0.158c0.11,0.016,0.218,0.037,0.328,0.05
c0.352,0.04,0.708,0.062,1.07,0.065c0.037,0,0.074,0.007,0.111,0.007c0.008,0,0.016-0.002,0.024-0.002h96.842
c0.096,0,0.188-0.012,0.283-0.014c4.178,9.962,14.165,17.006,25.824,17.006c15.404,0,27.937-12.273,27.937-27.359
C777.418,184.46,764.885,172.186,749.482,172.186z M749.482,214.809c-8.391,0-15.26-6.323-15.789-14.282
c0.03-0.323,0.05-0.65,0.05-0.982c0-0.331-0.019-0.658-0.05-0.982c0.529-7.958,7.398-14.283,15.789-14.283
c8.735,0,15.841,6.848,15.841,15.264C765.322,207.962,758.216,214.809,749.482,214.809z"/>
<path fill="#2D8C47" d="M0.639,99.726c0-23.466,0.69-34.111,4.367-45.965c7.813-25.16,25.969-38.949,52.858-38.949
c23.441,0,40.908,10.645,48.721,26.611c0.92,1.936,1.609,4.355,1.609,6.532c0,6.048-4.137,9.918-9.422,9.918
c-3.677,0-6.665-1.693-9.193-6.048c-6.895-11.37-17.236-16.934-31.715-16.934c-17.925,0-28.267,10.16-32.864,25.401
c-2.528,7.984-3.677,17.661-3.677,39.434c0,21.772,1.149,31.449,3.677,39.433c4.597,15.24,14.939,25.402,32.864,25.402
c17.007,0,29.187-8.468,34.012-24.435c2.298-7.499,2.988-16.45,2.988-24.433c0-0.968-0.459-1.451-1.379-1.451H69.585
c-6.205,0-10.112-4.355-10.112-10.16c0-5.565,3.907-9.919,10.112-9.919h36.311c5.746,0,9.423,3.871,9.423,9.919v4.596
c0,11.854-1.38,26.37-4.367,36.289c-7.813,25.643-26.658,39.673-53.087,39.673c-26.889,0-45.044-13.789-52.858-38.947
C1.329,133.836,0.639,123.192,0.639,99.726z"/>
<path fill="#2D8C47" d="M144.966,29.569c0-7.499,5.745-13.305,12.639-13.305c6.895,0,12.64,5.806,12.64,13.305
c0,7.258-5.745,13.306-12.64,13.306C150.711,42.875,144.966,36.827,144.966,29.569z M147.954,75.775
c0-6.774,4.137-10.886,9.652-10.886c5.516,0,9.652,4.112,9.652,10.886v96.526c0,6.774-4.136,10.886-9.652,10.886
c-5.515,0-9.652-4.112-9.652-10.886V75.775z"/>
<path fill="#2D8C47" d="M238.041,183.187c-22.522,0-30.796-9.919-30.796-34.111V84.001c0-0.968-0.459-1.451-1.379-1.451h-6.205
c-5.285,0-8.273-3.387-8.273-8.226c0-4.838,2.988-8.225,8.273-8.225h6.205c0.92,0,1.379-0.484,1.379-1.452V39.246
c0-6.774,4.137-10.886,9.653-10.886c5.516,0,9.652,4.112,9.652,10.886v25.401c0,0.968,0.46,1.452,1.379,1.452h14.479
c5.285,0,8.273,3.387,8.273,8.225c0,4.839-2.988,8.226-8.273,8.226h-14.479c-0.919,0-1.379,0.483-1.379,1.451v64.349
c0,12.339,2.988,15.967,14.708,15.967c5.975,0,9.422,3.871,9.422,9.437c0,5.562-3.447,9.433-10.342,9.433H238.041z"/>
<path d="M497.507,173.511c0,5.564-4.136,9.676-9.882,9.676c-3.448,0-6.205-1.693-8.503-5.079l-4.367-7.258h-0.229
c-7.354,8.709-17.695,13.789-33.782,13.789c-24.592,0-38.839-12.822-38.839-34.837c0-23.949,15.628-35.803,42.976-35.803h25.049
c0.92,0,1.38-0.483,1.38-1.451v-5.565c0-16.208-7.125-25.401-26.43-25.401c-8.503,0-17.236,2.903-22.521,5.806
c-1.839,0.968-3.908,1.693-5.516,1.693c-5.056,0-8.274-3.387-8.274-8.709c0-3.145,1.379-6.29,4.597-8.225
c6.895-4.839,18.385-8.709,33.553-8.709c29.417,0,43.207,14.757,43.207,43.303v41.61c0,6.048,0.459,8.468,2.067,11.855l3.908,7.501
C496.817,169.399,497.507,171.576,497.507,173.511z M471.308,144.481V131.66c0-0.968-0.461-1.452-1.38-1.452h-22.062
c-18.844,0-27.348,5.806-27.348,18.869c0,12.096,8.274,18.144,22.982,18.144C460.507,167.22,471.308,158.754,471.308,144.481z"/>
<path d="M636.548,153.19c-2.298-7.258-3.677-15.484-3.677-29.273c0-13.789,1.149-22.014,3.448-29.271
c6.205-20.08,22.062-31.208,42.975-31.208c21.602,0,37.23,11.128,43.205,30.966c2.528,7.741,3.677,16.692,3.677,28.062
c0,4.597-2.987,7.741-7.584,7.741h-64.578c-0.92,0-1.379,0.484-1.379,1.452c0,5.564,0.459,9.435,1.839,14.032
c4.136,13.304,14.248,20.078,27.806,20.078c10.802,0,18.156-3.385,26.43-9.919c2.298-1.934,4.366-2.902,6.664-2.902
c4.597,0,8.044,3.63,8.044,8.468c0,2.902-1.149,5.322-2.989,7.256c-9.421,9.194-22.521,15.967-39.528,15.967
C658.152,184.639,642.753,173.511,636.548,153.19z M705.033,113.999c0.92,0,1.379-0.483,1.379-1.451
c0-5.322-0.459-9.435-1.608-13.064c-3.677-11.613-12.871-18.144-25.28-18.144c-12.409,0-21.603,6.531-25.28,18.144
c-1.149,3.629-1.608,7.741-1.608,13.064c0,0.968,0.459,1.451,1.379,1.451H705.033z"/>
<g class="branch1">
<path fill="none" d="M517.945,12.096c-8.734,0-15.84,6.847-15.84,15.263s7.106,15.264,15.84,15.264c2.657,0,5.159-0.641,7.36-1.76
l-11.37-6.842c-3.68-2.214-4.868-6.992-2.653-10.672c2.213-3.68,6.992-4.868,10.672-2.653l11.807,7.106
c0.004-0.149,0.023-0.294,0.023-0.443C533.785,18.943,526.679,12.096,517.945,12.096z"/>
<path fill="none" d="M675.375,42.624c8.734,0,15.84-6.848,15.84-15.264s-7.106-15.263-15.84-15.263
c-8.734,0-15.841,6.847-15.841,15.263S666.64,42.624,675.375,42.624z"/>
<path fill="#A81E4B" d="M649.497,37.627c4.156,10.01,14.181,17.093,25.877,17.093c15.404,0,27.936-12.274,27.936-27.36
S690.778,0,675.375,0c-11.696,0-21.721,7.082-25.877,17.092c-0.449-0.059-0.904-0.101-1.37-0.101H543.784
c0,0.001,0,0.001,0.001,0.002C539.603,7.035,529.602,0,517.945,0s-21.659,7.035-25.839,16.993c0-0.001,0-0.001,0.001-0.002
H291.204c-5.726,0-10.368,4.642-10.368,10.368s4.642,10.368,10.368,10.368h200.902c4.181,9.958,14.182,16.992,25.839,16.992
c7.178,0,13.721-2.674,18.671-7.048c3.089-2.73,5.561-6.118,7.167-9.944h6.469h97.875
C648.593,37.727,649.048,37.686,649.497,37.627z M675.375,12.096c8.734,0,15.84,6.847,15.84,15.263s-7.106,15.264-15.84,15.264
c-8.734,0-15.841-6.848-15.841-15.264S666.64,12.096,675.375,12.096z M525.305,40.864c-2.201,1.119-4.703,1.76-7.36,1.76
c-8.734,0-15.84-6.848-15.84-15.264s7.106-15.263,15.84-15.263c8.734,0,15.84,6.847,15.84,15.263c0,0.15-0.019,0.295-0.023,0.443
C533.591,33.47,530.211,38.37,525.305,40.864z"/>
</g>
<path class="text-s" d="M524.166,171.817c-2.987-2.177-4.597-5.079-4.597-8.466c0-4.838,3.677-9.193,8.964-9.193c1.838,0,3.677,0.484,6.434,2.179
c8.962,5.562,18.385,10.159,30.795,10.159c15.857,0,24.131-7.256,24.131-17.418c0-9.676-4.138-14.514-21.603-16.45l-11.49-1.209
c-21.603-2.419-32.864-14.032-32.864-32.659c0-22.015,14.938-35.32,40.677-35.32c12.871,0,24.361,3.387,32.864,8.467
c3.907,2.177,5.746,4.838,5.746,8.467c0,4.839-3.677,8.709-8.274,8.709c-1.839,0-3.907-0.483-6.895-1.936
c-7.354-3.629-15.628-6.048-24.361-6.048c-13.789,0-20.913,6.532-20.913,15.967c0,9.193,5.056,14.031,21.603,15.724l11.49,1.21
c22.982,2.661,33.094,14.032,33.094,32.9c0,22.741-15.626,37.739-44.813,37.739C547.377,184.639,533.359,178.591,524.166,171.817z"
/>
<path class="text-E" d="M278.49,27.15c0-5.806,3.447-9.677,9.192-9.677h80.436c6.205,0,10.112,4.355,10.112,9.919
c0,5.806-3.907,10.16-10.112,10.16h-67.796c-0.919,0-1.379,0.483-1.379,1.451v48.384c0,0.968,0.46,1.451,1.379,1.451h56.535
c6.205,0,10.112,4.355,10.112,9.919c0,5.806-3.907,10.16-10.112,10.16h-56.535c-0.919,0-1.379,0.483-1.379,1.451v50.077
c0,0.969,0.46,1.451,1.379,1.451h67.796c6.205,0,10.112,4.355,10.112,9.919c0,5.807-3.907,10.162-10.112,10.162h-80.436
c-5.745,0-9.192-3.871-9.192-9.678V27.15z"/>
</g>
</svg>
</div>
</body>
</html>