<nav class="uk-navbar-container uk-box-shadow-medium" uk-navbar uk-sticky>
    <div class="uk-navbar-left flex row-a rc-baseline-a rm-start-a cm-center-a w-wrap-a">
        <a class="uk-navbar-item uk-logo compact-logo-n" href="/index.html"><%= config.title %></a>
        <span class="uk-navbar-item compact-slogon-n">用碎片化的时间收集碎片化的知识</span>
    </div>
    <div class="uk-navbar-right">
        <a href="#" class="uk-navbar-toggle hiw" uk-navbar-toggle-icon uk-toggle="target: #off-menu"></a>
        <ul class="uk-navbar-nav hin him">
            <% if (!is_home()) { %>
            <li><a href="/index.html">返回首页</a></li>
            <% } %>
            <li<% if (is_current('/categories')) { %> class="uk-active"<% } %>><a href="/categories">知识分类</a></li>
            <li<% if (is_current('/tags')) { %> class="uk-active"<% } %>><a href="/tags">知识标签</a></li>
            <li<% if (is_archive()) { %> class="uk-active"<% } %>><a href="/archives">归档文章</a></li>
        </ul>
    </div>
</nav>
<div id="off-menu" class="offcanvas-menu" uk-offcanvas="flip: true; mode: push; overlay: true">
    <div class="uk-offcanvas-bar">
        <button class="uk-offcanvas-close" type="button" uk-close></button>
        <div class="uk-card uk-card-small uk-card-default uk-card-body mt-4 mb-2">
            <ul class="uk-nav-default hiw" uk-nav>
                <% if (!is_home()) { %>
                <li><a href="/index.html">返回首页</a></li>
                <% } %>
                <li<% if (is_current('/categories')) { %> class="uk-active"<% } %>><a href="/categories">知识分类</a></li>
                <li<% if (is_current('/tags')) { %> class="uk-active"<% } %>><a href="/tags">知识标签</a></li>
                <li<% if (is_archive()) { %> class="uk-active"<% } %>><a href="/archives">归档文章</a></li>
            </ul>
        </div>
        <%- partial('partial/side', {'noCategories': false, 'noTags' : false}) %>
    </div>
</div>