<footer>

<!-- only displays the social area when the corresponding site variable is set -->
{% if site.social %}
  <div class="social-container">

    <!-- Goes through every entry in the social var in site and displays a link for it. If there's an icon specified, then it's used instead of the title -->
    {% for item in site.social %}
      {% if item.icon %}
        <a href="{{ item.url }}" target="_blank"><img class="social-icon" src="{{ item.icon }}"></a>
        {% else %}
        <a class="button light" href="{{ item.url }}" target="_blank">{{ item.title }}</a>
      {% endif %}
    {% endfor %}
  </div>
{% endif %}

<p>&copy;

  <!-- displays the copyright text defined in the corresponding site variable -->
  {{ site.footer-copyright }}
  -

  <!-- goes through every page that has the value 'footer' for it's variable 'nav' and displays them as sorted links -->
  {% assign sorted_pages = site.pages | sort:"nav-position" %}
    {% for item in sorted_pages %}
      {% if item.nav == 'footer' %}
        <a href="{{ item.permalink }}">{{ item.title }}</a>
        -
      {% endif %}
    {% endfor %}

    Webdesign by <a href="https://github.com/michael-harms" target="_blank">Michael Harms</a></p>

</footer>

<!– jQuery for DOM-Manipulation –> <script type=“text/javascript”>

{% include js/vendor/jquery-3.2.1.min.js %}

</script>

<!– jQuery UI for the Theme's Accordion –> <script type=“text/javascript”>

{% include js/vendor/jquery-ui.min.js %}

</script>

<!– Main JavaScript Functionalities –> <script type=“text/javascript”>

{% include js/main.js %}

</script>

</body>

</html>