<header class=“fixed mast proxima top” role=“banner”>

<nav class="bar left transparent-white ">
    {% assign default_paths = site.pages | map: "path" %} {% assign page_paths = site.header_pages | default: default_paths %}
    <a class="sprite-up logo left ir" role="blog main" href="{{ '/' | relative_url }}">{{ site.title | escape }}</a>
    <a class="left beta-label super-small" href="{{ '/' | relative_url }}"> beta </a>
    <div class="loader left hidden"></div>
    <ul class="horizontal-list left navi-menu hide-on-mobiles">
        {% for path in page_paths %} {% assign my_page = site.pages | where: "path", path | first %} {% if my_page.title %}
        <li>
            <a href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
        </li>
        {% endif %} {% endfor %}
    </ul>
    <div class="left">
        <input type="text" id="search-input" placeholder="Search blog..." class="search">
        <ul id="results-container"></ul>
    </div>

    <ul class="horizontal-list right navi-menu">
        <li>
            <a href="https://bubblin.io"> ← Main site </a>
        </li>

        <li class="hide-on-mobiles">
            <a href="https://bubblin.io/users/new">Sign up</a>
        </li>
        <li class="hide-on-mobiles">
            <a href="https://bubblin.io/login">Login</a>
        </li>
    </ul>

</header>