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

Tidy nav code

Browse source
This commit is contained in:
Oliver Davies 2018-04-26 14:54:14 +01:00
parent 82b80a4d42
commit 82fb207372
1 changed files with 7 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -16,48 +16,17 @@
</div>
{% set links = [
{
title: 'About',
href: '/',
pattern: '^/.$'
},
{
title: 'Experience',
href: '/experience',
pattern: '^/experience/?$'
},
{
title: 'Talks',
href: '/talks',
pattern: '^/talks/?'
},
{
title: 'Open Source',
href: '/opensource',
pattern: '^/opensource/?$'
},
{
title: 'Blog',
href: '/blog',
pattern: '^/blog/?'
},
{
title: 'Contact',
href: '/contact',
pattern: '^/contact/?'
}
{ title: 'About', href: '/', pattern: '^/.$' },
{ title: 'Experience', href: '/experience', pattern: '^/experience/?$' },
{ title: 'Talks', href: '/talks', pattern: '^/talks/?' },
{ title: 'Open Source', href: '/opensource', pattern: '^/opensource/?$' },
{ title: 'Blog', href: '/blog', pattern: '^/blog/?' },
{ title: 'Contact', href: '/contact', pattern: '^/contact/?' }
] %}
<nav class="hidden w-full md:w-2/3 lg:w-3/4 sm:flex sm:flex-wrap sm:justify-end">
{% for link in links %}
<a
href="{{ link.href }}"
class="
flex items-center -mx-4 p-4 sm:border-b-3 sm:border-transparent sm:ml-4 sm:mr-0 sm:p-0
{{ loop.first ? 'border-t border-grey-lighter sm:border-t-0 sm:border-transparent' }}
{{ page.url matches '#' ~ link.pattern ~ '#' ? 'sm:bg-transparent sm:border-blue' }}
"
>
<a href="{{ link.href }}" class="flex items-center -mx-4 p-4 sm:border-b-3 sm:border-transparent sm:ml-4 sm:mr-0 sm:p-0 {{ loop.first ? 'border-t border-grey-lighter sm:border-t-0 sm:border-transparent' }} {{ page.url matches '#' ~ link.pattern ~ '#' ? 'sm:bg-transparent sm:border-blue' }}">
{{ link.title }}
</a>
{% endfor %}