<footer class="d-print-none"> <div class="container"> <div class="row"> {% if site.social %} <div class="col-lg"> <ul class="list-inline"> {% if site.social.email %} <li class="list-inline-item mb-2"> <a href="mailto:{{ site.social.email }}"> <span class="fa-stack fa-lg"> <i class="fa-solid fa-circle fa-stack-2x"></i> <i class="fa-regular fa-envelope fa-stack-1x fa-inverse"></i> </span> </a> </li> {% endif %} {% if site.social.bluesky %} <li class="list-inline-item mb-2"> <a href="https://bsky.app/profile/{{ site.social.bluesky }}"> <span class="fa-stack fa-lg"> <i class="fa-solid fa-circle fa-stack-2x"></i> <i class="fa-brands fa-bluesky fa-stack-1x fa-inverse"></i> </span> </a> </li> {% endif %} {% if site.social.mastodon %} <li class="list-inline-item mb-2"> <a rel="me" href="{{ site.social.mastodon }}"> <span class="fa-stack fa-lg"> <i class="fa-solid fa-circle fa-stack-2x"></i> <i class="fa-brands fa-mastodon fa-stack-1x fa-inverse"></i> </span> </a> </li> {% endif %} {% if site.social.twitter %} <li class="list-inline-item mb-2"> <a href="https://twitter.com/{{ site.social.twitter }}"> <span class="fa-stack fa-lg"> <i class="fa-solid fa-circle fa-stack-2x"></i> <i class="fa-brands fa-x-twitter fa-stack-1x fa-inverse"></i> </span> </a> </li> {% endif %} {% if site.social.linkedin %} <li class="list-inline-item mb-2"> <a href="{{ site.social.linkedin }}"> <span class="fa-stack fa-lg"> <i class="fa-solid fa-circle fa-stack-2x"></i> <i class="fa-brands fa-linkedin fa-stack-1x fa-inverse"></i> </span> </a> </li> {% endif %} {% if site.social.facebook %} <li class="list-inline-item mb-2"> <a href="{{ site.social.facebook }}"> <span class="fa-stack fa-lg"> <i class="fa-solid fa-circle fa-stack-2x"></i> <i class="fa-brands fa-facebook fa-stack-1x fa-inverse"></i> </span> </a> </li> {% endif %} {% if site.social.github %} <li class="list-inline-item mb-2"> <a href="https://github.com/{{ site.social.github }}"> <span class="fa-stack fa-lg"> <i class="fa-solid fa-circle fa-stack-2x"></i> <i class="fa-brands fa-github fa-stack-1x fa-inverse"></i> </span> </a> </li> {% endif %} {% if site.archive_permalink %} <li class="list-inline-item mb-2"> <a href="{{ '/feed.xml' | absolute_url }}"> <span class="fa-stack fa-lg"> <i class="fa-solid fa-circle fa-stack-2x"></i> <i class="fa-solid fa-rss fa-stack-1x fa-inverse"></i> </span> </a> </li> {% endif %} </ul> </div> {% endif %} {% for col in site.data.footer.columns %} <div class="col-lg"> {{ col.description | markdownify }} {% if col.links %} <ul class="fa-ul"> {% for item in col.links %} <li> <i class="fa-li fa fa-chevron-circle-right"></i> <a href="{{ item.href | relative_url }}"{% if item.new_window %} target="_blank"{% endif %}>{{ item.text }}</a> </li> {% endfor %} </ul> {% endif %} </div> {% endfor %} </div> <div class="small mt-2"> {% if site.author %} <p>© {{ site.author }}</p> {% endif %} {% if site.data.footer.license %} {{ site.data.footer.license | markdownify }} {% endif %} {% if site.github_edit %} {% if site.github_edit contains '' %} {% assign branch = site.github_edit %} {% else %} {% assign branch = 'main' %} {% endif %} <p> <a href="{{ site.github.repository_url }}/edit/{{ branch }}/{{ page.path }}"> <i class="fa-solid fa-pen-to-square"></i> Edit this page </a> </p> {% endif %} </div> </div> </footer> <script src="{{ '/assets/theme/js/anchor.min.js' | relative_url }}"></script> <script> // Show anchors when hovering over headings, using anchor.js (function () { const headings = ".content h2[id], .content h3[id], .content h4[id], .content h5[id], .content h6[id]"; anchors.options = { placement: "right" }; anchors.add(headings); })(); </script>