---
import BaseLayout from '../layouts/BaseLayout.astro';
const pageTitle = 'home';
---

<BaseLayout pageTitle={pageTitle}>
	<style>
		.container {
			display: flex;
			gap: 2em;
			font-size: 0.8em;
		}
		
		.col {
			display: flex;
			flex-direction: column;
			gap: 2em;
		}
		
		.col-left {
			flex: 1;
			min-width: 250px;
			max-width: 350px;
		}
		
		.col-right {
			flex: 2;
		}
		
		.row {
			padding: 1.5em;
		}
		
		.col-left > .row {
			background-color: rgba(0, 0, 0, 0.5);
		}
		
		.col-right > .row {
			background-color: rgba(0, 0, 0, 0.3);
		}
		
		/* Mobile: Stack the columns */
		@media screen and (max-width: 900px) {
			.container {
				flex-direction: column;
				font-size: 0.9em;
			}
			
			.col-left {
				max-width: 100%;
			}
		}
		
		h3 {
			margin-top: 0;
		}
		
		p {
			margin-bottom: 0;
		}

		td {
			vertical-align: top;
		}

		td:first-child {
			font-weight: bold;
		}
	</style>

	<div class="container">
		<div class="col col-left">
			<div class="row">
				<div style="display: flex; flex-direction: horizontal; gap: 2em;">
					<img src="/site/me.jpg" height="150px" width="120px">
					<div>
						<h3>˙⋆✮ ruds ✮⋆˙</h3>
						<p>"rm -rf /"</p>
						<p>15 y/o</p>
						<p>linux nerd</p>
						<p>emo/alt</p>
					</div>
				</div>
			</div>

			<div class="row">
				<h3>interests</h3>
				<table class="details-table" cellspacing="3" cellpadding="3">
					<tbody>
						<tr>
							<td><p>General</p></td>
							<td><p>technology, Linux, minecraft, servers/homelabs, emo/pop-punk/scene music</p></td>
						</tr>
						<tr>
							<td><p>Music</p></td>
							<td><p>MCR, Green Day, The Offspring, American Football, Taking Back Sunday, Jimmy Eat World, underscores, deadmau5, Billie Eilish and the list goes on...</p></td>
						</tr>
						<tr>
							<td><p>Hobbies</p></td>
							<td><p>lawn tennis, politics, tinkering, writing, playing the tabla, and politics once again :P</p></td>
						</tr>
					</tbody>
				</table>
			</div>

			<div class="row">
				<h3>socials</h3>
				<p><a href="https://github.com/RudraSwat">GitHub</a>: RudraSwat</p>
				<p><a href="https://x.com/@RudraSaraswat1">X(itter)</a>: @RudraSaraswat1 (not active)</p>
				<p><a href="https://fosstodon.org/@rs2009">Mastodon</a>: @rs2009@fosstodon.org</p>
				<p><a href="mailto:rs2009@ruds.io">Email</a>: rs2009@ruds.io or rs2009@ubuntu.com</p>
				<p>IRC (Libera): rs2009</p>
			</div>

			<div class="row">
				<h3>RSS</h3>
				<a href="https://ruds.io/site/rss.xml">https://ruds.io/rss.xml</a>
			</div>
		</div>

		<div class="col col-right">
			<div class="row">
				<h3>info</h3>
				<p>this website was designed to replicate the appearance of the MySpace pages of yesteryear. however, I do also have a <a href="https://spacehey.com/ruds">SpaceHey</a> page; that might be worth a look too!</p>
				<p>more information about my professional endeavours can be found on <a href="https://about.ruds.io">my other page</a>.</p>
			</div>
			<div class="row">
				<h3>about me</h3>
				<p>hi! I'm just your local 15-year-old with some nerdy tendencies — these include a love for anything and everything technology (GNU/Linux in particular) and a liking for pop-punk and emo music (and emo/scene culture)!</p>
			</div>
			<div class="row">
				<h3>projects (& past projects)</h3>

				<p><a href="https://blendos.co">blendOS</a>: an atomic and immutable Linux distribution</p>

				<p><a href="https://ubuntuunity.org">Ubuntu Unity</a>: a flavour of Ubuntu that uses the Unity desktop environment</p>

				<p><a href="https://x.com/ubunweb">Ubuntu Web</a>: a privacy-respecting ChromeOS alternative</p>

				<p><a href="https://github.com/AFK-OS/una">una</a>: a client for the makedeb Package Repository</p>

				<p><a href="https://www.forbes.com/sites/jasonevangelho/2022/01/31/linux-gaming-gets-a-big-boost-from-a-12-year-old-ubuntu-developer/">Gamebuntu</a>: a utility to set up a gaming environment on Ubuntu</p>

				<p><a href="https://github.com/RudraSwat/modren">Modren</a>: a modern Linux store</p>

				<p><a href="https://x.com/ed_ubuntu">UbuntuEd</a>: an educational Ubuntu remix (superseded by Edubuntu)</p>
			</div>
		</div>
	</div>
</BaseLayout>
					