---
import Layout from "../layouts/Layout.astro";

import Card from "../components/Card.astro";
import Badges from "../components/Badges.astro";
---

<Layout title="landing" description="a personal website for some computer nerd">
    <Card title="hello">
        <p>yo, i'm <strong>reid</strong> <i>(he/they)</i>, welcome to my site</p>
        <p>i made this website so you can find what i do directly, instead of navigating through millions of social media profiles, websites, so on and so forth, just to see who a person is. most of what is on this website is pretty self-explainatory, and you can find most if not all the pages on the left or top side of the screen</p>
        <p>this site as a whole is still a bit of a work in progress, i still need to add more things to it <i>(a blog, perhaps?)</i>, and i'm trying to finally make the website more lightweight, mobile friendly, and accessible <i>(not using tables for my main layout, Jesus)</i>, and it seems to work pretty damn well! all content you see on the website is statically generated and javascript is only used in places where it is not required, and where i do have javascript, i try to make it minimal</p>
        <p>happy browsing, and feel free to reach out for anything! :3</p>
    </Card>
    <Card title="buttons">
        <Badges badges={[
            {
                imagePath: "/88x31.gif",
                alt: "CLI prompt displaying 'reidlab'",
                title: "my button! feel free to use or hotlink",
                href: "/"
            },
            {
                imagePath: "../assets/badges/blinchik.gif",
                alt: "blinchik",
                title: "best site on the internet!",
                href: "https://yugoslavia.best"
            },
            {
                imagePath: "../assets/badges/poweredbybob.gif",
                alt: "powered by bob"
            },
            {
                imagePath: "../assets/badges/miku.gif",
                alt: "this site is miku approved"
            },
            {
                imagePath: "../assets/badges/paws.gif",
                alt: "made with my own two paws"
            },
            {
                imagePath: "../assets/badges/nixos.png",
                alt: "powered by nixos",
                title: "free me from this prison",
                href: "https://nixos.org"
            },
            {
                imagePath: "../assets/badges/notitg.png",
                alt: "notitg",
                title: "play notitg!",
                href: "https://noti.tg"
            },
            {
                imagePath: "../assets/badges/kriswheretfarewe.png",
                alt: "kris where tf are we"
            },
            {
                imagePath: "../assets/badges/showmeyourheart.gif",
                alt: "final fantasy geometry dash",
                title: "▼▼  ▼▼  »  ▲▲▲▲   ▲▲▲▲  ‹  ▼▼  ▼▼  ›  ▲▲▲  ▲▲▲",
                href: "https://gdbrowser.com/76767195"
            },
            {
                imagePath: "../assets/badges/acab.gif",
                alt: "all cops are bastards"
            },
            {
                imagePath: "../assets/badges/w3cbad.gif",
                alt: "w3c approved bad html markup"
            },
            {
                imagePath: "../assets/badges/internetarchive.gif",
                alt: "internet archive",
                href: "https://archive.org"
            },
            {
                imagePath: "../assets/badges/animeisgay.gif",
                alt: "anime is gay as hell, but i approve"
            },
            {
                imagePath: "../assets/badges/halflife.gif",
                alt: "half life",
                title: "gorgon freeman...."
            },
            {
                imagePath: "../assets/badges/vscode.png",
                alt: "made with with vscode",
                href: "https://code.visualstudio.com/"
            },
            {
                imagePath: "../assets/badges/oat100.gif",
                alt: "i got 100% on.zone",
                href: "https://oat.zone"
            },
            {
                imagePath: "../assets/badges/oat.gif",
                alt: "oat.zone",
                title: "cool person!",
                href: "https://oat.zone"
            },
            {
                imagePath: "../assets/badges/tidalwave.gif",
                alt: "tidal wave geometry dash",
                title: "<<<TIDAL<<<<<<\n>>>>>>>WAVE>>>",
                href: "https://gdbrowser.com/86407629"
            },
            {
                imagePath: "../assets/badges/singasongaboutlife.gif",
                alt: "sing a song about life",
                title: "sing a song about life",
                href: "https://vyletpony.com/music"
            },
            {
                imagePath: "../assets/badges/slugcat.png",
                alt: "slug cat",
                title: "Slug ca",
                href: "https://rainworldgame.com/"
            }
        ]}></Badges>
    </Card>
</Layout>