website/index.html

205 lines
9.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="darkreader-lock">
<title>G2's Website</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="G2">
<meta name="description" content="Projects, Blog, & More! A place for personal things.">
<meta name="theme-color" content="#2ec2c2">
<meta property="og:title" content="G2's Website">
<meta property="og:description" content="Projects, Blog, & More!
A place for personal projects and things. Enjoy!">
<meta property="og:image" content="/assets/shell3.png">
<meta name="twitter:title" content="G2's Website">
<link rel="icon" href="https://g2games.dev/icon.webp">
<!-- Self-hosted Analytics -->
<script data-goatcounter="https://resize.g2games.dev/count"
async src="//resize.g2games.dev/count.js"></script>
<!-- The Stylesheets -->
<link rel="stylesheet" href="/assets/main-style.css?2">
<!-- Music Tile -->
<link rel="stylesheet" href="/assets/lib/scripts/music_status.css">
<script src="/assets/lib/scripts/music_status.js"></script>
</head>
<body>
<header>
<a href="/"><h1>G2 Games</h1></a>
<nav>
<a class="active" href="/">Home</a>
<a href="/random">Random</a>
<a href="/portfolio">Portfolio</a>
<a href="/blog">Blog</a>
</nav>
</header>
<main>
<figure class="showcase">
<img src="/assets/images/showcase.webp" alt="A picture of the partially eclipsed moon">
</figure>
<section>
<h2 class="sep">About Me</h2>
<p>Hey, I'm G2.</p>
<p>
I spend most of my time avoiding all social media, improving this website, writing code in Rust, bicycling, and thinking about cool tech.
This website is written from scratch by me, and self-hosted on a <a href="https://en.wikipedia.org/wiki/Raspberry_Pi#Series_and_generations">Raspberry Pi 5</a> 8GB running
<a href="https://ubuntu.com/server">Ubuntu Server</a>.
</p>
<p style="margin-bottom:2px;">If you would like to get in touch with me, I actively check:</p>
<p style="margin-bottom:2px;">〜 Email: <code>g2@g2games.dev</code></p>
<p>〜 Discord: <code>g2_games</code></p>
<p>Some more of my links:</p>
<p style="text-align:center;">
<a href="https://github.com/G2-Games">GitHub</a> &blacklozenge;
<a href="/git">Forgejo</a> &blacklozenge;
<a href="https://ko-fi.com/g2_games">Ko-fi</a> &blacklozenge;
<a href="/portfolio">Portfolio</a>
</p>
</section>
<!-- Links to my stuff -->
<h2 class="sep center">My Pages</h2>
<a href="/blog"><section class="clickable">
<h3>Blog</h3>
<p>My personal blog. I post about whatever is interesting me at the
moment, usually something tech or photography related, but not
always.</p>
</section></a>
<a href="/random"><section class="clickable">
<h3>Random Stuff</h3>
<p>I have made a lot of random things on the internet. You can
check out many of those things on this page. Most of them aren't
very interesting, but they might entertain you for a while at least!</p>
</section></a>
<!-- More about me -->
<h2 class="sep center">More About Me</h2>
<section class="centered">
<p>
I like MiniDisc devices, and have written
<a href="https://github.com/G2-Games/minidisc-rs">some software</a>
for them! I personally have an MZ&#8209;NF610, MZ&#8209;NHD600, and an
MZ&#8209;E707. Go check out <a href="https://www.minidisc.wiki/">the wiki!</a>
</p>
<p>
I also like the Sony PSP and PSVita consoles, I hope to do some homebrew for
the PSP in the future (check out the open-source
<a href="https://github.com/overdrivenpotato/rust-psp">Rust</a> and
<a href="https://github.com/pspdev/pspsdk">C</a> SDKs for it!).
</p>
<p>
I appreciate physical media of all kinds, such as Floppies, CDs, DVD/Blu-Rays, MiniDiscs,
and anything else physical. It's just nice to have a real high quality copy of the media,
that is yours <i>forever</i>!
</p>
<p>
I'm interested in aerospace, including rockets, aircraft, and similar things. I've made
a few projects related to it as well as part of my
<a href="https://unlaero.space">university's club</a>.
</p>
</section>
<!-- Favorite things -->
<h2 class="sep center">My Favorites</h2>
<div class="centered three_column">
<section>
<p>General Apps:</p>
<ul>
<li>Browser - <a href="https://www.mozilla.org/en-US/firefox/" title="Keep the web free!">Firefox</a></li>
<li>Notetaking - <a href="https://github.com/zadam/trilium">Trilium</a></li>
<li>Music Player - <a href="https://tauonmusicbox.rocks/">Tauon</a></li>
</ul>
<p>Editors:</p>
<ul>
<li>Text Editor - <a href="https://kate-editor.org/">Kate</a></li>
<li>Hex Editor - <a href="https://imhex.werwolv.net/">ImHex</a></li>
</ul>
<p>Fonts:</p>
<ul>
<li><a href="https://github.com/tonsky/FiraCode">Fira Code</a></li>
<li><a href="https://github.com/subframe7536/maple-font">Maple Mono</a></li>
<li><a href="https://fonts.google.com/specimen/Roboto">Roboto</a></li>
<li><a href="https://fonts.google.com/noto">Noto</a></li>
</ul>
</section>
<section>
<p>Programming Languages:</p>
<ul>
<li><a href="https://www.rust-lang.org/">Rust</a></li>
<li><a href="https://www.python.org/">Python</a></li>
<li><a href="https://www.typescriptlang.org/">TypeScript</a></li>
</ul>
<p>Shell:</p>
<ul>
<li><a href="https://www.gnu.org/software/bash/">Bash</a> <i>Linux</i></li>
<li><a href="https://github.com/PowerShell/PowerShell">PowerShell</a> <i>Windows</i></li>
</ul>
<p>Desktop Environment:</p>
<ul>
<li><a href="https://kde.org/plasma-desktop/">KDE Plasma</a></li>
</ul>
</section>
<section>
<div class="music_tile">
<p id="musicStatus">Currently listening to:</p>
<div style="display:grid;grid-template-columns: 80% 20%;">
<p class="track_name" id="track">???</p>
<div id="playingBars"></div>
</div>
<hr>
<div style="display:flex;flex-direction:column;">
<p class="artist_name" id="albumArtist">???</p>
<p class="album_name" id="albumTitle">???</p>
</div>
<div class="artwork_container">
<p id="mainArtworkPlaceholder"
style="font-size:4em;margin:auto;width:fit-content;font-family:'Montserrat';font-weight:bold;">?</p>
<img id="mainArtwork" src="" style="display:none;"/>
</div>
</div>
</section>
</div>
<h2 class="sep center">Buttons</h2>
<section class="centered button-showcase">
<img src="https://88x31.kate.pet/sun.gif" height="31" />
<img src="https://88x31.kate.pet/agplv3-88x31.png" height="31" />
<img src="https://nucleartech.wiki/antinft.gif" height="31" />
<a href="https://ublockorigin.com/"><img src="https://nucleartech.wiki/ublock-now.png" height="31" /></a>
<a href="https://gensokyoradio.net/"><img src="/assets/images/buttons/GensokyoRadio-Button.png" height="31" /></a>
<img src="https://nucleartech.wiki/NoAi_04.png" height="31" />
<img src="https://88x31.kate.pet/hate_squarespace.jpg" height="31" />
<img src="https://88x31.kate.pet/poweredbyfedora.gif" height="31" />
<img src="https://u-group13.org/images/buttons/miku.gif" height="31" />
<img src="https://nucleartech.wiki/contains-java.png" height="31" />
<img src="https://hellnet.work/8831/img/buttons/himiko_shizura_loveyaoi2.gif" />
<a href="https://eightyeightthirty.one/"><img src="https://eightyeightthirty.one/88x31.png" height="31" /></a>
</section>
</main>
<footer>
<p>&copy;2025 G2</p>
<p>Powered by
<a href="https://developer.mozilla.org/en-US/docs/Glossary/HTML"><img class="icon" alt="HTML logo icon" src="/assets/images/html5_logo.svg"></a>,
<a href="https://developer.mozilla.org/en-US/docs/Glossary/CSS"><img class="icon" alt="CSS logo icon" src="/assets/images/css3_logo.svg"></a>
and
<a href="https://developer.mozilla.org/en-US/docs/Glossary/JavaScript"><img class="icon" alt="CSS logo icon" src="/assets/images/js_logo.svg"></a>
</p>
</footer>
</body>
</html>