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

Add active classes based on the URL

Browse source
This commit is contained in:
Oliver Davies 2016-06-06 18:30:24 +01:00
parent e1d01a2714
commit b1ba8f201a
108 changed files with 19 additions and 119 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -12,11 +12,25 @@
<div id="navbar" class="collapse navbar-collapse" role="navigation">
<ul class="nav navbar-nav">
{% for id, link in site.main_menu %}
<li class="{{ page.nav == id ? 'active' }}">
<a href="{{ site.url }}{{ link.href }}">{{ link.title }}</a>
</li>
{% endfor %}
<li class="{{ page.url == '/.' ? 'active' }}">
<a href="/">About</a>
</li>
<li class="{{ page.url == '/talks' or '/talks/' in page.url ? 'active' }}">
<a href="/talks/">Talks</a>
</li>
<li class="{{ page.url == '/experience' ? 'active' }}">
<a href="/experience/">Experience</a>
</li>
<li class="{{ page.url == '/blog' or '/blog/' in page.url ? 'active' }}">
<a href="/blog/">Blog</a>
</li>
<li class="{{ page.url == '/contact' or '/contact-' in page.url ? 'active' }}">
<a href="/contact/">Contact</a>
</li>
</ul>
</div>{# .nav-collapse #}
</div>