-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
129 lines (116 loc) · 6.94 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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HUI interaction</title>
<link rel="icon" href="favicon.ico" />
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" href="src/static/css/main.css">
</head>
<body>
<div>
<div class="navBar">
<div class="icon">HUI</div>
</div>
</div>
<div class="svgContainer">
<svg viewBox="0 0 672.64 672.64">
<path style="fill:none" transform="translate(1.26 81.28)"
d="M251.21-70.68A336.13,336.13,0,0,0,64.88,455.22q2.49,3.36,5.05,6.65a336,336,0,0,0,465.31,63.36q12.07-9,23.21-18.86A336.48,336.48,0,0,0,510.13-32.15,337.38,337.38,0,0,0,251.21-70.68ZM510-31.9a335.8,335.8,0,0,1,48.28,538.05Q547.12,516,535.06,525a335.67,335.67,0,0,1-464.9-63.3q-2.56-3.29-5-6.64A336.16,336.16,0,0,1,251.28-70.4,337.14,337.14,0,0,1,510-31.9Z" />
<path transform="translate(1.26 81.28)"
d="M346.85,210.45a46,46,0,0,1,27.41,20.35l.21-.12a46.33,46.33,0,0,0-83.7,10.73l.21.07A46.18,46.18,0,0,1,346.85,210.45Z" />
<path transform="translate(1.26 81.28)"
d="M308,292.37l-.13.19a46.35,46.35,0,0,0,60.66-5.6l-.15-.15A46.19,46.19,0,0,1,308,292.37Z" />
<path transform="translate(1.26 81.28)"
d="M239.48,310.64a109.86,109.86,0,0,1-11.32-83.87l.12-.43-.21-.05-.12.42A110.79,110.79,0,0,0,306.3,362l.06-.21A109.81,109.81,0,0,1,239.48,310.64Z" />
<path transform="translate(1.26 81.28)"
d="M413.81,177.37a111.75,111.75,0,0,1,16.83,22.08A109.82,109.82,0,0,1,442,283.32a111.18,111.18,0,0,1-8.83,22.89l.15.15a111.9,111.9,0,0,0,8.9-23,110.75,110.75,0,0,0-28.23-106.14Z" />
<path transform="translate(1.26 81.28)"
d="M161.57,279.86a175.3,175.3,0,0,0,36.29,84.59l.16-.13a176.69,176.69,0,0,1-12.92-18.65A176,176,0,0,1,380.94,85c3.28.87,6.53,1.85,9.74,2.9l.11-.19A176.17,176.17,0,0,0,161.57,279.86Z" />
<path transform="translate(1.26 81.28)"
d="M510.09,230.37a175.84,175.84,0,0,1-111,188.94l.08.2A176.33,176.33,0,0,0,501.53,195l-.2.08A176,176,0,0,1,510.09,230.37Z" />
<path transform="translate(1.26 81.28)"
d="M410.19,497.53a252.58,252.58,0,0,1-306.77-138.8l-.2.09a252.81,252.81,0,0,0,307,138.92q10.8-3.37,21.16-7.68l-.08-.2Q421,494.14,410.19,497.53Z" />
<path transform="translate(1.26 81.28)"
d="M529.87,95.3a252.81,252.81,0,0,0-271-80.46,255.27,255.27,0,0,0-39,15.86l.1.19a254.84,254.84,0,0,1,39-15.84A252.58,252.58,0,0,1,563,147.86l.2-.09A252.08,252.08,0,0,0,529.87,95.3Z" />
<path transform="translate(1.26 81.28)"
d="M346.85,210.45a46,46,0,0,1,27.41,20.35l.21-.12a46.33,46.33,0,0,0-83.7,10.73l.21.07A46.18,46.18,0,0,1,346.85,210.45Z" />
<path transform="translate(1.26 81.28)"
d="M308,292.37l-.13.19a46.35,46.35,0,0,0,60.66-5.6l-.15-.15A46.19,46.19,0,0,1,308,292.37Z" />
<path transform="translate(1.26 81.28)"
d="M70.9,461.11c-1.71-2.21-3.41-4.43-5-6.62A335.38,335.38,0,0,1,48.93,80.62C54.49,71.5,60.56,62.55,67,54L67,54l-.19-.15,0,.06c-6.4,8.54-12.47,17.49-18,26.61a335,335,0,0,0,17,374.14c1.61,2.17,3.3,4.4,5,6.62a336,336,0,0,0,42.48,45.21l0,.05.16-.18,0-.05A336.26,336.26,0,0,1,70.9,461.11ZM659.81,171.44A336.66,336.66,0,0,0,552.8.05l-.06,0-.16.18.06.05A336.34,336.34,0,0,1,659.58,171.5a336.08,336.08,0,0,1-38.39,258c-4.45,7.29-9.27,14.55-14.35,21.58l0,.06.19.13,0-.06c5.07-7,9.9-14.29,14.35-21.59a336.34,336.34,0,0,0,38.42-258.15Z" />
<circle cx="336.32" cy="336.32" r="4.29" />
</svg>
</div>
<div>
<div class="component" onclick="location.href='/HUI/rocket'">
<div class="componentTitle">Rocket Animation</div>
<hr class="componentLine" />
<button class="componentBtn">DEMO</button>
</div>
<div class="component" onclick="location.href='/HUI/parallax'">
<div class="componentTitle">Parallax Effect</div>
<hr class="componentLine" />
<button class="componentBtn">DEMO</button>
</div>
<div class="component" onclick="location.href='/HUI/christmas'">
<div class="componentTitle">Merry Christmas</div>
<hr class="componentLine" />
<button class="componentBtn">DEMO</button>
</div>
<div class="component" onclick="location.href='/HUI/horizontalPage'">
<div class="componentTitle">HorizontalPage scrolling</div>
<hr class="componentLine" />
<button class="componentBtn">DEMO</button>
</div>
<div class="component" onclick="location.href='/HUI/clipPath'">
<div class="componentTitle">Clip-path Effect</div>
<hr class="componentLine" />
<button class="componentBtn">DEMO</button>
</div>
<div class="component" onclick="location.href='/HUI/light'">
<div class="componentTitle">Power Of Light</div>
<hr class="componentLine" />
<button class="componentBtn">DEMO</button>
</div>
<div class="component" onclick="location.href='/HUI/3dParallax'">
<div class="componentTitle">3D Parallax</div>
<hr class="componentLine" />
<button class="componentBtn">DEMO</button>
</div>
<div class="component" onclick="location.href='/HUI/glassMorphism'">
<div class="componentTitle">GlassMorphism</div>
<hr class="componentLine" />
<button class="componentBtn">DEMO</button>
</div>
<div class="component" onclick="location.href='/HUI/cursorEffect'">
<div class="componentTitle">Cursor Effects</div>
<hr class="componentLine" />
<button class="componentBtn">DEMO</button>
</div>
<div class="component" onclick="location.href='/HUI/wave'">
<div class="componentTitle">Wave Animation</div>
<hr class="componentLine" />
<button class="componentBtn">DEMO</button>
</div>
<div class="component" onclick="location.href='/HUI/textLoading'">
<div class="componentTitle">Text Loading</div>
<hr class="componentLine" />
<button class="componentBtn">DEMO</button>
</div>
<div class="component" onclick="location.href='/HUI/letter'">
<div class="componentTitle">Letter Animation</div>
<hr class="componentLine" />
<button class="componentBtn">DEMO</button>
</div>
<div class="component" onclick="location.href='/HUI/birthdayLetter'">
<div class="componentTitle">Birthday Letter</div>
<hr class="componentLine" />
<button class="componentBtn">DEMO</button>
</div>
<div class="cursor" color="#D475E5"></div>
</div>
</body>
<script src="src/static/js/main.js"></script>
<script src="src/static/js/cursor.js"></script>
</html>