<script>
    import { page } from "$app/stores";
</script>

<footer>
    {#if $page.data.footer === true}
        <p>
            The contents of this page are licensed under
            <a
                href="https://creativecommons.org/licenses/by-sa/4.0/"
                target="_blank"
            >
                CC BY-SA 4.0
            </a>
        </p>
    {:else if $page.data.footer}
        <p>{$page.data.footer}</p>
    {/if}
    <p>🐈‍⬛</p>
</footer>

<style>
    footer {
        margin-left: auto;
        margin-right: auto;
        padding: 3rem 1rem;
        max-width: 768px;
        text-align: center;
    }
</style>
