opdavies/oliverdavies.uk-old-sculpin
Archived
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Refactor to use a for loop

Browse source
This commit is contained in:
Oliver Davies 2017-09-10 22:40:01 +01:00
parent 3fa3c70e51
commit 88f6cea048
1 changed files with 16 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
source/_includes/nav.html.twig
View file

@ -1,35 +1,27 @@
<header class="w-100 pa3 ph4-ns bg-white">
<div class="db dt-ns mw9 center w-100">
<div class="db dtc-ns v-mid tl w-50">
<a href="/" class="dib f5 f4-ns mt0 mb1 link" title="Home">
<a href="/" class="dib f5 f4-ns mt0 mb1 link black-70" title="Home">
{{ site.title }}
</a>
</div>
{% set links = [
{ title: 'About', href: '/' },
{ 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">
<a href="/" class="f6 hover-blue link ml2 ml-m ml4-l dib {{ page.url == '/.' ? 'black' : 'black-70' }}">
About
</a>
<a href="/experience" class="f6 hover-blue link ml2 ml-m ml4-l dib {{ page.url == '/experience' ? 'black' : 'black-70' }}">
Experience
</a>
<a href="/testimonials" class="f6 hover-blue link ml2 ml-m ml4-l dib {{ page.url == '/testimonials' ? 'black' : 'black-70' }}">
Testimonials
</a>
<a href="/talks" class="f6 hover-blue link ml2 ml-m ml4-l dib {{ page.url matches '#^/talks/?#' ? 'black' : 'black-70' }}">
Talks
</a>
<a href="/blog" class="f6 hover-blue link ml2 ml-m ml4-l dib {{ page.url matches '#^/blog/?#' ? 'black' : 'black-70' }}">
Blog
</a>
<a href="/contact" class="f6 hover-blue link ml2 ml-m ml4-l dn dib-l {{ page.url matches '#^/contact/?#' ? 'black' : 'black-70' }}">
Contact
</a>
{% for link in links %}
{% set pattern = '#^' ~ link.href ~ '(.|/)?#' %}
<a href="{{ link.href }}" class="f6 hover-blue link ml2 ml-m ml4-l dib {{ page.url matches pattern ? 'black' : 'black-70' }}">
{{- link.title -}}
</a>
{% endfor %}
</nav>
</div>
</header>