-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
72 lines (68 loc) · 5.09 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<title>My Blog</title>
</head>
<body>
<div id="app"></div>
<section class="slogan">
</section>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 218.5 198.9" enable-background="new 0 0 218.5 198.9" xml:space="preserve">
<g id="tale">
<polygon fill="#F8E52F" stroke="#000000" stroke-miterlimit="10" points="214.6,43.8 122.3,19.4 122.3,60 131.7,88.7 112.3,103.1
131.7,130.3 116.9,150.1 122.3,166.1 150.1,135.5 135.1,110.6 153.9,96 145.5,67 186.8,88 "/>
<line fill="none" stroke="#000000" stroke-miterlimit="10" x1="145.5" y1="67" x2="186.8" y2="88"/>
<path fill="#5D3617" stroke="#050606" stroke-miterlimit="10" d="M141.5,145.1l8.6-9.5l-6.2-10.4l-6,0.6
C139.3,132.6,140.5,139.1,141.5,145.1z"/>
<path fill="#F28D3A" d="M136.6,43.7c4.6,8.4,2.6,24.7,6.2,33.7c0.6,6.2-1,11.7-4.7,16.4c0.7-0.8,1.4-1.7,2-2.6l11.3,6.3l1.8-1.8
L144.7,66l42.1,21.5l2.2-3.6l-41.6-44.4C143.9,41.1,140.3,42.5,136.6,43.7z"/>
<polygon fill="none" stroke="#000000" stroke-miterlimit="10" points="214.6,43.8 122.3,19.4 122.3,60 131.7,88.7 112.3,103.1
131.7,130.3 116.9,150.1 122.3,166.1 150.1,135.5 135.1,110.6 153.9,96 145.5,67 186.8,88 "/>
<path fill="#F28D3A" d="M130.7,21.6l-8.3-2.2v13.7c1,0.4,2.1,0.7,3.1,1.1c3.2-2.8,6.5-5.4,9.8-7.8L130.7,21.6z"/>
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M130.7,21.6l-8.3-2.2v13.7c1,0.4,2.1,0.7,3.1,1.1
c3.2-2.8,6.5-5.4,9.8-7.8c1.2-0.9,2.5-1.8,3.7-2.7L130.7,21.6z"/>
</g>
<g id="pikachu">
<path fill="#F8E52F" stroke="#000000" stroke-miterlimit="10" d="M172.4,108.9l1-3.3l-6.4,0.9l-26.7-15.1
c-4.8,6.9-11.9,11.6-20.2,15.2c16.1-6.5,24.1-16.3,22.9-29c-3.6-9.1-1.6-25.4-6.2-33.7c20.8-6.7,39-19.8,54.6-39.5
c-23.9,1.4-45.7,12.3-66.1,29.9c-16.1-6.4-41-7.5-49.7-2.1c-27.7-3.9-53-4.4-72.3,3.5c15.1,9.4,33.3,15.4,59.2,12.6
c-2.3,11.4-7.1,19.8-8.1,25.1c-2,10,6.9,19.4,16.7,30.6C56.5,89,50.7,78.4,56.4,67.3l-8.6-8.5l-1.5-5.3l-2.5,2l-4.5-5.2l-0.8,3.5
l-4.3-0.8v4h-3.5l1.5,3l-2.5,2l3.5,5.3c5.4,25.5,11.8,42.3,19.2,50.9c-7.6,34.5-12.8,65.8,2.5,67.8c-5.9,0.6-8.3,4.4-9.6,9.1
c9.7-0.5,17.8-3.7,24.8-9.1c19.7-1.7,39.2-1.8,58.7,0c4.9,6.4,18.3,11,20.1,9.5c0.1,0,1.5-4-6.9-12.5c4.1-3.1,2.3-27-4-57.2l28.3-3
l4,0.5l-1.4-3.3l4.8-0.4l-2.3-3.5l4.3-1.3l-3.3-2.2l3.1-1.5L172.4,108.9z"/>
<path stroke="#000000" stroke-miterlimit="10" d="M22.7,30.8c-7,1-13.4,2.6-19.4,5C12.6,41.6,23,46,35.6,48
C26.1,42.8,21.5,36.1,22.7,30.8z"/>
<path stroke="#000000" stroke-miterlimit="10" d="M172.7,7.1c-0.4,9.2-3.8,16.8-9.2,23.3c10.1-6.9,19.5-15.7,28.1-26.5
C185.1,4.4,178.8,5.4,172.7,7.1z"/>
<path fill="#F28D3A" d="M58.5,113.9c-5.5-2.8-11.7-10.8-18.3-21.1c3.8,11.7,8,20.2,12.6,25.5c-0.6,2.8-1.2,5.6-1.8,8.3
C53.9,121.2,56.5,116.5,58.5,113.9z"/>
<g>
<path fill="#F28D3A" d="M136.8,116.3c0,0,1,7.7,0.1,8.9l28.3-3C152.2,121.9,141.9,120.1,136.8,116.3z"/>
<path fill="#F28D3A" d="M137.9,125.2C138,125.4,138,125.4,137.9,125.2L137.9,125.2z"/>
</g>
<path fill="#F28D3A" d="M90.7,114.4c5.4,0.9,10.8,0.9,16.2,0C101.7,120.7,95.3,120.2,90.7,114.4z"/>
<ellipse fill="#ED1D2E" stroke="#050606" stroke-width="1.1218" stroke-miterlimit="10" cx="63.3" cy="77.8" rx="8.2" ry="9.9"/>
<ellipse fill="#ED1D2E" stroke="#050606" stroke-width="1.1218" stroke-miterlimit="10" cx="132.5" cy="84.7" rx="8.2" ry="9.9"/>
<path stroke="#000000" stroke-miterlimit="10" d="M82.1,71.6c0.5,1.1,13.1,3.5,16.7-1.4c5.2,5.7,18.1,4.7,18.2,3.7l-5.1,3.1
c-3.3,8.9-7.3,16.8-14.4,21.3c-4.7-1.6-8.5-10.7-11.8-24.4L82.1,71.6z"/>
<polyline stroke="#000000" stroke-miterlimit="10" points="97.4,63.3 99.5,64 101,63.3 99.5,61.9 98,63 "/>
<ellipse stroke="#000000" stroke-miterlimit="10" cx="75.5" cy="55.7" rx="6.6" ry="6.9"/>
<ellipse stroke="#000000" stroke-miterlimit="10" cx="124.1" cy="59.9" rx="6.6" ry="6.9"/>
<ellipse fill="#FFFFFF" cx="77.3" cy="52.9" rx="3.8" ry="3.4"/>
<ellipse fill="#FFFFFF" cx="122.9" cy="56.3" rx="3.8" ry="3.4"/>
<path fill="#F28D3A" d="M141.4,182.6c1-0.7,1.7-2.7,2-5.3c-7.4,2.7-16.7,2-26.7,0.1c-12.1-2.9-23.4-3.5-33.1,0.5
c-16.1,2-31.4,2.8-37.9-7.5c0.4,8.8,3.3,14.5,9.8,15.1c0,0-1.5,0.7-2.4,1.1c3.8,1,5.1,2.2,6.7,4.6c3.8-1.5,7-3.4,10.2-5.9
c19.4-1.7,39.9-1.7,59.1,0.1c1.2,1.5,4.3,3.9,4.3,3.9c0-0.4,4.6-5.6,10.8-3.5L141.4,182.6z"/>
<path fill="#F26E80" stroke="#050606" stroke-width="1.1218" stroke-miterlimit="10" d="M87.3,80.3c2.9,10.1,6.2,16.6,10.1,17.9
c5.9-3.7,9.8-9.9,12.8-17.1C102.1,73.1,94.5,73.5,87.3,80.3z"/>
</g>
</svg>
<script src="build/bundle.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.4/TweenMax.min.js"></script>
<script src="build/animation.js"></script>
</body>
</html>