---
import { Image } from "astro:assets";
import BaseLayout from "../layouts/BaseLayout.astro";
const pageTitle = "home";

import AmericanFootball_LP1 from "../assets/albums/AmericanFootball_LP1.jpg";
import CapNJazz_Analphabetapolothology from "../assets/albums/CapNJazz_Analphabetapolothology.jpg";
import Coheed_GoodApollo from "../assets/albums/Coheed_GoodApollo.jpg";
import DeathCab_Transatlanticism from "../assets/albums/DeathCab_Transatlanticism.jpg";
import Marietta_SummerDeath from "../assets/albums/Marietta_SummerDeath.jpg";
import MCR_Bullets from "../assets/albums/MCR_Bullets.jpg";
import MCR_ThreeCheers from "../assets/albums/MCR_ThreeCheers.jpg";
import PoolKids_MusicToPracticeSafeSexTo from "../assets/albums/PoolKids_MusicToPracticeSafeSexTo.jpg";
import RainerMaria_ABetterVersionOfMe from "../assets/albums/RainerMaria_ABetterVersionOfMe.jpg";
import SDRE_Diary from "../assets/albums/SDRE_Diary.jpg";
import TBS_TellAllYourFriends from "../assets/albums/TBS_TellAllYourFriends.jpg";
import TheUsed_ST from "../assets/albums/TheUsed_ST.jpg";
---

