header.html

<header class="mdl-layout__header mdl-layout__header--scroll">
    <div class="mdl-layout__header-row"><a id="logolink" href="/"><img id="logoimage"
                src="{{site.img|append:'logo.svg'}}" alt="Open GApps logo" /></a></div>
    <div class="mdl-layout__header-row" id="toplinks">
        <div class="mdl-layout-spacer"></div>
        <nav class="mdl-navigation">
            {% for navitem in site.data.nav.nav1 %}<a
                class="mdl-navigation__link link mdl-navigation__link--icon mdl-layout--large-screen-only"
                id="{{navitem.name|downcase|append:'link'}}" href="{{navitem.link}}" {% if navitem.onclick %}
                onclick="{{navitem.onclick}}" {% endif %}>{{navitem.customicon}}<i
                    class="material-icons">{{navitem.icon}}</i> {{navitem.name}}</a>{% endfor %}
            <a class="mdl-navigation__link link mdl-navigation__link--icon mdl-layout--large-screen-only"
                id="pushbulletlink" href="#"><i class="material-icons">notifications</i> Pushbullet</a>
            <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect mdl-layout--large-screen-only"
                data-mdl-for="pushbulletlink">
                {% for navitem in site.data.nav.pushbullet %}<a href="{{site.pushbullet|append:{{navitem.tag}}">
                    <li class="mdl-menu__item">{{navitem.name}} Releases</li>
                </a>{% endfor %}
            </ul>
            {% for navitem in site.data.nav.nav2 %}<a
                class="mdl-navigation__link link mdl-navigation__link--icon mdl-layout--large-screen-only"
                id="{{navitem.name|downcase|append:'link'}}" href="{{navitem.link}}" {% if navitem.onclick %}
                onclick="{{navitem.onclick}}" {% endif %}>{{navitem.customicon}}<i
                    class="material-icons">{{navitem.icon}}</i> {{navitem.name}}</a>{% endfor %}
        </nav>
    </div>