---

import Icon from "../components/Icon.astro";
import HR from "../components/HR.astro";

const iconClass = 'fill-current hover:fill-crusta-800 dark:hover:fill-night-400'

---

<div>
    <HR/>
    <div class="flex items-center">contact&ensp;&mdash;&ensp;
    	<a href='https://plush.city/@kebokyo' target='_blank' rel='noopener noreferrer' aria-label="fediverse">
            {/* @ts-ignore */}
            <Icon icon="PiFediverseLogoFill" class={iconClass} title="fediverse" aria-label="fediverse"/>
        </a>
        &emsp;
        <a href='https://bsky.app/profile/kebokyo.eleboog.com' target='_blank' rel='noopener noreferrer' aria-label="bluesky">
            {/* @ts-ignore */}
            <Icon icon="FaBluesky" class={iconClass} title="bluesky" aria-label="bluesky"/>
        </a>
        &emsp;
        <a href='mailto:kebokyo@eleboog.com' target='_blank' rel='noopener noreferrer' aria-label="email">
            {/* @ts-ignore */}
            <Icon icon="MdMail" class={iconClass} title="email" aria-label="email"/>
        </a>

        <!-- <SocialLink href='https://plush.city/@kebokyo' alt="fediverse" icon={PiFediverseLogoFill}/>
        &emsp;
        <SocialLink href='https://bsky.app/profile/kebokyo.eleboog.com' alt="bluesky" icon={FaBluesky}/>
        &emsp;
        <SocialLink href='mailto:kebokyo@eleboog.com' alt="email" icon={MdMail}/> -->
        &emsp;|&emsp; <a href="https://ko-fi.com/kebokyo" class="text-subtitle hover:underline">tips appreciated!</a>
    </div>
    <p class="text-sm">The writing contained within this site may contain the author's personal opinions. These opinions do not represent any of the author's employers or other organizations the author is a part of &mdash; past, present, or future.</p>
    <p class="font-mono text-sm">&copy; 2023-2024 Kebo Kitanari &mdash; All Rights Reserved</p>
</div>