-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
50 lines (44 loc) · 2.84 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Shinji Hirako - Sakanade</title>
<link rel="stylesheet" href="styles.css">
</head>
<body id="body">
<img class="background-image" id="backgroundImage" src="./bg1.png" alt="Background">
<div class="container" id="content">
<h1>Shinji Hirako (平子 真子)</h1>
<img class="profile-img" src="./pfp.png" alt="Shinji Hirako">
<p>
Shinji Hirako (平子 真子, Hirako Shinji) is the captain of the 5th Division in the Gotei 13. His lieutenant is Momo Hinamori. He also served as a recruiter
and the de facto leader of the Visored. He was also a captain over 100 years ago prior to his exile and was reinstated to his old post sometime after the
battle against Sōsuke Aizen.
</p>
<h2 class="section-title">Character Details</h2>
<ul>
<li><strong>Role:</strong> Captain of the 5th Division, Former Leader of the Visored</li>
<li><strong>Affiliation:</strong> Soul Society, Gotei 13</li>
<li><strong>Species:</strong> Shinigami-Hollow Hybrid (Visored)</li>
<li><strong>Zanpakutō:</strong> Sakanade (逆撫, Counter Stroke)</li>
<li><strong>Shikai:</strong> Collapse (倒れろ, taorero)</li>
<li><strong>Shikai Special Ability:</strong> Sakasama no Sekai (逆様の世界, Inverted World)</li>
<li><strong>Bankai:</strong> Sakashima Yokoshima Happōfusagari (逆様邪八宝塞, Reversed Evil Eight Treasure Blockade)</li>
</ul>
<h2 class="section-title">Shikai Special Ability</h2>
<p>
Sakanade's primary technique, "Sakasama no Sekai" (Inverted World), inverts the opponent's perception of direction, making left appear right, up seem down,
and forward become backward. This disorients the opponent, allowing Shinji to control the battlefield.
</p>
<button class="invert-btn" id="invertButton">Experience Shikai</button>
</div>
<div class="overlay" id="overlay">
<span class="letter">Y</span><span class="letter">o</span><span class="letter">k</span><span class="letter">o</span><span class="letter">s</span><span class="letter">o</span>,
<span class="letter">s</span><span class="letter">a</span><span class="letter">k</span><span class="letter">a</span><span class="letter">s</span><span class="letter">a</span><span class="letter">m</span><span class="letter">a</span>
<span class="letter">n</span><span class="letter">o</span>
<span class="letter">s</span><span class="letter">e</span><span class="letter">k</span><span class="letter">a</span><span class="letter">i</span>
</div>
<script src="script.js"></script>
</body>
</html>