firq-dev-website/src/layouts/customFooter.astro

66 lines
No EOL
2.4 KiB
Text

---
---
<footer>
<div>
“Fate/Grand Order” is a trademark of Notes Co., Ltd. | Game Assets © Aniplex Inc. used under fair
use. | View <a class="linker" href="https://fate-go.us" target="_blank" rel="noopener noreferrer">the
official website</a> for more information.<br>
I am in no way affiliated with Fate/Grand Order, Aniplex, Type Moon or Lasengle. I claim no ownership of any of the assets used that are
created by any of the mentioned companies.
All of the opinions expressed are my own and may not reflect those of the asset providers.
</div>
<br>
<div>
Thanks to <a href=" https://atlasacademy.io/" target="_blank" rel="noopener noreferrer">Atlas Academy</a> for
providing the servant and ce images.
</div>
<br>
<div>
Thanks to <a href="https://mitsunee.com" target="_blank" rel="noopener noreferrer">Mitsunee</a> for the support when building this site. I could not have done it without you 🧡
Check out <a href="https://fgo.mitsunee.com" target="_blank" rel="noopener noreferrer">FGO Timers here</a>
<div class="sticky-image-wrapper">
<img src="/lurker.png" alt="">
</div>
</div>
<br>
<div>
Thanks to <a href="https://mastodon.neshweb.net/@neshura" target="_blank" rel="noopener noreferrer">Neshura</a> for providing me with a place to develop, store and host this site.
Check out <a href="https://www.neshweb.net" target="_blank" rel="noopener noreferrer">his site here</a>
</div>
<br>
<div>
Thanks to <a href="https://twitter.com/its_Anthony_J" target="_blank" rel="noopener noreferrer">AnthonyJ</a> for providing me with the custom Shishou favicon.
<div class="sticky-image-wrapper">
<img src="/padoru.png" alt="">
</div>
</div>
</footer>
<style>
footer {
color: white;
bottom:0;
}
footer > div > a {
color: white
}
.sticky-image-wrapper {
position: fixed;
bottom: 0;
right: 50%;
}
:hover>.sticky-image-wrapper>img {
transform: translate(-50%, -100px);
}
.sticky-image-wrapper>img {
display: block;
position: absolute;
bottom: -100px;
height: 64px;
width: 64px;
transition: transform 1s ease-in-out;
transform: translateX(-50%);
}
</style>