-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathneapolitan.html
40 lines (37 loc) · 11.4 KB
/
neapolitan.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
<htmllang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SVG Animation - Neapolitan</title>
<meta name="description" content="Lorem ipsum description of this page.">
<link rel="stylesheet" href="css/neapolitan.css">
</head>
<body>
<div id="neapolitan-wrapper">
<svg id="neapolitan-pathanim" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1142.05 354.51">
<defs>
<clipPath id="logo">
<path data-ignore="true" d="M383 169.64a17.37 17.37 0 0 0-.71-3.79c-.28-.5-1-.46-1.53.08A53.51 53.51 0 0 1 360 180.54c2.75-15.72 10.31-32.2 19.86-45a5.31 5.31 0 0 0 .71-5.91c-3.54-4.16-12.58-11.09-17.82-13.62a9.83 9.83 0 0 0-7.44-.63c-4.31-5.38-11.22-10.1-17.41-11.31-5.67-1-10.23-.23-15.73 1.85-17.28 6.52-34 19.66-45.65 35.33-7.23 9.55-11.08 18.11-12.25 25.46-14.86 15-32.1 23.6-47.44 24.4a35 35 0 0 1-10.77-1 39.76 39.76 0 0 1 0-9.45c16.79-6 31.23-13.13 40.35-19.48 15.77-11 20.7-19.22 20.38-25.33-.31-5.86-3.86-10.27-9.71-14.81-7.69-10.32-13.16-12.33-20-12-17.32.91-41.47 17.49-54.75 37.09-10.18 15.34-12.93 31.06-8.65 39.52 4.29 8.71 12.35 16.46 20.19 19.88 4.45 2.07 9.59 2.82 16.22 2.47 17.72-.93 38.56-13 54.69-30a20.66 20.66 0 0 0 2.78 6c3.32 4.93 6.55 8.08 11.79 10.62 10.39 8.14 16 8.1 22.22 5 7-3.43 15.72-11.8 25.54-24.32-1.53 14.64 3.29 23.83 14.75 23.23 17.06-.89 33.43-15 39.34-24 1.64-2.33 1.8-3.88 1.8-4.89zm-132.17-41.09c.9 7.36-2.32 14.17-13.1 22.9-5.86 5.16-16.76 11.6-27.72 16.77 7.74-18.01 25.24-35.02 40.82-39.67zm83.77 19.87c-11.38 16.68-24.55 28.61-37.24 34.89-1.52-19.33 22.45-49.18 50.49-59.85a253 253 0 0 0-13.24 24.96z" stroke="#fff" stroke-miterlimit="10" stroke-width=".1"/><path data-ignore="true" d="M672.18 153.46c-.28-.5-1-.46-1.53.08-11.84 12.88-21 17.45-29.14 18.89-.58-6.1 3.37-18.56 17.69-42.55 54.46-91.21 60.68-104 60.14-114.49-.43-8.15-8-11.58-16.36-15-2.34-.9-3.59-.32-4.77 1.53-17.05 27-37.53 60.78-65.89 109.56-8.43 7.53-18 12.86-30.76 14.5a49.64 49.64 0 0 0 .19-6.14c-.48-9.17-4.19-16.63-11.21-19.07-3.58-4.92-13.78-9.49-22.18-9.05-15.07.79-32.75 14.48-44.88 29.7a96.16 96.16 0 0 1-20.3 7.93 62.46 62.46 0 0 0 .15-6.9c-.36-6.88-4.27-13.31-10.62-17.57-3.24-3.4-9.26-6.15-16.39-5.78a76.82 76.82 0 0 0-23 4.78c-2-3.47-7.21-6-15-8.66-2.6-.89-4.58.24-6.5 2.64-4.77 6.38-12.54 19-27.75 45.38-24.35 42.13-44.42 83-49.36 96-4.48 12-6.6 20.26-.73 25.06 3.74 3.12 11.46 4.25 17.13 5.23 3.86.56 5.87-.05 7.2-4 3.74-11.43 17.18-37.67 41.55-84.15 5.44 6.35 11.56 11.14 21.24 10.63 13.75-.72 32.76-13.21 45.23-28.67 7-8.54 11.88-17 14.52-25a148.74 148.74 0 0 0 14.37-4.88c-10.89 19.54-7.22 36.24 3.63 46.93 7.25 6.77 14.61 10.73 25.56 10.15 19.61-1 37.46-16 48.58-37.78a85.94 85.94 0 0 0 6.32-15.91 60.46 60.46 0 0 0 23.37-8.73l-2.19 3.79c-8.19 14.22-13 29.54-12.5 39.21.44 8.4 4 12.56 8.76 16.14 5.31 3.81 11.06 6.32 17.42 6 11.71-.61 26.14-12.86 37.24-30 1.66-2.39 1.84-3.93 1.78-4.94a27.63 27.63 0 0 0-1.01-4.86zm-245.37 14.9l7.47-13.41c7-2.92 18.6-5.57 31.24-8-10.72 9.73-25.08 18.4-38.71 21.41zm50.05-34c-12.92 2-24.59 3.33-34.45 5.38l6.31-11.06c14-9.67 26-14.9 36.13-17.21 1.15 6.53-1.54 14.35-7.99 22.86zM543 172.49c-1.66-7.32 1.2-16.15 6.34-25.1a127.19 127.19 0 0 1 19.55-26.56c.36 6.88 5.06 13.78 15.89 15.77-8.93 15.52-24.99 30.66-41.78 35.89zm46.57-46.87c-7-1.68-9.77-6.13-10-11.48-.05-1 .16-1.8.13-2.31a33.42 33.42 0 0 1 7.45-4c2.33.64 3.75 3.38 3.94 6.94a34.38 34.38 0 0 1-1.48 10.8zM750 65.36c5.35-.28 9.14-1 13.32-4 2.21-1.65 6.57-6.22 12.1-12.63 2.87-3.73 3-6.54 1-9.5-2.51-4-8.07-7.75-14.57-10-1.3-.44-1.8-.16-2.49 1.15a294.68 294.68 0 0 1-18.15 28.79c-1.43 1.86-1.35 3.39-.28 4.36 1.42 1.22 6.56 1.97 9.07 1.83z"/><path data-ignore="true" d="M846.57 80.22c4-1.23 5.49-2.33 6.46-3.4a12.62 12.62 0 0 0 1.46-6.21c-.07-1.27-.84-1.49-4.15-1.31-4.32.48-10.67 1.07-18.52 2.25 8.66-15 13.54-24.2 13.22-30.31-.28-5.35-4.29-8.71-10.56-11.45s-10.94-4-13-3.92c-1.78.09-2.48 1.41-5.7 8.21-5.06 10.74-15.18 27.1-25.56 43.47-7.34 1.15-14.44 2.29-20.76 3.39-3.28.68-4.53 1.26-4.44 3s1.12 6.84 2.25 8.82c1.15 2.49 4.53 3.59 11.38 2.72-7.32 11.36-13.93 21.67-18.14 29-20.6 30.68-35.89 40.92-47.77 43.08 1.29-14.37 19.77-41.89 31.15-58.58 8-12.17 6.63-19.75.09-22.73-3.4-1.61-11.12-2.74-18.13-4.92-3.36-.85-4.09 0-6.85 5.72-3.21 7.06-11.64 21.55-24.67 40.87-14 20.65-17.2 32.31-11.6 41.72 1.7 3.23 5.18 6.37 9.69 9.45 4.49 2.83 10.24 5.34 15.84 5 12.87-.67 29.77-17.45 42.41-33.95-.77 5.88.14 10.19 2.19 12.72 7.38 9.32 16.4 15.74 26.59 15.2 16-.84 32.06-16.75 38.44-26.53 1.66-2.39 1.84-3.93 1.78-4.95A17.36 17.36 0 0 0 819 143c-.28-.5-1-.46-1.53.08-9.21 9.42-21.14 15.66-29.8 16.12a22.45 22.45 0 0 1-4.35-.28c7-18 25.73-49.87 39.38-72 9.33-2.28 17.88-4.77 23.91-6.62zM1075.33 133.09c-.09-1.78-.9-2.51-2.37-1.41-13.74 10.68-24.76 14.83-29.6 15.09a7.56 7.56 0 0 1-2.57-.38c7.27-17.23 18.46-32.63 23.89-45.94 4.75-11.74 3.38-18.31-1.9-21.6-6.08-4-10.52-5.83-13.58-5.67-2.8.15-6.3 1.61-11.47 5.2-5.67 3.87-13.47 10.92-22.92 20.61 2.94-7.3 4.46-12.23 4.32-15-.24-4.58-2.1-6-9.23-10.5-4.49-2.83-9.7-4.85-12.5-4.71-5 .27-10.23 7.57-35 44.22l-.71 1-.11.16c-16.53 24.24-27.25 33.71-38.3 36.84.39-7.17 4.41-18.1 8.94-29.07 7.28-17 9.05-22.18 8.88-25.49-.15-2.8-2.85-5.72-8.86-8.22-7.83-3.16-12.48-4.2-14.77-4.08-2.8.15-4 1.23-5.44 3.35-4.44-6.66-11.16-13.21-18.8-12.8-14.52.76-39 15.07-54.46 37.58-13.29 19.34-13.11 32.35-7 41.73 6.67 10.38 17.3 18.24 27.48 17.71 8.15-.43 19-8.65 31.7-28.47-3.19 21.87 5.82 28.3 17.54 27.68 12.05-.63 24.8-9.1 36.43-22a19.49 19.49 0 0 0-.13 3.29c.28 5.35 4 9 9.2 10 6.19 1.21 12.16 2.94 15.47 2.76 2.55-.13 5.48-2.59 10-9.46 19.59-30.65 36.59-47.37 49.42-56-3.07 9.61-13.14 22.14-20.1 40.38a18.32 18.32 0 0 0 2.18 17.25c3.31 4.68 11.22 9.37 19.36 8.94 12.22-.64 30.73-12.85 42.41-23.93 2.43-2.41 2.76-6 2.6-9.06zM862.14 153.2c-3.48-17.69 20.62-49.85 46-58.08-17.04 35.63-31.25 51.95-46 58.08zM3.36 224.88a3.67 3.67 0 0 1-2.36-.63 3 3 0 0 1-1-2.37c-.13-2.39 1.66-6.31 3.18-9.17 29.75-55.29 89.9-151.86 113-178.66 3-3.38 5.44-4.59 8.27-4.19a56.24 56.24 0 0 1 18.7 6.52c7 4.18 8.42 10.29 5.66 25.14-2.46 16.6-6.53 38.54-10.83 61.78-1.45 7.81-2.94 15.86-4.4 23.89C158.85 109.17 184.79 76.12 216 37c3.32-4.22 6.33-6.24 13.55-5.51 1.45.09 2.48.6 2.88 1.45a2.37 2.37 0 0 1-.5 2.51c-46.07 64.82-78.44 116.11-99 156.78-4.34 8.55-7 11.25-13.68 13.77-11.66 4.31-18.06 6.08-22.84 6.33-3.48.18-5.81-.53-7.3-2.23-2-2.3-2.42-6.52-1.25-12.9 5.44-32.28 13.14-72.46 20.68-107.93C82.14 124 53 166.93 21.81 216.76c-3.26 5.06-12.65 7.83-18 8.11z"/>
</clipPath>
</defs>
<g fill="none" stroke="#ffffff" stroke-miterlimit="3" stroke-width="30" clip-path="url(#logo)">
<path d="M0.2876,240.202 C1.2876,238.536 14.2876,210.202 40.2876,169.869 C66.2876,129.536 102.2876,72.536 109.6206,64.869 C116.9546,57.202 122.2876,50.869 127.6206,52.869 C132.9546,54.869 134.9546,60.202 134.6206,65.869 C134.2876,71.536 134.2876,81.869 132.6206,88.536 C130.9546,95.202 129.6206,103.536 128.2876,110.202 C126.9546,116.869 123.9546,128.869 122.9546,134.869 C121.9546,140.869 119.6206,151.536 118.2876,158.536 C116.9546,165.536 112.6206,176.419 115.9546,179.143 C119.2876,181.869 121.9546,181.202 126.6206,175.536 C131.2876,169.869 154.2876,134.869 174.9546,106.536 C195.6206,78.202 220.6846,42.614 231.9866,26.242 C243.2876,9.869 252.6206,0.536 252.6206,0.536" id="Stroke-1"></path>
<path d="M190.2876,174.202 C207.2876,171.202 224.5416,166.536 237.2476,158.869 C249.9546,151.202 262.6206,143.536 262.6206,134.202 C262.6206,124.869 261.2876,114.869 252.6206,112.869 C243.9546,110.869 209.9546,117.536 199.9546,147.536 C189.9546,177.536 195.6206,186.202 202.2876,190.536 C208.9546,194.869 224.6206,196.536 242.9546,186.202 C261.2876,175.869 264.6206,173.202 277.6206,159.202 C290.6206,145.202 292.9546,137.924 310.2876,126.896 C327.6206,115.869 336.9546,110.017 345.9546,111.609 C354.9546,113.202 356.9546,114.536 356.9546,114.536 C356.9546,114.536 327.9546,99.587 299.2876,137.869 C270.6206,176.151 283.2876,184.202 290.6206,186.869 C297.9546,189.536 297.2876,189.085 312.2876,179.143 C327.2876,169.202 348.6206,154.536 356.9546,143.536 C365.2876,132.536 368.6206,120.483 368.6206,120.483 C368.6206,120.483 357.0426,123.076 355.0626,135.536 C353.0826,147.995 344.9546,173.752 347.9546,179.143 C350.9546,184.536 357.6206,186.869 366.9546,181.202 C376.2876,175.536 391.6206,159.202 392.9546,155.536" id="Stroke-3"></path>
<path d="M454.9541,86.869 C454.9541,86.869 404.9541,172.869 392.9541,200.369 C380.9541,227.869 363.9541,272.869 363.9541,272.869" id="Stroke-5"></path>
<path d="M425.4541,120.369 C425.4541,120.369 455.9541,104.103 474.9541,102.736 C493.9541,101.369 492.9541,99.869 494.9541,117.869 C496.9541,135.869 483.4541,153.369 467.9541,163.369 C467.9541,163.369 447.4541,180.869 432.4541,173.369 C417.4541,165.869 411.9541,156.369 425.4541,147.869 C438.9541,139.369 449.4541,141.369 481.4541,134.369 C513.4541,127.369 539.9541,114.869 552.4541,107.869 C564.9541,100.869 586.4541,99.937 586.4541,99.937 C586.4541,99.937 548.4541,92.64 534.4541,129.754 C520.4541,166.869 534.9541,181.919 543.9541,179.143 C552.9541,176.369 581.9271,167.661 589.9401,150.764 C597.9541,133.869 602.2891,117.927 598.4541,111.609 C594.6191,105.292 573.9541,94.869 578.9541,106.869 C583.9541,118.869 588.4541,131.369 610.9541,124.869 C633.4541,118.369 657.4541,107.369 680.4541,67.869 C703.4541,28.369 714.4541,7.869 710.9541,6.869 C707.4541,5.869 628.4541,133.897 628.4541,152.634 C628.4541,171.369 627.6171,188.722 646.9541,179.869 C666.2911,171.016 681.4541,142.869 681.4541,142.869" id="Stroke-7"></path>
<path d="M741.9541,70.869 C741.9541,70.869 727.4541,110.098 720.4541,120.483 C713.4541,130.869 688.4541,162.392 700.9541,166.631 C713.4541,170.869 722.4541,173.869 739.4541,156.869 C756.4541,139.869 809.4541,78.837 819.4541,63.602 C829.4541,48.369 843.4541,27.869 836.4541,34.369 C829.4541,40.869 788.5611,105.098 782.5081,120.483 C776.4541,135.869 757.4541,153.869 774.4541,158.869 C791.4541,163.869 797.4541,162.369 807.4541,154.869 C817.4541,147.369 826.4541,133.869 826.4541,133.869" id="Stroke-9"></path>
<path d="M926.4541,101.5292 C921.4541,94.8692 920.4541,82.8692 900.9541,83.8692 C881.4541,84.8692 850.9541,102.3692 848.4541,124.3692 C845.9541,146.3692 847.9411,161.8692 859.1981,160.8692 C870.4541,159.8692 886.4541,143.1952 906.4541,122.3622 C926.4541,101.5292 939.5411,87.3712 934.4541,83.8692 C929.3671,80.3672 901.9541,138.8692 908.4541,149.3692 C914.9541,159.8692 922.6561,159.3692 935.5551,150.3692 C948.4541,141.3692 1013.4541,82.8692 1015.9541,75.1192 C1018.4541,67.3692 1016.9541,44.8692 996.9541,83.8692 C976.9541,122.8692 964.4541,147.8692 964.4541,147.8692 C964.4541,147.8692 1003.9541,109.3692 1020.4541,96.8692 C1036.9541,84.3692 1048.4541,75.8692 1053.9541,83.8692 C1059.4541,91.8692 1038.4541,117.1392 1033.4541,129.7542 C1028.4541,142.3692 1020.4541,154.8692 1035.9541,152.3692 C1051.4541,149.8692 1068.8911,139.7772 1074.4541,133.8692 C1080.0171,127.9612 1086.9541,121.8692 1086.9541,121.8692" id="Stroke-11"></path>
<path d="M779.9541,23.9188 C773.4541,31.8688 749.4541,66.3688 749.4541,66.3688" id="Stroke-13"></path>
<path d="M764.7041,83.869 L867.4541,66.369" id="Stroke-15"></path>
</g>
</svg>
</div>
<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>
<script src="vivus/dist/vivus.js"></script>
<script src="js/neapolitan.js"></script>
</body>
</html>