<header class="site-header">

<div class="branding">

{% if site.theme_settings.gravatar %}

<a href="{{ site.baseurl }}/">

<img class="avatar" src="https://secure.gravatar.com/avatar/{{ site.theme_settings.gravatar }}?s=100" alt=""/>

</a>

{% elsif site.theme_settings.avatar %}

<a href="{{ site.baseurl }}/">

<img class="avatar" src="/img/{{ site.theme_settings.avatar }}" alt=""/>

</a>

{% endif %}

<h1 class="site-title">

<a href="{{ site.baseurl }}/">{{ site.theme_settings.title }}</a>

</h1>

</div>

<nav class="site-nav">

<ul>

{% for page in site.pages %}

{% if page.title and page.hide != true %}

<li>

<a class="page-link" href="{{ page.url | prepend: site.baseurl }}">

{{ page.title }}

</a>

</li>

{% endif %}

{% endfor %}

<!-- Social icons from Font Awesome, if enabled -->

{% include icons.html %}

</ul>

</nav>