footer.html

<footer class="footer" id="footer">
    <div class="cont text-center">
        <span class="footer-text text-muted text-wrap">&#169; 2020 Cooper Garren | 
            <a class="footer-link" href="https://github.com/cgarren/spotifydata">Github</a>
        </span>
        <!--<span class="footer-text text-muted text-wrap">Other cool Spotify sites:
            <a class="footer-link" href="https://kaleidosync-beta.herokuapp.com/">Kaleidosync</a>
            <a class="footer-link" href="https://sixdegreesofkanyewest.com/">Six Dgrees of Kanye West</a>
        </span>-->
    </div>
</footer>
<style>
/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    /*height: 30px;
  line-height: 30px;*/
    /* Vertically center the text there */
}

.footer-link {
    color: #6c757d;
}

.footer-link:hover {
    color: #1DB954;
}

.footer-text {
    display: inline-block;
    margin-bottom: 2px;
    /*border-radius: 50px;
    padding: 8px;
    border: 1px solid #6c757d;*/
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body>.cont {
    padding: 60px 15px 0;
}

.footer>.cont {
    padding-right: 15px;
    padding-left: 15px;
}
</style>
<script>
var clicky_site_ids = clicky_site_ids || [];
clicky_site_ids.push(101276743);
</script>
<script async src="//static.getclicky.com/js"></script>
<noscript>
    <p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/101276743ns.gif" /></p>
</noscript>