<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: 290px;
            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);
        }

        @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;
        }

        .albums {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px 10px;
        }

        .albums img {
            height: 100%;
            width: 100%;
        }

        @media screen and (max-width: 900px) {
            .albums {
                grid-template-columns: repeat(3, 1fr);
            }
        }
    </style>

    <div class="container">
        <div class="col col-left">
            <div class="row">
                <div
                    style="display: flex; flex-direction: horizontal; gap: 2em;"
                >
                    <img src="/me.jpg" height="150px" width="120px" />
                    <div>
                        <h3>˙⋆✮ ruds ✮⋆˙</h3>
                        <p is:raw>:(){ :|:& };:</p>
                        <p>16 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, politics,
                                    emo/post-hardcore music
                                </p></td
                            >
                        </tr>
                        <tr>
                            <td><p>Music</p></td>
                            <td
                                ><p>
                                    American Football, Coheed and Cambria, Sunny
                                    Day Real Estate, Free Throw, Pool Kids, My
                                    Chemical Romance, C418, The Used, Death Cab
                                    for Cutie, Rainer Maria, Cap'n Jazz, Taking
                                    Back Sunday, early P!ATD, Marietta, Modern
                                    Baseball, and the list goes on...
                                </p></td
                            >
                        </tr>
                        <tr>
                            <td><p>Hobbies</p></td>
                            <td
                                ><p>
                                    lawn tennis, politics, tinkering, writing,
                                    maintaining homelabs, Minecraft, 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 (inactive)
                </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>Discord: rs2009</p>
                <p>Matrix: @rs2009:matrix.org</p>
                <p>IRC (Libera): rs2009</p>
            </div>

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

            <div class="row">
                <h3>this website</h3>
                <a href="https://git.ruds.io/rs2009/ruds.io"
                    >https://git.ruds.io/rs2009/ruds.io</a
                >
            </div>
        </div>

        <div class="col col-right">
            <div class="row">
                <h3>info</h3>
                <p>
                    this website was designed to mimic 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 style="font-size: 0.9em; margin-top: 2em;">
                    more information about my professional endeavours may be
                    found on the <a href="/projects"
                        >projects + press</a
                    > page.
                </p>
            </div>
            <div class="row">
                <h3>about me</h3>
                <p>
                    hello there! I'm just your local 16-year-old with some nerdy
                    tendencies — these include a love for anything and
                    everything technology (GNU/Linux in particular) and a
                    propensity towards the emo/alt scene.
                </p>
                <p>
                    additionally, I serve as the lead maintainer for several
                    projects you may have heard of, including blendOS & Ubuntu
                    Unity (owing to which I am an Ubuntu Member).
                </p>
                <div style="margin-top: 1.5em;">
                    <a href="https://ruds.io"
                        ><img
                            title="ruds.io"
                            style="image-rendering: pixelated;"
                            src="/ruds.io.gif"
                        /></a
                    >
                    <a href="https://badge.les.bi"
                        ><img
                            title="demi bi"
                            style="image-rendering: pixelated;"
                            src="https://badge.les.bi/88x31/demi/bi/half/outset.png"
                        /></a
                    >
                    <a href="https://en.wikipedia.org/wiki/GNU_Emacs"
                        ><img
                            title="vi"
                            style="image-rendering: pixelated;"
                            src="/written_in_vi.gif"
                        /></a
                    >
                </div>
            </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>

                <p>... (a few too many to fit here)</p>
            </div>
            <div class="row">
                <h3>some albums on my iPod</h3>

                <div class="albums">
                    <a
                        href="https://en.wikipedia.org/wiki/American_Football_(1999_album)"
                    >
                        <Image
                            src={AmericanFootball_LP1}
                            alt="American Football — American Football (S/T)"
                        /></a
                    >
                    <a
                        href="https://en.wikipedia.org/wiki/Analphabetapolothology"
                    >
                        <Image
                            src={CapNJazz_Analphabetapolothology}
                            alt="Cap'n Jazz — Analphabetapolothology"
                        />
                    </a>
                    <a
                        href="https://en.wikipedia.org/wiki/Good_Apollo,_I%27m_Burning_Star_IV,_Volume_One:_From_Fear_Through_the_Eyes_of_Madness"
                    >
                        <Image
                            src={Coheed_GoodApollo}
                            alt="Coheed and Cambria — Good Apollo, I'm Burning IV, Volume One"
                        /></a
                    >
                    <a href="https://en.wikipedia.org/wiki/Transatlanticism"
                        ><Image
                            src={DeathCab_Transatlanticism}
                            alt="Death Cab for Cutie — Transatlanticism"
                        /></a
                    >
                    <a
                        href="https://whereismarietta.bandcamp.com/album/summer-death"
                        ><Image
                            src={Marietta_SummerDeath}
                            alt="Marietta — Summer Death"
                        /></a
                    >
                    <a
                        href="https://en.wikipedia.org/wiki/I_Brought_You_My_Bullets,_You_Brought_Me_Your_Love"
                        ><Image
                            src={MCR_Bullets}
                            alt="My Chemical Romance — I Brought You My Bullets, You Brought Me Your Love"
                        /></a
                    >
                    <a
                        href="https://en.wikipedia.org/wiki/Three_Cheers_for_Sweet_Revenge"
                        ><Image
                            src={MCR_ThreeCheers}
                            alt="My Chemical Romance — Three Cheers for Sweet Revenge"
                        /></a
                    >
                    <a
                        href="https://poolkidsband.bandcamp.com/album/music-to-practice-safe-sex-to"
                        ><Image
                            src={PoolKids_MusicToPracticeSafeSexTo}
                            alt="Pool Kids — Music to Practice Safe Sex To"
                        /></a
                    >
                    <a
                        href="https://en.wikipedia.org/wiki/A_Better_Version_of_Me"
                        ><Image
                            src={RainerMaria_ABetterVersionOfMe}
                            alt="Rainer Maria — A Better Version of Me"
                        /></a
                    >
                    <a
                        href="https://en.wikipedia.org/wiki/Diary_(Sunny_Day_Real_Estate_album)"
                        ><Image
                            src={SDRE_Diary}
                            alt="Sunny Day Real Estate — Diary"
                        /></a
                    >
                    <a
                        href="https://en.wikipedia.org/wiki/Tell_All_Your_Friends"
                        ><Image
                            src={TBS_TellAllYourFriends}
                            alt="Taking Back Sunday — Tell All Your Friends"
                        /></a
                    >
                    <a href="https://en.wikipedia.org/wiki/The_Used_(album)"
                        ><Image
                            src={TheUsed_ST}
                            alt="The Used — The Used (S/T)"
                        /></a
                    >
                </div>
            </div>
        </div>
    </div>

    <script>
        var albums = document.querySelectorAll(".albums img");
        albums.forEach((album) => {
            album.title = album.alt;
        });
    </script>
</BaseLayout>
