-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
34 lines (32 loc) · 5.88 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
<!doctype html>
<html ⚡>
<head>
<meta charset="utf-8">
<link rel="canonical" href="self.html" />
<meta name="viewport" content="width=device-width,minimum-scale=1">
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<style amp-custom>
@keyframes A_t { 0% { transform: translate(-66px,0px); } 100% { transform: translate(0px,0px); } }
@keyframes A_o { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes M_t { 0% { transform: translate(-101px,0px); } 100% { transform: translate(0px,0px); } }
@keyframes M_o { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes P_t { 0% { transform: translate(-134px,0px); } 100% { transform: translate(0px,0px); } }
@keyframes P_o { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes Bolt_t { 0% { transform: translate(30.288125px,30.000167px) rotate(360deg) translate(-30.288125px,-30.000167px); } 100% { transform: translate(30.288125px,30.000167px) rotate(0deg) translate(-30.288125px,-30.000167px); } }
svg {
display:block;
margin: 0 auto;
margin-top: 40vh;
}
</style>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="175px" height="60px" viewBox="0 0 175 60">">
<path id="A" d="M92.9378,34.2654L100.009,34.2654L97.6283,27.2504C97.4752,26.8054,97.2943,26.2804,97.0873,25.6763C96.8795,25.0729,96.6742,24.4196,96.4731,23.7163C96.2847,24.4313,96.0886,25.0938,95.8875,25.7037C95.6856,26.3129,95.4963,26.8404,95.3188,27.2854L92.9378,34.2654ZM109.57,44.0588L104.914,44.0588C104.392,44.0588,103.963,43.9379,103.625,43.6979C103.288,43.4579,103.053,43.1504,102.924,42.7754L101.396,38.3096L91.5521,38.3096L90.0234,42.7754C89.9056,43.1029,89.6742,43.3996,89.3309,43.6629C88.9877,43.9271,88.567,44.0588,88.0689,44.0588L83.3784,44.0588L93.3997,18.4421L99.5474,18.4421L109.57,44.0588Z" fill="#0379C4" stroke="none" stroke-width="1" fill-rule="evenodd" opacity="0" transform="translate(-66,0)" style="animation: A_t 0.5s linear both, A_o 0.5s linear both;"/>
<path id="M" d="M130.562,33.7364C130.781,34.2172,130.991,34.7106,131.193,35.2148C131.394,34.6981,131.607,34.1973,131.832,33.7106C132.057,33.2231,132.288,32.7506,132.525,32.2939L139.17,19.3398C139.289,19.1164,139.411,18.9431,139.535,18.8206C139.659,18.6973,139.799,18.6064,139.952,18.5473C140.106,18.4881,140.281,18.4589,140.476,18.4589L141.161,18.4589L145.745,18.4589L145.745,44.0589L140.45,44.0589L140.45,29.3248C140.45,28.6106,140.485,27.8364,140.556,27.0039L133.698,40.1731C133.485,40.5839,133.198,40.8939,132.836,41.1048C132.474,41.3164,132.063,41.4214,131.601,41.4214L130.784,41.4214C130.322,41.4214,129.911,41.3164,129.549,41.1048C129.187,40.8939,128.9,40.5839,128.686,40.1731L121.793,26.9864C121.84,27.3973,121.876,27.8039,121.899,28.2081C121.923,28.6131,121.935,28.9856,121.935,29.3248L121.935,44.0589L116.64,44.0589L116.64,18.4589L121.225,18.4589L121.909,18.4589C122.104,18.4589,122.279,18.4881,122.433,18.5473C122.587,18.6064,122.726,18.6973,122.85,18.8206C122.975,18.9431,123.096,19.1164,123.215,19.3398L129.878,32.3456C130.115,32.7923,130.342,33.2556,130.562,33.7364" fill="#0379C4" stroke="none" stroke-width="1" fill-rule="evenodd" opacity="0" transform="translate(-101,0)" style="animation: M_t 0.5s linear both, M_o 0.5s linear both;"/>
<path id="P" d="M160.99,31.0126L164.117,31.0126C165.68,31.0126,166.805,30.6443,167.493,29.9051C168.18,29.1668,168.523,28.1351,168.523,26.8109C168.523,26.2251,168.435,25.6909,168.257,25.2109C168.079,24.7301,167.809,24.3168,167.449,23.9709C167.087,23.6259,166.631,23.3584,166.08,23.1709C165.53,22.9834,164.874,22.8901,164.117,22.8901L160.99,22.8901L160.99,31.0126ZM160.99,35.4959L160.99,44.0584L154.984,44.0584L154.984,18.4417L164.117,18.4417C165.941,18.4417,167.508,18.6559,168.817,19.0834C170.125,19.5109,171.204,20.1001,172.05,20.8509C172.897,21.6009,173.523,22.4859,173.925,23.5051C174.328,24.5251,174.529,25.6268,174.529,26.8109C174.529,28.0884,174.322,29.2601,173.908,30.3276C173.492,31.3934,172.859,32.3084,172.006,33.0701C171.153,33.8317,170.072,34.4268,168.763,34.8542C167.455,35.2826,165.906,35.4959,164.117,35.4959L160.99,35.4959Z" fill="#0379C4" stroke="none" stroke-width="1" fill-rule="evenodd" opacity="0" transform="translate(-134,0)" style="animation: P_t 0.5s linear both, P_o 0.5s linear both;"/>
<path id="Bolt" d="M40.6737,27.2527L27.9677,48.196L25.6658,48.196L27.9416,34.5493L20.8937,34.5593C20.8937,34.5593,20.8272,34.561,20.7952,34.561C20.1608,34.561,19.6459,34.051,19.6459,33.4227C19.6459,33.1527,19.9,32.696,19.9,32.696L32.564,11.7768L34.9046,11.786L32.5715,25.4543L39.6557,25.446C39.6557,25.446,39.7322,25.4443,39.7684,25.4443C40.4028,25.4443,40.9169,25.9535,40.9169,26.5827C40.9169,26.8377,40.8167,27.0618,40.6729,27.2518L40.6737,27.2527ZM30.2881,0.000166666C13.5605,0.000166666,-0.000336543,13.4318,-0.000336543,30.0002C-0.000336543,46.5685,13.5605,60.0002,30.2881,60.0002C47.0166,60.0002,60.5766,46.5685,60.5766,30.0002C60.5766,13.4318,47.0166,0.000166666,30.2881,0.000166666L30.2881,0.000166666Z" fill="#0379C4" stroke="none" stroke-width="1" fill-rule="evenodd" transform="translate(30.2881,30.0002) rotate(360) translate(-30.2881,-30.0002)" style="animation: Bolt_t 0.5s linear both;"/>
</svg>
</body>
</html>