68 lines
3.7 KiB
HTML
68 lines
3.7 KiB
HTML
<header class="nav" role="banner">
|
|
<!-- Skip to button -->
|
|
<a class="skip-link" href="#main-content">Skip to content</a>
|
|
|
|
<nav class="nav__container container">
|
|
|
|
{%- assign default_paths = site.pages | map: "path" -%}
|
|
{%- assign page_paths = site.header_pages | default: default_paths -%}
|
|
|
|
<!-- Logo -->
|
|
<a rel="author" href="{{ "/" | relative_url }}">
|
|
<h1 class="visually-hidden">{{ site.title }}</h1>
|
|
{% include logo.html %}
|
|
</a>
|
|
|
|
<!-- Mobile menu button -->
|
|
<button class="nav__menu-trigger hidden-md" type="button" aria-label="Navigation Menu" aria-expanded="false">
|
|
<span class="visually-hidden">Menu</span>
|
|
<span class="hamburger">
|
|
<span class="hamburger__inner"></span>
|
|
</span>
|
|
</button>
|
|
|
|
<!-- Page list -->
|
|
{%- if page_paths -%}
|
|
<ul class="nav-list list--plain monospace">
|
|
{%- for path in page_paths -%}
|
|
{%- assign my_page = site.pages | where: "path", path | first -%}
|
|
{% assign class = nil %}
|
|
{% if page.url == my_page.url %}
|
|
{% assign class = 'active' %}
|
|
{% endif %}
|
|
{%- if my_page.title -%}
|
|
<li class="nav-list__item">
|
|
<a class="nav-list__link {{ class }}" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
|
|
</li>
|
|
{%- endif -%}
|
|
{%- endfor -%}
|
|
|
|
<!-- Social icons (mobile only) -->
|
|
<li class="nav-social-list hidden-md">
|
|
<a class="nav-social-list__item text-white no-underline" href="https://www.twitter.com/{{ site.twitter_username| cgi_escape | escape }}">
|
|
<svg class="svg-icon"><use xlink:href="{{ '/assets/images/icons/social-icons.svg#twitter' | relative_url }}"></use></svg>
|
|
<span class="visually-hidden">Scribd on Twitter</span>
|
|
</a>
|
|
<a class="nav-social-list__item text-white no-underline" href="https://www.facebook.com/{{ site.facebook_username| cgi_escape | escape }}">
|
|
<svg class="svg-icon"><use xlink:href="{{ '/assets/images/icons/social-icons.svg#facebook' | relative_url }}"></use></svg>
|
|
<span class="visually-hidden">Scribd on Facebook</span>
|
|
</a>
|
|
<a class="nav-social-list__item text-white no-underline" href="https://www.linkedin.com/company/{{ site.linkedin_username| cgi_escape | escape }}">
|
|
<svg class="svg-icon"><use xlink:href="{{ '/assets/images/icons/social-icons.svg#linkedin' | relative_url }}"></use></svg>
|
|
<span class="visually-hidden">Scribd on LinkedIn</span>
|
|
</a>
|
|
<a class="nav-social-list__item text-white no-underline" href="https://github.com/{{ site.github_username| cgi_escape | escape }}">
|
|
<svg class="svg-icon"><use xlink:href="{{ '/assets/images/icons/social-icons.svg#github' | relative_url }}"></use></svg>
|
|
<span class="visually-hidden">Scribd on Github</span>
|
|
</a>
|
|
</li>
|
|
|
|
<!-- Github links (mobile only) -->
|
|
<li class="hidden-md monospace fs-md">
|
|
<a class="nav-github-link text-white" href="{{site.github.repository_url}}/edit/{{ site.branch }}/{{page.path}}">Improve this Page</a><a class="nav-github-link text-white" href="{{site.github.repository_url}}/commits/{{ site.branch }}/{{page.path}}">Page History</a>
|
|
</li>
|
|
</ul>
|
|
{%- endif -%}
|
|
</nav>
|
|
</header>
|