This repository has been archived by the owner on Sep 19, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
156 lines (142 loc) · 7.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
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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lumine Aiperion</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Signika:wght@700&display=swap">
<link rel="stylesheet" href="./style.css">
</head>
<body>
<header>
<div class="jumbotron jumbotron-fluid p-4">
<div class="container">
<div class="row d-flex">
<div class="col-md-4 attack">
</div>
<div class="col-md-8 defense">
<div class="d-flex">
<h1 class="signika mb-0">Lumine Apeiron</h1>
</div>
<q>earth rooted and skybound.</q>
<p class="my-4">
Lumine is Aether’s older sister (by a few minutes, anyway) and it shows. She’s hot headed, fierce and protective, always chasing and kicking anyone who dared mess with Aether or any of her friends. Of course, such behavior was usually frowned upon, so she tried her best to police herself, but she still swears a lot and can’t cover up when anything annoys her. Despite that, she’s a great friend, always ready to lend an ear or a shoulder to cry on. Lumine’s love language is gift giving and she loves to go shopping, so everyone’s birthday gift is guaranteed. She also has a wild side, often explored in her OnlyFans account for only $9.99. If you want any free content that involves her swearing and raging, you can always come to her stream, where she’s often throwing off quizzical innuendos and swears whenever she dies on a Hades run.
</p>
<hr>
<h2 class="signika">abilities</h2>
<div class="d-flex">
<ul>
<li><b>sword</b> - intermediate sword fighting </li>
<li><b>stone tomb</b> - earth meteorite geo skill </li>
<li><b>stone wall</b> - stone wall geo skill </li>
</ul>
<ul class="ml-auto">
<li><b>surge</b> - anemo hurricane skill </li>
<li><b>vortex</b> - anemo vortex skill </li>
</ul>
</div>
</div>
</div>
</div>
</div>
</header>
<main>
<section id="infos-1" class="container-fluid">
<div class="row d-flex sticky-wrapper">
<div class="col-md-6 col-sm-6 d-flex" id="info">
<h2 class="signika">info</h2>
<ul>
<li><b>age</b> - 20</li>
<li><b>gender</b> - cis woman</li>
<li><b>sexuality</b> - pansexual</li>
<li><b>occupation</b> - OnlyFans creator, streamer, guardian, </li>
<li><b>vision</b> - anemo/geo</li>
<li><b>guardian family</b> - liyue adepti</li>
<li><b>weapon type</b> - sword</li>
</ul>
</div>
<div class="col-md col-sm ml-auto d-flex" id="games">
<h2 class="signika">games</h2>
<ul>
<li class="hearts4"> - ac:nh</li>
<li class="hearts5"> - hades</li>
<li class="hearts3"> - tlou</li>
<li class="hearts4"> - fe:3h</li>
<li class="hearts4"> - ow</li>
<li class="hearts2"> - dota2</li>
</ul>
</div>
</div>
</section>
<section id="infos-2" class="container-fluid">
<div class="row d-flex sticky-wrapper justify-content-center ">
<div class="col-md-4 col-sm-12 d-flex" id="historia">
<h2 class="signika">history</h2>
<p>
Lumine and Aether’s upbringing was a complicated one - more often than not denied of their individuality and constantly traveling around, never making roots anywhere. The only thing that never changed for her was Aether and she was also the only thing that never changed for them. So, obviously, when Lumine started seeing specters, it was no surprise that Aether followed. Maybe it was the infamous twin connection, but soon enough it was confirmed to both of them that no one was crazy - Amber showed up soon enough in a flurry of flames.<br>
After that, it was like if the sands of time started running and they were introduced to the guardian world and ended up separating due to Lumine’s natural gift for Geo. She was taken in by the adepti, training under the watchful eye of the Vigilant Yaksha, while living in the Wangshen Funeral Parlour’s backroom, courtesy of Hu Tao. Nowadays, she tries to balance her training, her OF and her streams along with visiting Aether from time to time.
</p>
</div>
<div class="col-md-4 col-sm-12 d-flex" id="appearance">
<h2 class="signika">appearance</h2>
<p>
Lumine usually keeps her hair chopped at shoulder length, sometimes letting her side bangs get longer than the rest of her hair just for kicks. Like Aether, she’s considered pretty - shiny golden hair, big and alluring eyes and (mostly) delicate looking. Lumine’s legs are a different story - they’re one of her strongest (literally and figuratively) assets and she’s not shy about exploiting her so-called “Absolute Territory” for money. Her wardrobe is usually composed of either very comfortable and long hoodies and sweaters or form-fitting co-ords and dresses.
</p>
</div>
</div>
</section>
<section id="infos-3" class="container-fluid">
<div class="row d-flex sticky-wrapper justify-content-center p-2" id="extra">
<div class="col-md border-right">
<p class="signika text-center">strenghts</p>
<ul>
<li>fast reflexes</li>
<li>great hand-eye coordination </li>
<li>multitasker</li>
<li>strong high kick</li>
</ul>
</div>
<div class="col-md border-right">
<p class="signika text-center">weaknesses</p>
<ul>
<li>feasy to aggravate</li>
<li>driven by emotions</li>
<li>multitasker</li>
<li>not good at throwing punches</li>
</ul>
</div>
<div class="col-md border-right">
<p class="signika text-center">likes</p>
<ul>
<li>aether</li>
<li>monster energy</li>
<li>shopping</li>
</ul>
</div>
<div class="col-md border-right">
<p class="signika text-center">dislikes</p>
<ul>
<li>childe</li>
<li>of leakers</li>
<li>league of legends</li>
</ul>
</div>
<div class="col-md">
<p class="signika text-center">fears</p>
<ul>
<li>losing aether</li>
<li>being forgotten</li>
<li>not being taken seriously</li>
<li>loneliness</li>
</ul>
</div>
</div>
</section>
</main>
<footer>
</footer>
</body>
</html>