<!-- style is inlined to prevent FOUC on slow connections -->
<footer style="background-color: #424242">
    <div class="container">
        <div class="row">
            <div class="col-md-1" ></div>
            <div class="col-md-8" >
                <b>{{ site.title }}</b>
                <p>{{ site.motto }}</p>
                <small>Powered by <a href="https://jekyllrb.com/">Jekyll</a> and the <a href="https://github.com/proudier/alpha-one">Alpha-One</a> theme.</small>
            </div>
            <div class="col-md-3">
                <b>Links</b>
                <ul class="list-unstyled">
                    {% if site.github_username.size > 0 %}
                        <li><a class="grey-text text-lighten-3" href="https://github.com/{{site.github_username}}/">GitHub <i class="fa fa-github"></i></a></li>
                    {% endif %}
                    {% if site.linkedin_username.size > 0 %}
                        <li><a class="grey-text text-lighten-3" href="https://www.linkedin.com/in/{{site.linkedin_username}}">LinkedIn <i class="fa fa-linkedin"></i></a></li>
                    {% endif %}
                    {% if site.twitter_username.size > 0 %}
                        <li><a class="grey-text text-lighten-3" href="https://twitter.com/{{site.twitter_username}}">Twitter <i class="fa fa-twitter"></i></a></li>
                    {% endif %}
                </ul>
            </div>
        </div>
    </div>
</footer>

</body> </html>