---
const buttonFormat = "gif";

import { Icon } from "astro-icon/components";
---

<hr class="h-1" style="" />
<footer class="flexcol">
    <div class="flexrow">
        <p>
            <a href="https://github.com/BuyMyMojo/aria.coffee" target="_blank"
                ><Icon name="mdi:source-branch" class={"svg-inline"}/> Source Code</a
            > | <a href="https://aria.coffee/rss.xml" target="_blank"
                ><Icon name="mdi:rss" class={"svg-inline"}/> RSS Feed</a
            >
        </p>
    </div>
    <div class="flex">
        <img
            class="badge size-fit"
            src={`/static/img/buttons/aria.${buttonFormat}`}
            decoding="async"
            alt="88x31 pixel button with the text 'Aria' and the top half of a human human face on the right hand side"
        />
        <script is:inline defer src="https://transring.neocities.org/ring.js"
        ></script>
    </div>
</footer>
<style is:global>
    /* Declare a custom CSS class to make the icon look right */
    .svg-inline--fa {
        overflow: visible;
        box-sizing: content-box;
        display: inline-block;
        height: 1em;
        vertical-align: -0.125em;
    }
</style>