-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
65 lines (61 loc) · 6.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SVG Animation</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<svg id="logo" width="883" height="113" viewBox="0 0 883 113" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-outside-1" maskUnits="userSpaceOnUse" x="0.470825" y="0.488007" width="882" height="112"
fill="black">
<rect fill="white" x="0.470825" y="0.488007" width="882" height="112" />
<path
d="M18.5748 16.288V49.84H55.1508V60.64H18.5748V95.2H59.4708V106H5.47083V5.48801H59.4708V16.288H18.5748Z" />
<path d="M92.403 95.344H127.539V106H79.299V5.632H92.403V95.344Z" />
<path
d="M218.783 5.632V106H205.679V60.496H154.559V106H141.455V5.632H154.559V49.696H205.679V5.632H218.783Z" />
<path
d="M300.486 83.68H256.71L248.646 106H234.822L271.11 6.208H286.23L322.374 106H308.55L300.486 83.68ZM296.742 73.024L278.598 22.336L260.454 73.024H296.742Z" />
<path
d="M439.998 6.35201V106H426.894V31.696L393.774 106H384.558L351.294 31.552V106H338.19V6.35201H352.302L389.166 88.72L426.03 6.35201H439.998Z" />
<path
d="M475.037 5.632V69.136C475.037 78.064 477.197 84.688 481.517 89.008C485.933 93.328 492.029 95.488 499.805 95.488C507.485 95.488 513.485 93.328 517.805 89.008C522.221 84.688 524.429 78.064 524.429 69.136V5.632H537.533V68.992C537.533 77.344 535.853 84.4 532.493 90.16C529.133 95.824 524.573 100.048 518.813 102.832C513.149 105.616 506.765 107.008 499.661 107.008C492.557 107.008 486.125 105.616 480.365 102.832C474.701 100.048 470.189 95.824 466.829 90.16C463.565 84.4 461.933 77.344 461.933 68.992V5.632H475.037Z" />
<path
d="M590.641 5.632C601.585 5.632 611.041 7.696 619.009 11.824C627.073 15.856 633.217 21.664 637.441 29.248C641.761 36.832 643.921 45.76 643.921 56.032C643.921 66.304 641.761 75.232 637.441 82.816C633.217 90.304 627.073 96.064 619.009 100.096C611.041 104.032 601.585 106 590.641 106H559.393V5.632H590.641ZM590.641 95.2C603.601 95.2 613.489 91.792 620.305 84.976C627.121 78.064 630.529 68.416 630.529 56.032C630.529 43.552 627.073 33.808 620.161 26.8C613.345 19.792 603.505 16.288 590.641 16.288H572.497V95.2H590.641Z" />
<path
d="M692.453 5.632C703.397 5.632 712.853 7.696 720.821 11.824C728.885 15.856 735.029 21.664 739.253 29.248C743.573 36.832 745.733 45.76 745.733 56.032C745.733 66.304 743.573 75.232 739.253 82.816C735.029 90.304 728.885 96.064 720.821 100.096C712.853 104.032 703.397 106 692.453 106H661.205V5.632H692.453ZM692.453 95.2C705.413 95.2 715.301 91.792 722.117 84.976C728.933 78.064 732.341 68.416 732.341 56.032C732.341 43.552 728.885 33.808 721.973 26.8C715.157 19.792 705.317 16.288 692.453 16.288H674.309V95.2H692.453Z" />
<path d="M776.122 5.632V106H763.018V5.632H776.122Z" />
<path
d="M877.367 106H864.263L811.559 26.08V106H798.455V5.48801H811.559L864.263 85.264V5.48801H877.367V106Z" />
</mask>
<path d="M18.5748 16.288V49.84H55.1508V60.64H18.5748V95.2H59.4708V106H5.47083V5.48801H59.4708V16.288H18.5748Z"
stroke="white" stroke-width="10" mask="url(#path-1-outside-1)" />
<path d="M92.403 95.344H127.539V106H79.299V5.632H92.403V95.344Z" stroke="white" stroke-width="10"
mask="url(#path-1-outside-1)" />
<path d="M218.783 5.632V106H205.679V60.496H154.559V106H141.455V5.632H154.559V49.696H205.679V5.632H218.783Z"
stroke="white" stroke-width="10" mask="url(#path-1-outside-1)" />
<path
d="M300.486 83.68H256.71L248.646 106H234.822L271.11 6.208H286.23L322.374 106H308.55L300.486 83.68ZM296.742 73.024L278.598 22.336L260.454 73.024H296.742Z"
stroke="white" stroke-width="10" mask="url(#path-1-outside-1)" />
<path
d="M439.998 6.35201V106H426.894V31.696L393.774 106H384.558L351.294 31.552V106H338.19V6.35201H352.302L389.166 88.72L426.03 6.35201H439.998Z"
stroke="white" stroke-width="10" mask="url(#path-1-outside-1)" />
<path
d="M475.037 5.632V69.136C475.037 78.064 477.197 84.688 481.517 89.008C485.933 93.328 492.029 95.488 499.805 95.488C507.485 95.488 513.485 93.328 517.805 89.008C522.221 84.688 524.429 78.064 524.429 69.136V5.632H537.533V68.992C537.533 77.344 535.853 84.4 532.493 90.16C529.133 95.824 524.573 100.048 518.813 102.832C513.149 105.616 506.765 107.008 499.661 107.008C492.557 107.008 486.125 105.616 480.365 102.832C474.701 100.048 470.189 95.824 466.829 90.16C463.565 84.4 461.933 77.344 461.933 68.992V5.632H475.037Z"
stroke="white" stroke-width="10" mask="url(#path-1-outside-1)" />
<path
d="M590.641 5.632C601.585 5.632 611.041 7.696 619.009 11.824C627.073 15.856 633.217 21.664 637.441 29.248C641.761 36.832 643.921 45.76 643.921 56.032C643.921 66.304 641.761 75.232 637.441 82.816C633.217 90.304 627.073 96.064 619.009 100.096C611.041 104.032 601.585 106 590.641 106H559.393V5.632H590.641ZM590.641 95.2C603.601 95.2 613.489 91.792 620.305 84.976C627.121 78.064 630.529 68.416 630.529 56.032C630.529 43.552 627.073 33.808 620.161 26.8C613.345 19.792 603.505 16.288 590.641 16.288H572.497V95.2H590.641Z"
stroke="white" stroke-width="10" mask="url(#path-1-outside-1)" />
<path
d="M692.453 5.632C703.397 5.632 712.853 7.696 720.821 11.824C728.885 15.856 735.029 21.664 739.253 29.248C743.573 36.832 745.733 45.76 745.733 56.032C745.733 66.304 743.573 75.232 739.253 82.816C735.029 90.304 728.885 96.064 720.821 100.096C712.853 104.032 703.397 106 692.453 106H661.205V5.632H692.453ZM692.453 95.2C705.413 95.2 715.301 91.792 722.117 84.976C728.933 78.064 732.341 68.416 732.341 56.032C732.341 43.552 728.885 33.808 721.973 26.8C715.157 19.792 705.317 16.288 692.453 16.288H674.309V95.2H692.453Z"
stroke="white" stroke-width="10" mask="url(#path-1-outside-1)" />
<path d="M776.122 5.632V106H763.018V5.632H776.122Z" stroke="white" stroke-width="10"
mask="url(#path-1-outside-1)" />
<path d="M877.367 106H864.263L811.559 26.08V106H798.455V5.48801H811.559L864.263 85.264V5.48801H877.367V106Z"
stroke="white" stroke-width="10" mask="url(#path-1-outside-1)" />
</svg>
<script src="app.js"></script>
</body>
</html>