-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
157 lines (152 loc) · 19.6 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
<!DOCTYPE html>
<html>
<head lang="en">
<title>Boop</title>
<link rel="icon" type="image/png" href="images/logo.png">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="script.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="Boop" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://boop.website" />
<meta property="og:image" content="https://boop.website/images/logo.png" />
<meta property="og:description" content="It's my about me page, wazzituya" />
<meta property="og:site_name" content="Boop" />
<meta property="og:locale" content="en" />
<meta property="og:locale:alternate" content="en_NZ" />
<meta property="og:locale:alternate" content="en_US" />
<meta property="og:locale:alternate" content="en_GB" />
<meta property="og:locale:alternate" content="en_AU" />
<meta name="description" content="Personal website for the elustrious Boop"/>
</head>
<body>
<!-- Header Section -->
<header>
<nav>
<h1><a href="index.html">Boop</a></h1>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<div class="menu-icon">☰</div>
</nav>
</header>
<!-- Main Content Section -->
<main>
<section>
<div style="height: 45vh;"></div>
<h1 class="i-am">Who am I?</h1>
<div style="height: 55vh;"></div>
<h3 class="i-am">I am... Me</h1>
<p class="i-am">
Yep. What else could I be?
<br><br><br><br><br><br><br><br>
But I also like to put labels onto things, it's part of the human condition.
<br><br><br>
So without further ado, here's my labels:<br>
<sub>(for the record my name, Ai, is said like the letter i)</sub>
</p>
</section>
<div class="mobile-spacer"></div>
<section>
<img src="images/WebsiteGameDesign.png" class="spread">
<img src="images/WebsiteVREnthusiast.png" class="spread">
<img src="images/WebsiteMusicEnjoyer.png" class="spread">
<img src="images/WebsiteLitRPG.png" class="spread">
</section>
<section>
<h2 class="dope-af">Cool, right?</h2>
<p class="i-am">
Yeah, maybe not. But! I don't care.<br>
Some other kewl deets about me:<br>
Agender<br>
Asexual<br>
Interested<br>
Computer Scientist<br>
Pixel artist<br>
Low poly 3D artist<br>
Kool (CAPITAL K) person<br>
Debatee<br>
Philosophist<br>
<em>Professional</em> Discord moderator<br>
Uni Student<br>
Ask me about my music and litRPG recommendations >:3<br>
Techie<br>
Musician producer<br>
Coke(acola) addict<br>
Scottish<br>
Lives in New Zealand<br>
Non-Americans say I have an american accent<br>
Americans say I don't have an american accent<br>
Programmer<br>
</p>
<h2 class="i-am">LitRPG</h2>
<p class="i-am">
LitRPG means literature Role Playing Game, which isn't like a pick a path book or a tabletop roleplaying game. It's a sub-genre of progression fantasy, which is a sub-genre of fantasy.<br>
First, progression fantasy is a genre where there is some form of progression system. In cultivation novels that would be the essence that they cultivate.<br>
In litRPG, that progression system would be an RPG system of some form. Usually it consists of stats and levels, but it's pretty unspecific.<br>
<br>
A couple good examples of very unique and effective litRPG systems would be Beneath The Dragoneye Moons and He Who Fights With Monsters.<br>
Beneath The Dragoneye Moons' system is unique because each person only gets a very limited amount of skills. It works so well for a book series because it really shows who Elaine (the MC) is at any point, she has to use the skills to decide who she wants to be. It's so interesting.<br>
He Who Fights With Monsters' system is based around ranks. There's a common turn of phrase in the book: "Tyranny of rank". Essentially each of the 5 ranks is exponentially more powerful than the next, it makes for a really interesting society along with personal growth.<br>
<br>If you're a fan of litRPG <a href="contact.html">I'd LOVE to talk</a>.
</p>
<h2 class="i-am">Best Music Ever</h2>
<p class="i-am">
<br><a href="https://www.youtube.com/playlist?list=OLAK5uy_ljNS8YDklSZnzj2Ub8_UzwHeG7FWQ6TWI">Youtube</a> <a href="https://music.youtube.com/playlist?list=OLAK5uy_k1AolFP1kwiJrM7P2s59dArngg6bdaXi0&si=rVWel0NNg_FRrqCL">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/6Per97deaWqrJlKQNX8RGK?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<br><a href="ttps://youtube.com/playlist?list=OLAK5uy_nkO6bclrbwNIPJPLU9v3uUxGVxEatwhqU&si=I_dnulEFysopnoCl">Youtube</a> <a href="https://music.youtube.com/playlist?list=OLAK5uy_msEy2MKADlj45BRZN-IJcJPyi1Z98bD9M&si=OfohezH8Qzyq4SXp">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/1AcEefqM581yXb7fo0YFyx?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<br><a href="https://youtube.com/playlist?list=OLAK5uy_lW4sY0wTMFlsX_L5DIDORfoAcPlfuvCCw&si=mkxb3FxDelSAwz4k">Youtube</a> <a href="https://music.youtube.com/playlist?list=OLAK5uy_k_FKSK_ztWrxLAieS2Q9m7Mkbw5UhclWw&si=ijWng8m7RygB1jjb">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/3Ks0eeH0GWpY4AU20D5HPD?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<br><a href="https://youtube.com/playlist?list=OLAK5uy_n5nJNW_o_8ipDg_YNzqFWPHOZwiJB41kU&si=4rcOikChFOM_OU_X">Youtube</a> <a href="https://music.youtube.com/playlist?list=OLAK5uy_nyXi-qVeV5QF9CdzjHicQ11l4RX0SBbxo&si=vlUkoLpvwNtTWxHx">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/5UkdU2EuwWI43isnwU4kZn?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<br><a href="https://youtube.com/playlist?list=OLAK5uy_kBbKV0HhRFyBipMjJnGVUw5hz_g2Dk6wU&si=5GzZBnFTp14vr2Tq">Youtube</a> <a href="https://music.youtube.com/playlist?list=OLAK5uy_m5aUwbtwV-nY7Tj-i_ivUQ-X5YIc0HDXI&si=cf2cp26R3ecOaysN">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/5L1RkN1nh5m18ZuXCktUbc?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<br><a href="https://youtube.com/playlist?list=PLDCdjwiC90TGNwIVOUU_mKmThxmYPcKZr&si=-6VWfQLmaUIdyOH4">Youtube</a> <a href="https://music.youtube.com/playlist?list=OLAK5uy_lnweRNCgBTHU2Wm-w6zlJX0hELCYSlZ2Y&si=OmB8EfIjiW85Iu2z">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/7ycBtnsMtyVbbwTfJwRjSP?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<br><a href="https://youtube.com/playlist?list=OLAK5uy_nfaeV1HQCPIDcsjqCR4eH7jT65VMKgUI0&si=OkCSTv6utuIjCs7_">Youtube</a> <a href="https://music.youtube.com/playlist?list=OLAK5uy_mpqbVrWEtdqlc3FMX7CH84n5rtsUHDWQ4&si=ltgL1JlLab8l_60J">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/6vAKENvwUSLMUAWYruV9sw?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<br><a href="https://youtube.com/playlist?list=OLAK5uy_m6dmwQDFxST3uNyfc17B5IUOuROeKzjFM&si=P5WQmWIzBEhVG4je">Youtube</a> <a href="https://music.youtube.com/playlist?list=OLAK5uy_mCSHnOZ5d566LXt_DZFeFINWz2XC-FvEA&si=uoHeAj2ZhG-vpIDN">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/6XV76W17coHAKFdeyiGT08?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<br><a href="https://youtube.com/playlist?list=OLAK5uy_muGRzN77E4K2743cbFZuzN2_7nwdWP5Ak&si=uICJL11tJ6JUhFbY">Youtube</a> <a href="https://music.youtube.com/playlist?list=OLAK5uy_ndrLmRNRDartbiK9mu4nMmIUXJW2lqWkA&si=Q4hZnr6Y9UNHnF90">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/5zhcFEb2pttIfOzgKmxW6Q?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<br><a href="https://www.youtube.com/watch?v=54WaVgdR9Tc">Youtube</a> <a href="https://music.youtube.com/watch?v=54WaVgdR9Tc&si=rpoZUmdR_ccMokRg">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/2FQKpBA2aLzkgvIV7WwazZ?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<br><a href="https://youtube.com/playlist?list=OLAK5uy_nHWHAxxZJQZfkShF8pgl6-dTc5IxUmbeI&si=__7XHMmTbtDvpY0W">Youtube</a> <a href="https://music.youtube.com/playlist?list=OLAK5uy_lg_jdD4fShdhzOrXDKaUi09fHPZ303GgI&si=KGRw_eI9QjgO12Iw">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/4RsjXMHyCUigESP74GkNHB?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<br><a href="https://youtube.com/playlist?list=OLAK5uy_mNZXtfG4freLYr3Bnj_8-NSdVU6EGz5XI&si=3hwA1yIesW0Lt7x5">Youtube</a> <a href="https://music.youtube.com/playlist?list=OLAK5uy_lobXs6XFQE8-ONafpKUlfH2ejR17Ht2GY&si=_qWFOV5_6SNh7APH">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/210jZAFGgxCqc0GNEKL5Fz?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<br><a href="https://youtube.com/playlist?list=PL2V0xqhjq7Xc6-Q9y0-y9gYJImAWKiMEy&si=Ke34HXK_bHoyG81-">Youtube</a> <a href="https://music.youtube.com/playlist?list=OLAK5uy_k5jkMevCyRKgnLZq6W5S7S8jJV9BrNsjM&si=NS3q5ODCOQaEpCSy">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/0lkwZqM1WiswhJfah8tuUm?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<br><a href="https://youtube.com/playlist?list=OLAK5uy_nD5Hxgg8J4O2Ml3RaO_DGp_V_Q_cIqIR0&si=MoO4baMETqIfaFUU">Youtube</a> <a href="https://music.youtube.com/playlist?list=OLAK5uy_kB32oX1mwRljHaWYFJYvKOigEkimlB_nM&si=wRfgt1qMIBNwZMJL">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/5ghZK3FUJXhNJR5Haf6koU?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<br><a href="https://youtube.com/playlist?list=OLAK5uy_ketQcdBWaGs-oaC8rhLQ0YUdcbqp7jTuc&si=HBqw_F508B3eGXQa">Youtube</a> <a href="https://music.youtube.com/playlist?list=OLAK5uy_maCo7Mu3Q2louG2a5i8vTu2g8ImxF2zgI&si=PHqkDyvOjBfWUZba">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/3ddMQ2PZjiD8Zxm0lu92rb?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<br><a href="https://youtube.com/playlist?list=OLAK5uy_l76z-cuZI3TaMeNBZ-fkcfid9iN88LLNQ&si=kfdZWVU2YyW5MwY0">Youtube</a> <a href="https://music.youtube.com/playlist?list=OLAK5uy_mZxagQg9Xad37LLOt4tT_dV32BVjsRv1w&si=kKAWekleEUd6PAOv">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/1D3JNjKm7QRaHcIBzv0Xdn?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<br><a href="https://youtube.com/playlist?list=OLAK5uy_k7NR-Lb9tqD6xBqLTGHlw_RpHAykKHtck&si=xEUzzbGoLBrBDZiB">Youtube</a> <a href="https://music.youtube.com/playlist?list=OLAK5uy_m_zU5RkBRQYYkBAWNBugezLuh6SJdecv0&si=bjEUq5O87HKK45F5">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/1AnUkGWhC8CPsxewTcxlvD?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<br><a href="https://www.youtube.com/channel/UCyi6pisEIouLIx9i-KDcrtA">Youtube</a> <a href="https://music.youtube.com/channel/UCyi6pisEIouLIx9i-KDcrtA?si=hdb4QXDx8fwudmRq">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/artist/0gqIrDRL7CEPBWMmkuZPdQ?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<br><a href="https://youtube.com/playlist?list=OLAK5uy_k4Fap4ar7VOri-ZbW1SlKMqrhivlrwKtI&si=LR9MgkCioh1veXVS">Youtube</a> <a href="https://music.youtube.com/playlist?list=OLAK5uy_kzf5TRImFULMvkZsKd2VeotoCB676sHXo&si=u5XQ-aIoRuKzc29d">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/0bPiaza1NaQbzdg8s1CJOn?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<br><a href="https://youtube.com/playlist?list=OLAK5uy_mykMF3JUmqCM8ktN0bTX0Iav8VrIazI6k&si=04VnKiwSuzvMBQhJ">Youtube</a> <a href="https://music.youtube.com/playlist?list=OLAK5uy_lOTPpU_xNO9J1EMr4dH4v-6H2_nHWwcUg&si=VJfcI1ZQUrfx_Jwz">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/0yWwNkXtHPAioh1wPPbsr8?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<br><a href="https://youtube.com/playlist?list=PLS2EpJYSC8Yx7oCXLXHxSdaneubzGw-Oh&si=fJfxqxR9v2c071hq">Youtube</a> <a href="https://music.youtube.com/playlist?list=OLAK5uy_mCa0IVmmmzSaUV65bKfU4ZHUOdBxKZf5I&si=fqvnJJbtZ3jnBnL5">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/55PmOlwaWduudUdWoc7nCb?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<br><a href="https://youtube.com/playlist?list=OLAK5uy_lGesvYxYRnIOo3mfKSoMHXCEY_b1wWntc&si=KxopiiTgOfmpiBS1">Youtube</a> <a href="https://music.youtube.com/playlist?list=OLAK5uy_mZUeJ9_s4bXOc6JqKjk8KIYdAIpQq6qrQ&si=Q5A9ngIDSjWVDYce">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/1CUgbsRB4fcXPVTYQaTa7S?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<br><a href="https://youtube.com/playlist?list=OLAK5uy_kGJN5TvKfC3V4sO6So4wu9lnUwl_ks4Zc&si=F-BjZMZb4Qf_RDL-">Youtube</a> <a href="https://music.youtube.com/playlist?list=OLAK5uy_k-gjwrMLQJbpBbYgWuTv0FYiws5aXkoG0&si=INPkQc136mdXnsvT">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/4ocal2JegUDVQdP6KN1roI?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<br><a href="https://youtube.com/playlist?list=OLAK5uy_msuOlM_uI0e11UonqAJZ5swr25RblOh4M&si=OCLoyBYAP735Cudt">Youtube</a> <a href="https://music.youtube.com/playlist?list=OLAK5uy_k1j2hLrynsgVJQAa1BAHQmDgKu_9tIVcs&si=tflkyD71B-7X7ltr">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/1a2UnYDnfK25QJKfgHNHnu?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<br><a href="https://youtube.com/playlist?list=OLAK5uy_lDxL0gCkg12CWBlYQ3vc7FX_F9xxlARx0&si=duQqcE5_V2X6cRt0">Youtube</a> <a href="https://music.youtube.com/playlist?list=OLAK5uy_mr647I1jpsmmqESEb0DhL2MET3KojYxHM&si=U8WFzDZMNaTkLEJ6">Youtube Music</a>
<br><iframe style="border-radius:12px" src="https://open.spotify.com/embed/album/30hEhSuHVZ9dsUYDX7qabr?utm_source=generator" width="80%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</p>
</section>
<div style="height: 30vh;"></div>
</main>
</body>
</html>