32 lines
1.1 KiB
Twig
32 lines
1.1 KiB
Twig
<header class="w-100 ph4-ns bg-white bb b--light-gray mb2">
|
|
<div class="db dt-ns mw9 center w-100">
|
|
<div class="db dtc-ns v-mid tl w-30">
|
|
<a href="/" class="dib f5 mt0 link black-70" title="Home">
|
|
{{ site.title }}
|
|
</a>
|
|
</div>
|
|
|
|
{% set links = [
|
|
{ title: 'About', href: '/', pattern: '/\\.' },
|
|
{ title: 'Experience', href: '/experience' },
|
|
{ title: 'Testimonials', href: '/testimonials' },
|
|
{ title: 'Talks', href: '/talks' },
|
|
{ title: 'Blog', href: '/blog' },
|
|
{ title: 'Contact', href: '/contact' }
|
|
] %}
|
|
|
|
<nav class="db dtc-ns v-mid w-100 tl tr-ns mt2 mt0-ns">
|
|
{% for link in links %}
|
|
{% set classes = [
|
|
'f6 hover-blue link dib pv3',
|
|
page.url matches '#^' ~ (link.pattern ?: link.href) ~ '/?#' ? 'black bb b--blue bw1' : 'black-50',
|
|
not loop.first ? 'ml3',
|
|
] %}
|
|
<a href="{{ link.href }}" class="{{ classes|join(' ')|trim }}">
|
|
{{- link.title -}}
|
|
</a>
|
|
{% endfor %}
|
|
</nav>
|
|
</div>
|
|
</header>
|