<header class=“masthead”>
{% if site.avatar -%} <div class="avatar"> {%- if site.avatar contains "://" -%} {%- assign avatar = site.avatar -%} {%- else -%} {%- assign avatar = site.avatar | relative_url -%} {%- endif -%} <img src="{{ avatar }}" class="avatar-image" alt="{{ site.author.name }}"> </div> {%- endif %} <div class="masthead-title"> <a href="{{ "/" | relative_url }}" title="Home">{{ site.title }}</a> </div> <div class="masthead-tagline"> <small>{{ site.description }}</small> </div> {%- if site.data.navigation -%} <nav class="navigation"> <ul class="navigation-list"> {%- for nav in site.data.navigation -%} <li class="navigation-item"> <a onclick="sessionStorage.setItem('forceCheckScroll', 'true')" href="{{ nav.url | relative_url }}">{{ nav.title | escape }}</a> </li> {%- endfor -%} </ul> </nav> {%- endif -%} {% if site.data.social -%} <div class="social pure-menu pure-menu-horizontal"> <ul class="social-icons pure-menu-list"> {% for social in site.data.social -%} <li class="pure-menu-item"> <a class="social-icon pure-menu-link" href="{{ social.url }}"> <i class="{{ social.icon | default: 'fas fa-link' }}" title="{{ social.title }}"></i> </a> </li> {%- endfor %} </ul> </div> {%- endif %}
</header>