footer.html

<footer>
    <div class="footer-row">
        <p>
            Obligatory buttons for where I post things and also for contacting me by e-mail if you're unwilling to DM me on Bluesky or are feeling particularly old-school. No need to overthink the format of the e-mail, I really don't care
        </p>
    </div>
    <div class="footer-row">
        <a href="mailto:opticilluzhion@proton.me" class="footer-icon-button">
            <i class="fa-solid fa-envelope"></i>
        </a>
        <a href="https://youtube.com/OpticIlluzhion" class="footer-icon-button">
            <i class="fa-brands fa-youtube"></i>
        </a>
        <a href="https://soundcloud.com/opticilluzhion" class="footer-icon-button">
            <i class="fa-brands fa-soundcloud"></i>
        </a>
        <a href="https://bsky.app/profile/opticilluzhion.bsky.social" class="footer-icon-button">
            <i class="fa-brands fa-bluesky"></i>
        </a>
    </div>
    <div class="footer-row">
        <p>
            made with love (and a side of blood, sweat, tears, and more than a few Javascript-and-CSS-induced headaches)
        </p>
    </div>
    <div class="footer-row">
        <p>
            &copy; OpticIlluzhion 2025
        </p>
    </div>
</footer>