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

Use bulma

Browse source
This commit is contained in:
Oliver Davies 2017-07-26 00:13:04 +01:00
parent 7d99c588e7
commit 96038c3286
13 changed files with 75 additions and 75 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,41 +1,31 @@
<nav class="navbar navbar-inverse navbar-fixed-top">
<nav class="navbar">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="{{ site.url }}/">{{ site.title }}</a>
</div>
<div id="navMenuExample" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item {{ page.url == '/.' ? 'is-active' }}" href="/">{% spaceless %}
About
{% endspaceless %}</a>
<div id="navbar" class="collapse navbar-collapse" role="navigation">
<ul class="nav navbar-nav">
<li class="{{ page.url == '/.' ? 'active' }}">
<a href="/">About</a>
</li>
<a class="navbar-item {{ page.url == '/experience' ? 'is-active' }}" href="/experience">{% spaceless %}
Experience
{% endspaceless %}</a>
<li class="{{ page.url == '/experience' ? 'active' }}">
<a href="/experience">Experience</a>
</li>
<a class="navbar-item {{ page.url == '/testimonials' ? 'is-active' }}" href="/testimonials">{% spaceless %}
Testimonials
{% endspaceless %}</a>
<li class="{{ page.url == '/testimonials' ? 'active' }}">
<a href="/testimonials">Testimonials</a>
</li>
<a class="navbar-item {{ page.url == '/talks' or '/talks/' in page.url }}" href="/talks">{% spaceless %}
Talks
{% endspaceless %}</a>
<li class="{{ page.url == '/talks' or '/talks/' in page.url ? 'active' }}">
<a href="/talks">Talks</a>
</li>
<a class="navbar-item {{ page.url == '/blog' or '/blog/' in page.url }}" href="/blog">{% spaceless %}
Blog
{% endspaceless %}</a>
<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 #}
<a class="navbar-item {{ page.url == '/contact' or '/contact/' in page.url }}" href="/contact">{% spaceless %}
Contact
{% endspaceless %}</a>
</div>
</div>
</div>
</nav>