diff options
| author | Pinapelz <yukais@pinapelz.com> | 2024-10-15 00:00:22 -0700 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2024-10-15 00:00:22 -0700 |
| commit | cdc6e1ca55d0f84074b94c654afe5dcb681c9cda (patch) | |
| tree | d4ddddd243f35fa3dac06504aca203f45dc9a1b3 /about.html | |
initial commit
Diffstat (limited to 'about.html')
| -rw-r--r-- | about.html | 94 |
1 files changed, 94 insertions, 0 deletions
diff --git a/about.html b/about.html new file mode 100644 index 0000000..c42bee1 --- /dev/null +++ b/about.html @@ -0,0 +1,94 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title>About Me - Pinapelz Moe</title> + <link rel="stylesheet" type="text/css" href="styles/styles.css" /> + <script src="scripts/index.js"></script> + </head> + <body> + <div class="container"> + <div class="header"> + <marquee behavior="alternate" direction="left"> + About Me + </marquee> + </div> + + <div class="sidebar"> + <h3>Navigation</h3> + <ul> + <li><a href="/">Home</a></li> + <li><a href="#">About Me</a></li> + </ul> + <img + src="assets/pfp.webp" + class="border-img crazy-image" + width="250px" + alt="Cute Anime GIF" + /> + + <div class="contacts-section"> + <h3>Contact Me</h3> + <p>idk maybe you need to reach me for some reason</p> + <ul> + <li> + Email: + <a href="mailto:pinapelz@moekyun.me">pinapelz@moekyun.me</a> + </li> + <li>X: <a href="https://x.com/pinapelz">@pinapelz</a></li> + <li> + Misskey: + <a href="https://mk.arks.cafe/@pinapelz" + >@pinapelz@mk.arks.cafe</a + > + </li> + <li>Discord: @pinapelz</li> + </ul> + </div> + <section id="discord-status" class="discord-status"> + <img + src="https://assets-global.website-files.com/6257adef93867e50d84d30e2/636e0a6ca814282eca7172c6_icon_clyde_white_RGB.svg" + alt="Discord Avatar" + /> + <div class="status-container"> + <h2><span class="status-text"></span></h2> + </div> + <script>fetchDiscordStatus("246787839570739211");</script> + </section> + </div> + + <div class="content"> + <div class="projects-section"> + <h3>info</h3> + <p> + I'm a student at UC Irvine studying Software Engineering. I daily drive Arch Linux but my WM/DE changes depending on + what I feel like, I mainly use Hyprland and KDE Plasma though. In case you couldn't tell, I watch anime + read manga + + (although these days i mainly just accumulated brainrot from watching twitch streams + vtubers)<br/> + </p> + <h3>games</h3> + <p> + I mostly play MMOs (FFXIV, PSO2, OSRS), RPGs (Persona, Xenoblade), and [sorta] Visual Novels (AI The Sommnium, Danganronpa, 999). Its basically + mostly story heavy stuff. + </p> + <h3>stack</h3> + <p> + idk, it changes a lot. i feel like its been mostly Next JS + React + Tailwind CSS serverless lately. but tbh i hop around a lot. whatever seems fun + </p> + <p> + Not much else to really say... if you want some random technical rambling go to <a href="https://blog.pinapelz.com">my blog</a> + </p> + <a href="https://imisserinya.phase-tracker.com"> + <div style="text-align: center;"> + <img src="https://files.pinapelz.com/1077804029737975879.webp" width="300px" class="crazy-image"/> + <div class="fullscreen-text">i miss erinya uuuuuuuuu!!!</div> + </div> + </a> + + </div> + + + + </div> + </body> +</html> |