dfx-jekyll-mdl/_includes/header.html
2015-07-11 13:00:36 -06:00

32 lines
983 B
HTML

<header class="mdl-layout__header">
<div class="mdl-layout__header-row">
<!-- Title -->
<span class="mdl-layout-title">{{ site.title }}</span>
<!-- Add spacer, to align navigation to the right -->
<div class="mdl-layout-spacer"></div>
<!-- Navigation. We hide it in small screens. -->
<nav class="mdl-navigation mdl-layout--large-screen-only">
{% for page in site.pages %}
{% if page.title %}
<a class="mdl-navigation__link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
{% endif %}
{% endfor %}
</nav>
</div>
</header>
<div class="mdl-layout__drawer">
<span class="mdl-layout-title">{{ site.title }}</span>
<nav class="mdl-navigation">
{% for page in site.pages %}
{% if page.title %}
<a class="mdl-navigation__link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
{% endif %}
{% endfor %}
</nav>
</div>