|
|
|
|
<header class="l_header">
|
|
|
|
|
<div class='wrapper'>
|
|
|
|
|
<div class="nav-main container container--flex">
|
|
|
|
|
<a class="logo flat-box" href='<%= url_for("/") %>' >
|
|
|
|
|
<!-- <i class="fa fa-home"></i> -->
|
|
|
|
|
<%- config.title %>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<div class='menu'>
|
|
|
|
|
<ul class='h-list'>
|
|
|
|
|
<% (config.materialx && config.materialx.nav_menu && (config.materialx.nav_menu||[]) || (theme.materialx.nav_menu||[])).forEach(function(value){ %>
|
|
|
|
|
<li>
|
|
|
|
|
<a class='flat-box nav-<%=value.slug%>' href='<%=url_for(value.url)%>'>
|
|
|
|
|
<i class="fa fa-<%=value.fa%> fa-fw"></i>
|
|
|
|
|
<%=value.name%>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
<%})%>
|
|
|
|
|
</ul>
|
|
|
|
|
<div class='underline'></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<% if (theme.nav_search.enable === true) { %>
|
|
|
|
|
<div class="m_search">
|
|
|
|
|
<form name="searchform" class="form u-search-form">
|
|
|
|
|
<input type="text" class="input u-search-input" placeholder="Search" />
|
|
|
|
|
<span class="icon"><i class="fa fa-search fa-fw"></i></span>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<% } %>
|
|
|
|
|
<ul class='switcher h-list'>
|
|
|
|
|
<% if (theme.nav_search.enable === true) { %>
|
|
|
|
|
<li class='s-search'><a href='javascript:void(0)'><i class="fa fa-search fa-fw"></i></span></a></li>
|
|
|
|
|
<% } %>
|
|
|
|
|
<li class='s-menu'><a href='javascript:void(0)'><i class="fa fa-navicon fa-fw"></i></a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class='nav-sub container container--flex'>
|
|
|
|
|
<a class="logo" class="flat-box" href='javascript:void(0)'>
|
|
|
|
|
xaoxuu
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<ul class='switcher h-list'>
|
|
|
|
|
<li class='s-comment'><a href='javascript:void(0)'><i class="fa fa-comments fa-fw"></i></a></li>
|
|
|
|
|
<li class='s-top'><a href='javascript:void(0)'><i class="fa fa-arrow-up fa-fw"></i></a></li>
|
|
|
|
|
<li class='s-toc'><a href='javascript:void(0)'><i class="fa fa-list-ul fa-fw"></i></a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</header>
|
|
|
|
|
<aside class="menu-phone">
|
|
|
|
|
<div class="header"><%=config.title%></div>
|
|
|
|
|
<nav>
|
|
|
|
|
<% (config.materialx && config.materialx.nav_menu && (config.materialx.nav_menu||[]) || (theme.materialx.nav_menu||[])).forEach(function(value, key) {
|
|
|
|
|
if (value.url && value.slug && value.name) { %>
|
|
|
|
|
<a href="<%= url_for(value.url) %>" class="nav-<%= value.slug %> nav">
|
|
|
|
|
<i class="fa fa-<%=value.fa%>"></i>
|
|
|
|
|
<%= value.name %>
|
|
|
|
|
</a>
|
|
|
|
|
<% } }); %>
|
|
|
|
|
</nav>
|
|
|
|
|
</aside>
|
