2024-03-06 17:05:50 -05:00
|
|
|
<!doctype html>
|
2024-01-27 20:43:36 -08:00
|
|
|
<html lang="en">
|
2024-03-06 17:05:50 -05:00
|
|
|
<head>
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
|
<meta property="og:title" content="Gen's Website" />
|
|
|
|
|
<meta
|
|
|
|
|
property="og:description"
|
|
|
|
|
content="A little bit of information about me :3"
|
2024-03-19 00:12:37 -07:00
|
|
|
/>
|
2024-03-06 17:05:50 -05:00
|
|
|
<meta property="og:type" content="website" />
|
|
|
|
|
<meta property="og:url" content="https://genshibe.github.io" />
|
|
|
|
|
<title>Gen's Website</title>
|
2024-03-06 17:17:53 -08:00
|
|
|
<link rel="stylesheet" href="style.css" />
|
2024-03-06 17:05:50 -05:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<main>
|
|
|
|
|
<h1>Hi, I'm Gen!</h1>
|
|
|
|
|
<h2>
|
|
|
|
|
I use
|
|
|
|
|
<a href="https://en.pronouns.page/@genshibe">any pronouns :3</a>
|
|
|
|
|
</h2>
|
|
|
|
|
<hr />
|
2024-03-10 22:19:33 -07:00
|
|
|
<h2>I'm a...</h2>
|
2024-03-06 17:05:50 -05:00
|
|
|
<ul>
|
|
|
|
|
<li>Transit enthusiast 🚍</li>
|
|
|
|
|
<li>Photographer 📸</li>
|
|
|
|
|
<li>Student 🧑‍🎓</li>
|
|
|
|
|
<li>Canadian 🇨🇦</li>
|
|
|
|
|
<li>Hong Konger 🇭🇰</li>
|
2024-03-19 00:12:37 -07:00
|
|
|
<li>Horrible coder :p</li>
|
2024-03-06 17:05:50 -05:00
|
|
|
<li>
|
|
|
|
|
Maintainer at
|
|
|
|
|
<a
|
|
|
|
|
class="catppuccin"
|
|
|
|
|
href="https://github.com/catppuccin/userstyles"
|
|
|
|
|
>Catppuccin</a
|
|
|
|
|
>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
<hr />
|
|
|
|
|
<footer>
|
|
|
|
|
<div class="socials">
|
|
|
|
|
<a href="https://discord.com/users/217892728875253760"
|
|
|
|
|
>Discord</a
|
|
|
|
|
>
|
|
|
|
|
<a href="https://www.instagram.com/spotter_gen/"
|
|
|
|
|
>Instagram</a
|
|
|
|
|
>
|
|
|
|
|
<a href="mailto:genshibe@gmail.com">Email</a>
|
|
|
|
|
</div>
|
|
|
|
|
<span
|
|
|
|
|
>Last updated at <span class="last-updated"></span> | ©️
|
|
|
|
|
Licensed under GPL V3 |
|
|
|
|
|
<a href="https://github.com/GenShibe/genshibe.github.io/"
|
2024-03-07 00:16:24 -08:00
|
|
|
>Source code</a
|
2024-03-06 17:05:50 -05:00
|
|
|
></span
|
|
|
|
|
>
|
2024-03-06 17:32:56 -05:00
|
|
|
<select class="theme-selector">
|
|
|
|
|
<option value="latte">Latte</option>
|
|
|
|
|
<option value="frappe">Frappé</option>
|
|
|
|
|
<option value="macchiato">Macchiato</option>
|
|
|
|
|
<option value="mocha">Mocha</option>
|
|
|
|
|
</select>
|
2024-03-06 17:05:50 -05:00
|
|
|
</footer>
|
|
|
|
|
</main>
|
2024-03-06 23:56:21 -08:00
|
|
|
<script>
|
|
|
|
|
document.querySelector(".last-updated").innerHTML =
|
|
|
|
|
document.lastModified;
|
2024-03-19 00:12:37 -07:00
|
|
|
</script>
|
|
|
|
|
<script>
|
|
|
|
|
window.addEventListener("DOMContentLoaded", () => {
|
|
|
|
|
const selector = document.querySelector(".theme-selector");
|
|
|
|
|
selector.value =
|
|
|
|
|
localStorage.getItem("theme") ||
|
|
|
|
|
window.matchMedia("(prefers-color-scheme: dark)").matches
|
|
|
|
|
? "mocha"
|
|
|
|
|
: "latte";
|
|
|
|
|
document.documentElement.setAttribute("theme", selector.value);
|
|
|
|
|
selector.addEventListener("change", function () {
|
|
|
|
|
localStorage.setItem("theme", this.value);
|
|
|
|
|
document.documentElement.setAttribute("theme", this.value);
|
|
|
|
|
});
|
|
|
|
|
});
|
2024-03-06 17:05:50 -05:00
|
|
|
</script>
|
|
|
|
|
</body>
|
2024-02-12 16:27:23 -08:00
|
|
|
</html>
|
