-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
305 lines (280 loc) · 15.4 KB
/
about.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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
<!--AUTHOR: Spelljinxer-->
<!---yes i did this-->
<!-- ⠄⠄⠄⢰⣧⣼⣯⠄⣸⣠⣶⣶⣦⣾⠄⠄⠄⠄⡀⠄⢀⣿⣿⠄⠄⠄⢸⡇⠄⠄
⠄⠄⠄⣾⣿⠿⠿⠶⠿⢿⣿⣿⣿⣿⣦⣤⣄⢀⡅⢠⣾⣛⡉⠄⠄⠄⠸⢀⣿⠄
⠄⠄⢀⡋⣡⣴⣶⣶⡀⠄⠄⠙⢿⣿⣿⣿⣿⣿⣴⣿⣿⣿⢃⣤⣄⣀⣥⣿⣿⠄
⠄⠄⢸⣇⠻⣿⣿⣿⣧⣀⢀⣠⡌⢻⣿⣿⣿⣿⣿⣿⣿⣿⣿⠿⠿⠿⣿⣿⣿⠄
⠄⢀⢸⣿⣷⣤⣤⣤⣬⣙⣛⢿⣿⣿⣿⣿⣿⣿⡿⣿⣿⡍⠄⠄⢀⣤⣄⠉⠋⣰
⠄⣼⣖⣿⣿⣿⣿⣿⣿⣿⣿⣿⢿⣿⣿⣿⣿⣿⢇⣿⣿⡷⠶⠶⢿⣿⣿⠇⢀⣤
⠘⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣽⣿⣿⣿⡇⣿⣿⣿⣿⣿⣿⣷⣶⣥⣴⣿⡗
⢀⠈⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡟⠄
⢸⣿⣦⣌⣛⣻⣿⣿⣧⠙⠛⠛⡭⠅⠒⠦⠭⣭⡻⣿⣿⣿⣿⣿⣿⣿⣿⡿⠃⠄
⠘⣿⣿⣿⣿⣿⣿⣿⣿⡆⠄⠄⠄⠄⠄⠄⠄⠄⠹⠈⢋⣽⣿⣿⣿⣿⣵⣾⠃⠄
⠄⠘⣿⣿⣿⣿⣿⣿⣿⣿⠄⣴⣿⣶⣄⠄⣴⣶⠄⢀⣾⣿⣿⣿⣿⣿⣿⠃⠄⠄
⠄⠄⠈⠻⣿⣿⣿⣿⣿⣿⡄⢻⣿⣿⣿⠄⣿⣿⡀⣾⣿⣿⣿⣿⣛⠛⠁⠄⠄⠄
⠄⠄⠄⠄⠈⠛⢿⣿⣿⣿⠁⠞⢿⣿⣿⡄⢿⣿⡇⣸⣿⣿⠿⠛⠁⠄⠄⠄⠄⠄
⠄⠄⠄⠄⠄⠄⠄⠉⠻⣿⣿⣾⣦⡙⠻⣷⣾⣿⠃⠿⠋⠁⠄⠄⠄⠄⠄⢀⣠⣴
⣿⣿⣿⣶⣶⣮⣥⣒⠲⢮⣝⡿⣿⣿⡆⣿⡿⠃⠄⠄⠄⠄⠄⠄⠄⣠⣴⣿⣿⣿ -->
<!DOCTYPE html>
<html>
<head>
<meta name = "viewport>" content = "width=device-width, initial-scale=1.0">
<title>Ganyu Feet Pics</title>
<link rel = "stylesheet" href = "style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,600;0,800;1,400;1,600&display=swap" rel="stylesheet">
<link rel = "stylesheet" href = "https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css">
</head>
<body>
<section class = "sub-header">
<nav>
<a href = "index.html"><img src = "images/logo.png"></a>
<div class="nav-links" id = "navLinks">
<i class="fa fa-times" onclick="hideMenu()"></i>
<ul>
<li><a href = "./index.html">HOME</a></li>
<li><a href = "./about.html">ABOUT</a></li>
<li><a href = "./pics.html">FEET PICS</a></li>
<li><a href = "">BUILDS</a></li>
</ul>
</div>
<i class="fa fa-bars" onclick = "showMenu()"></i>
</nav>
<h1>About Ganyu</h1>
</section>
<!--About Ganyu Content-->
<section class="about-ganyu">
<div class="row">
<div class="about-ganyu-col">
<h1>Appearance</h1>
<p>A half-human, half-adeptus hybrid. She is a young woman with pale blue hair, fading into a darker shade at the end.
Her hair is styled in a layered, chin-length cut with two shoulder-length locks in front and the back section left long.
<br><br>
Though she mostly resembles a human, she has black-red horns that bend back along her hair, similar to how a goat's horns look, with brighter red markings on them. Many people confuse it as a headdress, a misconception that Ganyu actively encourages.
She has purple multicolored heterochromatic eyes that fade into pink then gold.
<br><br>
Her outfit consists of a black bodysuit with gold accents on the legs underneath a white and purple bodice with long ends similar to a tailcoat, with a separated pair of sleeves to match. The bodysuit meets at the back of her neck to make a bow.
She has white heels with gold accents and gray bottoms, with red knots around her ankles.
</p>
<a href = "" target = "_blank" class = "hero-btn blue-btn" >BUTTON 1</a>
</div>
<div class="about-ganyu-col">
<img src = "images/about2.png">
</div>
</div>
</section>
<section class="about-ganyu">
<div class="row">
<div class="about-ganyu-col">
<img src = "images/gifs/ult.gif">
</div>
<div class="about-ganyu-col">
<h1>Personality</h1>
<p>Ganyu is usually very quiet and reserved due to her half-qilin heritage.
She also completes whatever is given to her, whether it be tasks or food, even if she is reluctant to do so.
<br><br>
Ganyu has served as the non-stopping secretary of the Liyue Qixing for thousands of years.
The more important the task is, the more effort she puts into it, but she also becomes increasingly nervous and is more prone to making mistakes
</p>
<a href = "" target = "_blank" class = "hero-btn blue-btn">BUTTON 1</a>
</div>
</div>
</section>
<section class="about-ganyu">
<div class="row">
<div class="about-ganyu-col">
<h1>Amos' Bow</h1>
<p>An extremely ancient bow that has retained its power despite its original master being long gone.
It draws power from everyone and everything in the world, and the further away you are from that which your heart desires, the more powerful it is.
<br><br>
Base Attack (Level 1 - 90) : 46 - 608
<br>
Ascension Stat (Level 1 - 90): 10.8% - 49.6%;
<br>
Rarity: 5 Stars
<br>
Weapon Effect: Increases Normal Attack and Charged Attack DMG by 12%/15%/18%/21%/24% (Refinements).
After a Normal or Charged Attack is fired, DMG dealt increases by a further 8%/10%/12%/14%/16% (Refinement) every 0.1 seconds the arrow is in the air for up to 5 times.
</p>
<a href = "" target = "_blank" class = "hero-btn blue-btn" >BUTTON 1</a>
</div>
<div class="about-ganyu-col">
<img src = "images/gifs/amos1.gif">
</div>
</div>
</section>
<section class ="abilities">
<h1>Abilities</h1>
<div class = "row">
<div class="abilities-col">
<h3>Liutian Archery</h3>
<img src = "images/about/abi1.png">
<h5>Normal Attack</h5>
<p>
Perform up to 6 consecutive shots with a bow. </p>
<br>
<h5>Charged Attack</h5>
<br>
<p>
Perform a more precise Aimed Shot with increased DMG.
While aiming, an icy aura will accumulate on the arrowhead before the arrow is fired. Has different effects based on how long the energy has been charged:<br>
Charge Level 1: Fires off an icy arrow that deals Cryo DMG.<br>
Charge Level 2: Fires off a Frostflake Arrow that deals Cryo DMG. The Frostflake Arrow blooms after hitting its target, dealing AoE Cryo DMG.</p>
<br>
<h5>Plunging Attack</h5>
<br>
<p>
Fires off a shower of arrows in mid-air before falling and striking the ground, dealing AoE DMG upon impact.
</p>
</div>
<div class="abilities-col">
<h3>Trail of the Qilin</h3>
<img src = "images/about/abi2.png">
<p>
Fires off a shower of arrows in mid-air before falling and striking the ground, dealing AoE DMG upon impact.
</p>
<br>
<h5>Ice Lotus</h5>
<br>
<p>
Continuously taunts surrounding opponents, attracting them to attack it.<br>
Endurance scales based on Ganyu's Max HP.<br>
Blooms profusely when destroyed or once its duration ends, dealing AoE Cryo DMG.
</p>
</div>
<div class="abilities-col">
<h3>Celestial Shower</h3>
<img src = "images/about/abi3.png">
<p>
Coalesces atmospheric frost and snow to summon a Sacred Cryo Pearl that exorcises evil.<br>
During its ability duration, the Sacred Cryo Pearl will continuously rain down shards of ice, striking opponents within an AoE and dealing Cryo DMG.
</p>
</div>
</div>
</section>
<section class ="abilities">
<h1>Talents</h1>
<div class = "row">
<div class="abilities-col">
<h3>Undivided Heart</h3>
<img src = "images/about/talent1.png">
<p>
<h5>Talent Type: 1st Ascension Passive
<br><br>
Category: Passive
</h5>
</p>
<p>
After firing a Frostflake Arrow, the CRIT Rate of subsequent Frostflake Arrows and their resulting bloom effects is increased by 20% for 5s.
</p>
</div>
<div class="abilities-col">
<h3>Preserved for the Hunt</h3>
<img src = "images/about/talent2.png">
<p>
<h5>Talent Type: Utility Passive
<br><br>
Category: Passive
</h5>
</p>
<p>
Refunds 15% of the ores used when crafting Bow-type weapons.
</p>
</div>
<div class="abilities-col">
<h4>Harmony Between Heaven and Earth</h4>
<img src = "images/about/talent3.png">
<p>
<h5>Talent Type: 4th Ascension Passive
<br><br>
Category: Passive
</h5>
</p>
<p>
Celestial Shower grants a 20% Cryo DMG Bonus to active members in the AoE.
</p>
</div>
</div>
</section>
<section class="constellation">
<h1>Constellations</h1>
<div class="row-2">
<div class="constellation-col">
<img src = "images/about/c1.png">
<div>
<p>Taking DMG from a Charge Level 2 Frostflake Arrow or Frostflake Arrow Bloom decreases opponents' Cryo RES by 15% for 6s.<br>
A hit regenerates 2 Energy for Ganyu. This effect can only occur once per Charge Level 2 Frostflake Arrow, regardless if Frostflake Arrow itself or its Bloom hit the target.</p>
<h3>C1: Dew-Drinker</h3>
</div>>
</div>
<div class="constellation-col">
<img src = "images/about/c2.png">
<div>
<p>Trail of the Qilin gains 1 additional charge.</p>
<h3>C2: The Auspicious</h3>
</div>>
</div>
</div>
<div class="row-2">
<div class="constellation-col">
<img src = "images/about/c3.png">
<div>
<p>Increases the Level of Celestial Shower by 3.<br>
Maximum upgrade level is 15.</p>
<h3>C3: Cloud-Strider</h3>
</div>>
</div>
<div class="quotes-col">
<img src = "images/about/c4.png">
<div>
<p>Opponents standing within the AoE of Celestial Shower take increased DMG. This effect strengthens over time.<br>
Increased DMG taken begins at 5% and increases by 5% every 3s, up to a maximum of 25%.<br>
The effect lingers for 3s after the opponent leaves the AoE.</p>
<h3>C4: Westward Sojourn</h3>
</div>>
</div>
</div>
<div class="row-2">
<div class="constellation-col">
<img src = "images/about/c5.png">
<div>
<p>Increases the Level of Trail of the Qilin by 3.<br>
Maximum upgrade level is 15.</p>
<h3>C5: The Merciful</h3>
</div>>
</div>
<div class="constellation-col">
<img src = "images/about/c6.png">
<div>
<p>Using Trail of the Qilin causes the next Frostflake Arrow shot within 30s to not require charging.</p>
<h3>C6: The Clement</h3>
</div>>
</div>
</div>
</section>
<!-------------------------------------------FOOTER------------------------------------------------------------------------->
<section class="footer">
<h4>Spelljinxer</h4>
<p>The page and all the code are the sole property of Spelljinxer. However, I do not own the rights to any of the images listed on this site. <br> All images and artworks belong to their respective owners.</p>
<div class="icons">
<a href = "https://anilist.co/user/Kyokino/" target = "_blank"><img src = "images/socials/ANILIST.png"></a>
<a href = "https://i.imgur.com/TyPSTwb.png" target = "_blank"><img src = "images/socials/DISCORD.png"></a>
<a href = "https://github.com/Spelljinxer" target = "_blank"><img src = "images/socials/github.png"></a>
</div>
</section>
<section class="banner">
<p>Footer</p>
</section>
<!--JavaScript Code-->
<script>
var navLinks = document.getElementById("navLinks");
function showMenu() {
navLinks.style.right = "0";
}
function hideMenu() {
navLinks.style.right = "-200px";
}
</script>
</body>
</html>