-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (109 loc) · 11.9 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 lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<style>
body {
background-color: rgba(49, 47, 47, 0.884);
}
#logo {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
fill: transparent;
animation: fill 0.5s ease 1s 1 normal forwards;
}
#logo path {
stroke-dasharray: 525px;
stroke-dashoffset: 525px;
animation: line-anim 2s forwards;
}
@keyframes line-anim {
to {
stroke-dashoffset: 0;
}
}
@keyframes fill {
to {
fill: rgb(15, 15, 15);
}
}
</style>
<body>
<!--?xml version="1.0" standalone="no"?-->
<svg
id="logo"
width="784"
height="106"
viewBox="0 0 784 106"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M702.648 99V101.5H705.148H733.875C743.655 101.5 752.132 99.5713 759.194 95.5864L759.202 95.5821C766.252 91.5721 771.627 85.8333 775.297 78.4284L775.299 78.4245C778.959 71.0073 780.739 62.2625 780.739 52.2727C780.739 42.3465 778.975 33.6762 775.344 26.3474C771.711 18.9861 766.451 13.2904 759.58 9.33529C752.701 5.34524 744.522 3.40906 735.148 3.40906H705.148H702.648V5.90906V99ZM761.368 33.8895L761.37 33.8943C763.645 38.9215 764.83 45.0228 764.83 52.2727C764.83 59.5816 763.63 65.7435 761.325 70.8319C759.047 75.8596 755.622 79.6881 751.019 82.3893C746.444 85.0741 740.535 86.5 733.148 86.5H718.92V18.4091H734.42C741.363 18.4091 746.962 19.8114 751.358 22.4596L751.367 22.4654C755.782 25.0976 759.112 28.8761 761.368 33.8895Z"
stroke="black"
stroke-width="5"
/>
<path
d="M681.646 41.0482L681.639 41.0528C680.01 42.03 678.196 42.5 676.261 42.5C673.346 42.5 670.789 41.4268 668.721 39.3587C666.653 37.2906 665.58 34.7332 665.58 31.8182C665.58 28.9032 666.653 26.3458 668.721 24.2777C668.721 24.2777 668.721 24.2777 668.721 24.2777M681.646 41.0482L668.721 24.2777M681.646 41.0482L681.654 41.0436C683.239 40.077 684.516 38.7857 685.453 37.1913C686.447 35.5536 686.943 33.7447 686.943 31.8182C686.943 28.9032 685.87 26.3458 683.802 24.2777C681.734 22.2096 679.176 21.1364 676.261 21.1364C673.346 21.1364 670.789 22.2096 668.721 24.2777M681.646 41.0482L668.721 24.2777M668.721 71.3686L670.443 73.091L668.721 71.3686C666.653 73.4367 665.58 75.9941 665.58 78.9091C665.58 81.8241 666.653 84.3815 668.721 86.4496L670.476 84.6942L668.721 86.4496C670.789 88.5177 673.346 89.5909 676.261 89.5909C678.196 89.5909 680.01 89.1209 681.639 88.1437L681.646 88.1391L681.654 88.1345C683.239 87.168 684.516 85.8766 685.453 84.2822C686.447 82.6445 686.943 80.8356 686.943 78.9091C686.943 75.9941 685.87 73.4367 683.802 71.3686L682.034 73.1364L683.802 71.3686C681.734 69.3005 679.176 68.2273 676.261 68.2273C673.346 68.2273 670.789 69.3005 668.721 71.3686Z"
stroke="black"
stroke-width="5"
/>
<path
d="M582.318 99V101.5H584.818H595.545H598.045V99V54.8182C598.045 52.0876 598.696 49.7487 599.943 47.7259C601.25 45.626 603.008 43.9915 605.259 42.801L605.259 42.801L605.269 42.7961C607.53 41.5881 610.148 40.9545 613.182 40.9545C614.482 40.9545 615.692 41.0514 616.816 41.2387L616.849 41.2441L616.882 41.2487C618.222 41.4357 618.912 41.555 619.121 41.6071L622.227 42.3837V39.1818V28.2727V26.0102L619.976 25.7851C619.276 25.7151 618.307 25.6679 617.109 25.6372C615.916 25.6065 614.908 25.5909 614.091 25.5909C609.455 25.5909 605.222 26.7909 601.462 29.2177L602.808 31.302L601.462 29.2177C600.046 30.1316 598.784 31.1595 597.682 32.3004V29.1818V26.6818H595.182H584.818H582.318V29.1818V99Z"
stroke="black"
stroke-width="5"
/>
<path
d="M520.129 100.398L520.136 100.402L520.144 100.406C524.115 102.241 528.494 103.136 533.239 103.136C537.535 103.136 541.331 102.497 544.545 101.115C547.533 99.8296 550.05 98.2282 552.011 96.2636V99V101.5H554.511H565.239H567.739V99V53C567.739 47.2174 566.796 42.3275 564.701 38.5217C562.707 34.8993 560.13 32.0726 556.929 30.1714C553.962 28.3921 550.848 27.2032 547.594 26.631C544.584 26.0673 541.854 25.7727 539.42 25.7727C535.675 25.7727 531.885 26.2892 528.056 27.3098C524.108 28.3393 520.47 30.1637 517.154 32.757C513.731 35.4274 511.073 39.0997 509.123 43.6515L508.075 46.0962L510.58 46.9907L520.761 50.6271L522.909 51.3942L523.87 49.3255C524.839 47.239 526.579 45.1413 529.265 43.0709C531.593 41.2761 535.002 40.2272 539.784 40.2272C544.338 40.2272 547.255 41.3711 549.04 43.2003L549.045 43.2059L549.051 43.2114C550.922 45.1057 552.011 47.8868 552.011 51.9091V52.2727C552.011 53.3231 551.698 53.5752 551.425 53.7287L551.413 53.7352L551.402 53.7418C550.649 54.1746 549.134 54.6302 546.56 54.9237C543.896 55.1994 540.438 55.6109 536.193 56.1567L536.187 56.1575C532.87 56.5914 529.57 57.1801 526.286 57.9234C522.899 58.6661 519.77 59.8028 516.914 61.3459C513.903 62.9724 511.476 65.239 509.669 68.1213C507.766 71.1252 506.92 74.8754 506.92 79.1818C506.92 84.1268 508.079 88.5056 510.516 92.1958L510.522 92.2049C512.907 95.7819 516.129 98.5161 520.129 100.398ZM544.369 86.3252L544.36 86.3308C541.917 87.7304 538.795 88.5 534.875 88.5C530.973 88.5 527.969 87.6458 525.695 86.1176C523.703 84.7333 522.648 82.7344 522.648 79.7272C522.648 77.4518 523.245 75.9676 524.166 74.9691C525.321 73.7197 526.877 72.7319 528.929 72.0565L528.938 72.0535L528.947 72.0505C531.202 71.2894 533.648 70.7326 536.289 70.3881L536.292 70.3877C537.424 70.2387 538.909 70.0587 540.751 69.8473L540.768 69.8453L540.786 69.8431C542.686 69.5979 544.63 69.3223 546.619 69.0164L546.634 69.014L546.65 69.0114C548.641 68.6795 550.431 68.2989 552.011 67.8648V73.7272C552.011 76.179 551.379 78.5245 550.071 80.7997L550.066 80.8091L550.06 80.8186C548.824 83.014 546.961 84.8559 544.369 86.3252Z"
stroke="black"
stroke-width="5"
/>
<path
d="M448.741 98.1259L448.749 98.1307L448.757 98.1355C454.092 101.383 460.363 102.955 467.466 102.955C472.45 102.955 477.018 102.187 481.135 100.607L481.143 100.603L481.151 100.6C485.234 98.9997 488.724 96.7529 491.572 93.838L491.577 93.8329L491.582 93.8277C494.428 90.8819 496.464 87.4506 497.672 83.5592L498.433 81.1055L495.96 80.4112L485.596 77.5021L483.386 76.8816L482.58 79.0313C481.786 81.1472 480.689 82.8548 479.314 84.2079C477.921 85.5473 476.253 86.5731 474.274 87.2774C472.308 87.9578 470.048 88.3182 467.466 88.3182C463.507 88.3182 460.148 87.4642 457.309 85.8361C454.49 84.1897 452.255 81.794 450.609 78.56C449.454 76.226 448.684 73.4605 448.345 70.2272H496.375H498.875V67.7272V63.1818C498.875 56.4626 497.987 50.6502 496.115 45.8234C494.279 41.0891 491.77 37.1732 488.534 34.1715C485.385 31.22 481.856 29.0587 477.956 27.7253C474.159 26.4269 470.295 25.7727 466.375 25.7727C459.645 25.7727 453.643 27.4292 448.463 30.8156C443.351 34.1469 439.393 38.7844 436.576 44.6442L436.574 44.6495C433.78 50.4967 432.42 57.1795 432.42 64.6363C432.42 72.0923 433.78 78.7495 436.578 84.5421L436.582 84.5497L436.586 84.5573C439.419 90.3211 443.474 94.8666 448.741 98.1259ZM482.844 55.9545H448.522C448.884 54.0174 449.506 52.1624 450.388 50.3827C451.864 47.404 453.954 45.0087 456.685 43.1616L456.689 43.1586C459.343 41.3553 462.535 40.4091 466.375 40.4091C469.857 40.4091 472.745 41.2069 475.137 42.7084L475.147 42.7146C477.625 44.2535 479.523 46.3412 480.866 49.0271L480.871 49.0358L480.875 49.0445C481.92 51.0944 482.585 53.3892 482.844 55.9545Z"
stroke="black"
stroke-width="5"
/>
<path
d="M345.148 99V101.5H347.648H376.375C386.155 101.5 394.632 99.5713 401.694 95.5864L401.702 95.5821C408.752 91.5721 414.126 85.8333 417.797 78.4284L417.799 78.4245C421.459 71.0073 423.239 62.2625 423.239 52.2727C423.239 42.3465 421.475 33.6762 417.844 26.3474C414.211 18.9861 408.951 13.2904 402.08 9.33529C395.201 5.34524 387.022 3.40906 377.648 3.40906H347.648H345.148V5.90906V99ZM403.868 33.8895L403.87 33.8943C406.145 38.9215 407.329 45.0228 407.329 52.2727C407.329 59.5816 406.13 65.7435 403.825 70.8319C401.547 75.8596 398.122 79.6881 393.519 82.3893C388.944 85.0741 383.035 86.5 375.648 86.5H361.42V18.4091H376.92C383.862 18.4091 389.462 19.8114 393.858 22.4596L393.867 22.4654C398.282 25.0976 401.612 28.8761 403.868 33.8895Z"
stroke="black"
stroke-width="5"
/>
<path
d="M244.251 98.0654L244.257 98.0692C249.461 101.35 255.466 102.955 262.182 102.955C268.896 102.955 274.887 101.351 280.063 98.0676C285.237 94.8042 289.236 90.2451 292.062 84.4669C294.928 78.6677 296.318 71.9734 296.318 64.4545C296.318 56.8784 294.929 50.1404 292.064 44.3113C289.24 38.5028 285.241 33.9256 280.064 30.66C274.888 27.376 268.897 25.7727 262.182 25.7727C255.466 25.7727 249.461 27.3767 244.257 30.658L244.257 30.658L244.251 30.6619C239.105 33.9279 235.109 38.5032 232.256 44.3061L232.256 44.3061L232.252 44.3162C229.419 50.144 228.045 56.8801 228.045 64.4545C228.045 71.9715 229.42 78.6636 232.254 84.4614L232.259 84.4716C235.113 90.2442 239.108 94.8016 244.251 98.0654ZM272.445 85.1786C269.885 87.2119 266.529 88.3182 262.182 88.3182C257.834 88.3182 254.479 87.2119 251.918 85.1786C249.214 83.0307 247.183 80.1926 245.844 76.5845C244.472 72.8879 243.773 68.852 243.773 64.4545C243.773 60.0572 244.471 56.0039 245.846 52.2733C247.187 48.6318 249.222 45.7621 251.93 43.5848C254.49 41.5266 257.841 40.4091 262.182 40.4091C266.522 40.4091 269.873 41.5266 272.434 43.5848C275.142 45.7621 277.176 48.6318 278.518 52.2733C279.892 56.0039 280.591 60.0572 280.591 64.4545C280.591 68.852 279.892 72.8879 278.52 76.5845C277.181 80.1926 275.15 83.0307 272.445 85.1786Z"
stroke="black"
stroke-width="5"
/>
<path
d="M216.67 5.90906V3.40906H214.17H203.443H200.943V5.90906V99V101.5H203.443H214.17H216.67V99V5.90906Z"
stroke="black"
stroke-width="5"
/>
<path
d="M186.295 5.90906V3.40906H183.795H173.068H170.568V5.90906V99V101.5H173.068H183.795H186.295V99V5.90906Z"
stroke="black"
stroke-width="5"
/>
<path
d="M109.116 98.1259L109.124 98.1307L109.132 98.1355C114.467 101.383 120.738 102.955 127.841 102.955C132.825 102.955 137.393 102.187 141.51 100.607L141.518 100.603L141.526 100.6C145.609 98.9997 149.099 96.7529 151.947 93.838L151.952 93.8329L151.957 93.8277C154.803 90.8819 156.839 87.4506 158.047 83.5592L158.808 81.1055L156.335 80.4112L145.971 77.5021L143.761 76.8816L142.955 79.0313C142.161 81.1472 141.064 82.8549 139.689 84.2079C138.296 85.5473 136.628 86.5731 134.649 87.2774C132.683 87.9578 130.423 88.3182 127.841 88.3182C123.882 88.3182 120.523 87.4642 117.684 85.8361C114.865 84.1897 112.63 81.794 110.984 78.56C109.829 76.226 109.059 73.4605 108.72 70.2272H156.75H159.25V67.7272V63.1818C159.25 56.4626 158.362 50.6502 156.49 45.8234C154.654 41.0891 152.145 37.1732 148.909 34.1715C145.76 31.22 142.232 29.0587 138.331 27.7253C134.534 26.4269 130.67 25.7727 126.75 25.7727C120.02 25.7727 114.018 27.4292 108.838 30.8156C103.726 34.1469 99.7679 38.7844 96.9513 44.6442L96.9488 44.6495C94.1551 50.4967 92.7955 57.1795 92.7955 64.6363C92.7955 72.0923 94.1549 78.7495 96.9535 84.5421L96.9572 84.5497L96.9609 84.5573C99.794 90.3211 103.849 94.8666 109.116 98.1259ZM143.219 55.9545H108.897C109.259 54.0174 109.881 52.1624 110.763 50.3827C112.239 47.404 114.329 45.0087 117.06 43.1616L117.064 43.1586C119.718 41.3553 122.91 40.4091 126.75 40.4091C130.232 40.4091 133.12 41.2069 135.512 42.7084L135.522 42.7146C138 44.2535 139.898 46.3412 141.241 49.0271L141.246 49.0358L141.25 49.0445C142.295 51.0944 142.96 53.3892 143.219 55.9545Z"
stroke="black"
stroke-width="5"
/>
<path
d="M2.77274 99V101.5H5.27274H16.5455H19.0455V99V59.8636H63.6818V99V101.5H66.1818H77.4546H79.9546V99V5.90906V3.40906H77.4546H66.1818H63.6818V5.90906V44.8636H19.0455V5.90906V3.40906H16.5455H5.27274H2.77274V5.90906V99Z"
stroke="black"
stroke-width="5"
/>
</svg>
<script>
const logo = document.querySelectorAll("#logo path");
for (let i = 0; i < logo.length; i++) {
console.log(`Leter ${i} total length is ${logo[i].getTotalLength()}`);
}
</script>
</body>
</html>