dfx-jekyll-mdl/_includes/header.html
Tony Tkacik c97cc68e61 baseline for dfx-mdl
Signed-off-by: Tony Tkacik <tonydamage@gmail.com>
2016-12-20 20:22:30 +01:00

36 lines
1.2 KiB
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>
<div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable is-upgraded">
<label class="mdl-button mdl-js-button mdl-button--icon" for="js-search__input">
<i class="material-icons">search</i>
</label>
<div class="mdl-textfield__expandable-holder" >
<input class="mdl-textfield__input super-search__input" type="text" id="js-search__input" />
</div>
</div>
<button class="mdl-button mdl-js-button mdl-button--icon" id="menu-lower-left">
<i class="material-icons">more_vert</i>
</button>
<ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="menu-lower-left">
{% for option in site.more_vert %}
<li><a href="{{ option[1].link }}" class="mdl-menu__item">{{ option[1].name }}</a></li>
{% endfor %}
</ul>
</div>
</header>
<div class="mdl-layout__drawer">
<span class="mdl-layout-title">Menu</span>
{% include navigation.html %}
</div>