---
import "../css/base.scss";
import "../css/font.scss";
import "../css/color.scss";
---

<div id="footer">
    <div class="white footer">
        <div class="footer-entries">
            {
                Object.keys(Astro.props.entries).map((key) => {
                    const val = Astro.props.entries[key];
                    return (
                        <a href={val} class="grey">
                            {key}
                        </a>
                    );
                })
            }
        </div>
        <div class="img-container">
            <!--<img src="https://media.ruthenic.com/pentagram.png" alt="Spinning pentagram" style="animation: rotation 10s infinite linear;">-->
            <img
                src="https://media.ruthenic.com/lgbtq%20badge.png"
                alt="LGBTQ+ rights!"
            />
            <!-- sry idk what else to put there lmao -->
            <img
                src="https://media.ruthenic.com/god%20cant%20help%20you%20now%20badge.png"
                alt="CAUTION: God can't help you now."
            />
        </div>
    </div>
</div>