feat: trans the internet a little more

Added the script for [Transing The Internet](https://transring.neocities.org), now I just gotta submit it to them
This commit is contained in:
BuyMyMojo 2024-12-17 20:36:11 +11:00
parent d379e5d930
commit 271bb8509e

View file

@ -9,24 +9,36 @@ library.add(faCodeBranch, faRss);
const sourceCodeIcon = icon({ prefix: "fas", iconName: faCodeBranch.iconName }); const sourceCodeIcon = icon({ prefix: "fas", iconName: faCodeBranch.iconName });
const rssIcon = icon({ prefix: "fas", iconName: faRss.iconName }); const rssIcon = icon({ prefix: "fas", iconName: faRss.iconName });
--- ---
<hr class="h-1" style="" /> <hr class="h-1" style="" />
<footer class="flexcol"> <footer class="flexcol">
<div class="flexrow"> <div class="flexrow">
<p> <p>
<a href="https://github.com/BuyMyMojo/aria.coffee" target="_blank" <a href="https://github.com/BuyMyMojo/aria.coffee" target="_blank"
><Fragment set:html={sourceCodeIcon.html} /> Source Code</a> | <a href="https://aria.coffee/rss.xml" target="_blank" ><Fragment set:html={sourceCodeIcon.html} /> Source Code</a
><Fragment set:html={rssIcon.html} /> RSS Feed</a> > | <a href="https://aria.coffee/rss.xml" target="_blank"
</p> ><Fragment set:html={rssIcon.html} /> RSS Feed</a
</div> >
<img class="badge" 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" /> </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> </footer>
<style is:global> <style is:global>
/* Declare a custom CSS class to make the icon look right */ /* Declare a custom CSS class to make the icon look right */
.svg-inline--fa { .svg-inline--fa {
overflow: visible; overflow: visible;
box-sizing: content-box; box-sizing: content-box;
display: inline-block; display: inline-block;
height: 1em; height: 1em;
vertical-align: -0.125em; vertical-align: -0.125em;
} }
</style> </style>