<html>

{% include head.html %}
<body class="is-loading">
  <header class="panel">
    <section class="container">
      <div class="contents">
        <div class="title">
          {{ site.subtitle }}
        </div>
        <hr class="divider large" />
        <div class="description">
          {{ site.description }}
        </div>
        <hr class="divider small" />
        <nav>
          <ul>
            {% if site.posts.size != 0 %}
            <li class="social-link">
              <a href="{{ '/blog' | relative_url }}">Blog</a>
            </li>
            {% endif %}
            {% for social in site.social %}
            <li class="social-link">
              <a href="{{ social[1].uri }}"><i class="fa {{ social[1].icon }}"></i></a>
            </li>
            {% endfor %}
          </ul>
        </nav>
      </div>
    </section>
  </header>
</body>

</html>