<template>
    <footer class="dark fixed-bottom"> <!--  :class="['bd-footer', 'text-muted']"> -->
        <b-container class="mt-5">
            <b-row class="justify-content-center">
                <b-col class="text-center">
                    <div>powered by
                        <b-link to="/" class="d-inline-block mx-auto"><img src="/build/images/Spookie/spookie_64x64.png" alt="Spookie"></b-link>
                    </div>
                </b-col>
                <b-col cols="auto" md="4" class="text-left">
                    <div id="legal">
                        <h5 class="bd-text-purple-bright mb-1 mt-3">Legal</h5>
                        <ul class="list-unstyled ml-3">
                            <li><b-link to="/pages/imprint">Imprint</b-link></li>
                            <li><b-link to="/pages/privacy-policy">Privacy Policy</b-link></li>
                        </ul>
                    </div>

                </b-col>
            </b-row>
        </b-container>
    </footer>
</template>

<script>
export default {
    name: "Footer"
}
</script>

<style type="scss">

footer {
    color: lightgray;
    background: #0e0e10;
}
</style>