aria.coffee/src/components/Footer.astro

42 lines
No EOL
1.5 KiB
Text

---
const buttonFormat = "gif";
import { Icon } from "astro-icon/components";
import { execSync } from "node:child_process";
const commitURL = import.meta.env.PUBLIC_COMMIT === "" ? "" : `${import.meta.env.PUBLIC_REPOURL}commit/${execSync(`git log -1 --pretty="format:%H"`)}`;
const COMMIT = import.meta.env.PUBLIC_COMMIT === "" ? "Docker Build!" : `<a href=${commitURL}>${execSync(`git log -1 --pretty="format:%h"`)}</a>`;
---
<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
> - Commit:<Fragment set:html={COMMIT} /> | <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>