-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
137 lines (133 loc) · 6.71 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
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Yae Miko</title>
<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="./style.css">
<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">
<script src="https://kit.fontawesome.com/f4e6cce133.js" crossorigin="anonymous"></script>
</head>
<body>
<header>
<a href="index.html"><img class ="logo" src ="./images/logo.png" alt ="logo"></a>
<nav>
<ul class="nav-links">
<li><a href="about.html">About</a></li>
<li><a href="builds.html">Builds</a></li>
<li><a href="#">Lorem Ipsum</a></li>
<li><a href="#">Lorem Ipsum</a></li>
</ul>
</nav>
<!-- <a class="cta" href="index.html"><button>Home</button></a> -->
</header>
<button id="back-to-top-btn"><i class="fa-solid fa-chevron-up"></i></button>
<script src="script.js"></script>
<section class="container">
<img class ="main-image" src="./images/YAE REDESIGN1.png" alt="">
<img class ="border" src="./images/YAE BORDER.png" alt="">
</section>
<br><br><br><br><br><br>
<selection>
<div class="main-text reveal">
<div class="text-container">
<div class= "fade-in reveal">
<hr>
<br>
<img class ="gif-one" src="https://c.tenor.com/ypQParogJBIAAAAC/genshin-impact-yae.gif" alt="">
<p>
The head shrine maiden in charge of Grand Narukami Shrine and a
descendant of Kitsune lineage, Eternity's servant and friend,
and the intimidating editor-in-chief of Yae Publishing House,
a publisher of light novels.
<br><br>
There's no need to uncover her every facet, as they are all reflective of Yae Miko.
Yet, all the same, they are not revealing of her true nature.
Like fragments of a mirror, each attitude reflects a different version of her.
By being enveloped in many identities, she has become a brilliant diamond surrounded by countless mirrors.
<br><br>
There are hundreds of facets: solemn or cheerful, sympathetic or aloof.
But if the kitsune watches humans, <em>where will her destiny lead?</em>
</p>
</hr>
<hr>
<script src="script.js"></script>
</div>
</div>
</div>
</div>
</selection>
<div class="divider">
<img class="divider-image" src="./images/dividers/divider1.png" alt="">
</div>
<selection>
<div class="main-text-two reveal">
<div class="text-container-two">
<div class= "fade-in-two reveal">
<br>
<img class ="gif-two" src="https://64.media.tumblr.com/2c7e9c903ebb50bc018178f57168f21a/be513234f3fba0af-52/s540x810/933544121f85b4a01f2cb0ce91bd9895c8ab9f54.gif" alt="">
<p>
Miko has a mysterious demeanor around her whenever she assumes her duties as the Guuji of the Grand Narukami Shrine.
As a kitsune and youkai, she's very mischievous, including in her roles as Guuji and owner of Yae Publishing House.
<br><br>
She couples this mischievous streak with impressive skills of manipulation and reading people.
As such her tricks and pranks are usually elaborate, long-winded affairs towards rather simple ends,
which she does out of enjoyment and the fact that she enjoys watching people squirm
<br><br>
She is one of Ei's only friends who survived the ravages of time.
She tends to call the Shogun by her true name, Ei.
Ei herself also calls Miko by her first name, signifying their closeness and friendship.
</p>
<hr>
<script src="script.js"></script>
</div>
</div>
</div>
</div>
</selection>
<div class="divider2">
<img class="divider-image" src="./images/dividers/divider1.png" alt="">
</div>
<selection>
<div class="main-text-three reveal">
<div class="text-container-three">
<div class= "fade-in-three reveal">
<hr>
<br>
<img class ="gif-three" src="https://c.tenor.com/Zh1fBvWFvVkAAAAd/yae-miko-yae-smug.gif" alt="">
<p>
In her regular form, Miko has purple eyes and long, muted pink hair that is tied at the bottom.
She also has fox ears, while notably lacking a tail in this form, they briefly appear as a set of
five translucent tails on certain abilities.
<br><br>
Miko wears a unique and stylized variation of clothing inspired by the colors of a shrine priestess' traditional outfit.
She wears a golden head accessory accompanied by matching golden earrings.
The right earring contains an Electro Inazuman Vision wrapped in a complex drop-shaped piece and
decorated by a small fan-shaped accessory at the bottom. The earrings are attached to her ears by diamond-shaped studs.
Being a kitsune, Miko also has a fox form, although she refuses to reveal it to the Traveler.
</p>
</hr>
<hr>
<script src="script.js"></script>
</div>
</div>
</div>
</div>
</selection>
<div class="divider3">
<img class="divider-image" src="./images/dividers/divider1.png" alt="">
</div>
<div class="fox reveal">
<img class="fox-image" src="./images/fox-1.gif" alt="">
<script src="script.js"></script>
</div>
<br><br><br><br><br><br><br><br><br><br><br>
<footer id = "footer">
<div class="footer-container">
<span><a href="https://github.com/Spelljinxer" target="_blank"><img class ="footer-image" src="./images/footer/github_img.png" alt=""></a></span>
<span><a href="https://anilist.co/user/Kyokino/" target="_blank"><img class ="footer-image" src="./images/footer/anilist.png" alt=""></a></span>
<span><a href="https://i.imgur.com/DvlPOQf.png" target="_blank"><img class ="footer-image" src="./images/footer/discord.png" alt=""></a></span>
</div>
</footer>
</body>
</html>