kcl-digital-humanities-garden/_includes/header.html

<header id="header" class="f5 pa3 flex bb b--foreground-text bg-background justify-between sticky top-0 w-100 items-baseline z-3">
  {%- assign default_paths = site.pages | map: "path" -%}
  {%- assign page_paths = site.header_pages | default: default_paths -%}
  {%- assign titles_size = site.pages | map: 'title' | join: '' | size -%}

  <div class="flex items-baseline">
    <a class="no-underline f4 foreground-text anthony mr3" rel="author" href="{{ "/" | relative_url }}">✿ {{ site.title | escape }}</a>
    {% if page.url != "/" %}
      <div id="gardenConditions" class="br-pill code f7 ba pv2 ph3"></div>
    {% endif %}
  </div>


  {%- if titles_size > 0 -%}
    <nav class="f7 code flex">
      {%- for path in page_paths -%}
        {%- assign my_page = site.pages | where: "path", path | first -%}
        {%- if my_page.title -%}
          <a class="no-underline foreground-text underline-hover" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
        {%- endif -%}
      {%- endfor -%}
      <a class="no-underline foreground-text ml3 underline-hover" href="{{ "/feed.xml" | relative_url }}">RSS Feed</a>
      <a class="no-underline foreground-text ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
    </nav>
  {%- endif -%}
</header>