---
import FriendLink from "../components/FriendLink.astro";
import "../styles/aria.css";
import BaseLayout from "../layouts/BaseLayout.astro";
import Partition from "../components/Partition.astro";

const pageTitle = "Aria's friends";
---

<BaseLayout pageTitle={pageTitle}>
    <Partition>
        <h1 class="text-2xl">These are cool people!!</h1>
        <br />
        <div class="flex outline-dotted p-2 flex-wrap">
            <FriendLink
                name="Alyxia"
                image="https://alyxia.dev/static/img/88x31/self.png"
                target="https://alyxia.dev"
            />
            <div class="outline-dashed flex outline-3 mx-1">
                <FriendLink
                    name="Prefetcher"
                    image="https://nanoshinono.me/prefetcher.gif"
                    target="https://nanoshinono.me/"
                />
                <FriendLink
                    name="Ata"
                    image="https://ata.moe/88x31.png"
                    target="https://ata.moe"
                />
            </div>
            <FriendLink
                name="Amemoia"
                image="https://buh.moe/resources/buttons/88x31.gif"
                target="https://buh.moe/"
            />
            <FriendLink
                name="Hayden"
                image="https://hayden.moe/88x31/hayden.png"
                target="https://hayden.moe/"
            />
            <FriendLink
                name="Onzecki"
                image="https://onz.ee/assets/88x31s/png/onzecki.png"
                target="https://onz.ee/"
            />
            <FriendLink
                name="NotNite"
                image="https://notnite.com/buttons/notnite.png"
                target="https://notnite.com/"
            />
            <FriendLink
                name="0x5066"
                image="https://erisdump.neocities.org/buttons/88x31_1.gif"
                target="https://erisdump.neocities.org"
            />
            <FriendLink
                name="Espi"
                image="https://www.espi.me/assets/images/webring/espi.png"
                target="https://www.espi.me"
            />
            <FriendLink
                name="Alula"
                image="https://alula.me/webring/alula.png"
                target="https://alula.me/"
            />
            <FriendLink
                name="Sapphic"
                image="https://sapphic.moe/buttons/friends/sapphic/image.png"
                target="https://sapphic.moe/"
            />
            <FriendLink
                name="Miyuko"
                image="https://calayucu.com/button-88x31.png"
                target="https://calayucu.com"
            />
            <FriendLink
                name="meow_d"
                image="https://meow-d.github.io/assets/images/buttons/meow_d.webp"
                target="https://meow-d.github.io/"
            />
        </div>
    </Partition>
    <Partition>
        <h2>My badge:</h2>
        <div class="flex w-fit h-fit" style="background-color: #FFFCBC;">
            <FriendLink
                name="Aria"
                image="https://aria.coffee/static/img/buttons/aria.gif"
                target="https://aria.coffee"
            />
        </div>
        <br />
        <p>Code:</p>
        <pre><code class="rounded backdrop-brightness-0 language-html" style="background-color: white;">&lt;img src="https://aria.coffee/static/img/buttons/aria.gif" alt="Aria" style="image-rendering: pixelated;" /&gt;</code></pre>
        <link
            href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/themes/prism.min.css"
            rel="stylesheet"
        />
        <script
            src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/prism.min.js"
        ></script>
    </Partition>
</BaseLayout>