diff options
| author | Pinapelz <yukais@pinapelz.com> | 2024-10-16 09:41:29 -0700 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2024-10-16 09:41:29 -0700 |
| commit | 4b2bcc858aaf5eba6137df0f04c01ae6a9009437 (patch) | |
| tree | db80cc07eaeef59cc4ba0eb921482ba2f373f44e | |
| parent | fe3343e6ca93246b34204b3403fb4c96b87b815c (diff) | |
add marquee footer to projects and webmaster page
| -rw-r--r-- | about.html | 253 | ||||
| -rw-r--r-- | projects.html | 13 |
2 files changed, 148 insertions, 118 deletions
@@ -1,118 +1,145 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> - <head> - <meta charset="UTF-8" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> - <title>ok for some reason u want to know about me</title> - <meta name="description" content="sure i guess" /> - <link rel="icon" href="assets/pfp.webp" /> - <link rel="stylesheet" type="text/css" href="styles/styles.css" /> - <script src="scripts/index.js"></script> - <style> - </style> - </head> - <body> - <div class="container"> - <div class="header"> - - <marquee behavior="alternate" direction="left"> - About Me - </marquee> - </div> + <head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title>ok for some reason u want to know about me</title> + <meta name="description" content="sure i guess" /> + <link rel="icon" href="assets/pfp.webp" /> + <link rel="stylesheet" type="text/css" href="styles/styles.css" /> + <script src="scripts/index.js"></script> + <style></style> + </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.html">webmaster</a></li> - <li><a href="/projects.html">projects</a></li> - <li><a href="https://moekyun.me">moeify my link</a></li> - </ul> - <img - src="assets/pfp.webp" - class="border-img crazy-image" - width="250px" - alt="Cute Anime GIF" - /> + <div class="sidebar"> + <h3>Navigation</h3> + <ul> + <li><a href="/">home</a></li> + <li><a href="/about.html">webmaster</a></li> + <li><a href="/projects.html">projects</a></li> + <li><a href="https://moekyun.me">moeify my link</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="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="general-section center"> - <h3>info</h3> - <ul style="list-style-type: none;"> - <li>Student at UC Irvine studying Software Engineering</li> - <li>Daily drives Arch Linux</li> - <li>Mainly on Hyprland and KDE Plasma</li> - <li>Watches anime and reads manga</li> - <li>Accumulates brainrot from watching Twitch streams and VTubers</li> - </ul> - <h3>games</h3> - <ul style="list-style-type: none;"> - <li>MMOs - FFXIV, PSO2, OSRS</li> - <li>(J)RPGs - Persona, Xenoblade </li> - <li>Visual Novel/Adventure - Danganronpa, AI The Sommnium, 999</li> - </ul> - <p> - basically stuff that is heavy on the story - </p> - <h3>anime/manga</h3> - <p> - I pretty much only watch/read slice of life... yuru camp, k-on, nichijou that sorta thing - </p> - <h3>vtubers</h3> - <p> - mostly watch erina makina (pc), rosemi lovelock (niji), and pavolia reine (holo) - </p> - <h3>stack</h3> - <p> - whatever seems fun (but usually next js + tailwind + flask) - </p> - <p> - Not much else to say... if you want some random technical rambling go to <a href="https://blog.pinapelz.com">my blog</a> - </p> - <div class="center"> - <a href="https://imisserinya.phase-tracker.com"> - <div class="center"> - <img src="https://files.pinapelz.com/1077804029737975879.webp" width="200px" class="crazy-image"/> - <div class="fullscreen-text">i miss erinya uuuuuuuuu!!!</div> - </div> - </a> - </div> + <div class="content"> + <div class="general-section center"> + <h3>info</h3> + <ul style="list-style-type: none"> + <li> + Student at UC Irvine studying Software Engineering + </li> + <li>Daily drives Arch Linux</li> + <li>Mainly on Hyprland and KDE Plasma</li> + <li>Watches anime and reads manga</li> + <li> + Accumulates brainrot from watching Twitch streams + and VTubers + </li> + </ul> + <h3>games</h3> + <ul style="list-style-type: none"> + <li>MMOs - FFXIV, PSO2, OSRS</li> + <li>(J)RPGs - Persona, Xenoblade</li> + <li> + Visual Novel/Adventure - Danganronpa, AI The + Sommnium, 999 + </li> + </ul> + <p>basically stuff that is heavy on the story</p> + <h3>anime/manga</h3> + <p> + I pretty much only watch/read slice of life... yuru + camp, k-on, nichijou that sorta thing + </p> + <h3>vtubers</h3> + <p> + mostly watch erina makina (pc), rosemi lovelock (niji), + and pavolia reine (holo) + </p> + <h3>stack</h3> + <p> + whatever seems fun (but usually next js + tailwind + + flask) + </p> + <p> + Not much else to say... if you want some random + technical rambling go to + <a href="https://blog.pinapelz.com">my blog</a> + </p> + <div class="center"> + <a href="https://imisserinya.phase-tracker.com"> + <div class="center"> + <img + src="https://files.pinapelz.com/1077804029737975879.webp" + width="200px" + class="crazy-image" + /> + <div class="fullscreen-text"> + i miss erinya uuuuuuuuu!!! + </div> + </div> + </a> + </div> + </div> + </div> + <div class="footer"> + <marquee behavior="scroll" direction="right"> + pinapelz.moe/ pinapelz.com / phase-tracker.com / + imisserinya.phase-tracker.com / patchwork.moekyun.me / + blog.pinapelz.com / signpost.pinapelz.com / + mojibaka.pinapelz.com / moekyun.me / + vtuber-captcha.moekyun.me / + </marquee> + </div> </div> - - </div> - </div> - - </body> - -</html>
\ No newline at end of file + </body> +</html> diff --git a/projects.html b/projects.html index 0cb7fd7..6c4f4b0 100644 --- a/projects.html +++ b/projects.html @@ -163,10 +163,13 @@ </div> <div class="footer"> - <marquee behavior="scroll" direction="right"> - what this do again? - </marquee> - </div> + <marquee behavior="scroll" direction="right"> + pinapelz.moe/ pinapelz.com / phase-tracker.com / + imisserinya.phase-tracker.com / patchwork.moekyun.me / + blog.pinapelz.com / signpost.pinapelz.com / mojibaka.pinapelz.com / + moekyun.me / vtuber-captcha.moekyun.me / + </marquee> + </div> <div class="fullscreen-img" id="fullscreenImg"> @@ -187,4 +190,4 @@ }); </script> </body> -</html>
\ No newline at end of file +</html> |