{%- capture headerContent -%}
  <img
    srcset="
      {{ globals.avatar_header }}?class=w100&v={% appVersion %} 100w,
      {{ globals.avatar_header }}?class=w200&v={% appVersion %} 200w
    "
    sizes="(max-width: 450px) 100px, 200px"
    class="icon" src="{{ globals.avatar_header }}?class=w100&v={% appVersion %}"
    alt="{{ globals.site_name }}"
    width="100"
    height="145"
  />
  <span>Cory</span> <span>Dransfeldt</span>
{%- endcapture -%}
<section class="main-title">
  <h1>
    {%- if page.url == "/" -%}
      {{ headerContent }}
    {%- else -%}
      <a href="/" tabindex="0">{{ headerContent }}</a>
    {%- endif -%}
  </h1>
  {% render "nav/menu.liquid",
    page:page,
    nav:nav.primary_icons
    class:"icons"
  %}
</section>
{% render "nav/menu.liquid",
  page:page,
  nav:nav.primary
  class:"primary"
%}