GitEase/loader.html at master · choccydev/GitEase · GitHub

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>