You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
160 lines
6.0 KiB
160 lines
6.0 KiB
<div id="loading-bar-wrapper"> |
|
<div id="loading-bar"></div> |
|
</div> |
|
<header class="l_header<%- page.sidebar == false ? ' no_sidebar' : '' %> <%- theme.style.navbar.effect.join(' ') %>"> |
|
|
|
<div class='wrapper'> |
|
<div class='nav-sub'> |
|
<a class="logo flat-box"></a> |
|
<ul class='switcher h-list'> |
|
<li><a class="s-comment flat-btn fas fa-comments fa-fw" target="_self" href='javascript:void(0)'></a></li> |
|
<% if (page.sidebar == undefined || page.sidebar != false) { %> |
|
<li><a class="s-toc flat-btn fas fa-list fa-fw" target="_self" href='javascript:void(0)'></a></li> |
|
<% } %> |
|
</ul> |
|
</div> |
|
<div class="nav-main"> |
|
<% if (theme.navbar.logo) { %> |
|
<% let logo = theme.navbar.logo %> |
|
<a class="logo flat-box" target="_self" href='<%- url_for("/") %>'> |
|
<% if (logo.img) { %> |
|
<img class='logo' src='<%- logo.img %>'/> |
|
<% } %> |
|
<% if (logo.icon) { %> |
|
<i class='<%- logo.icon %>'></i> |
|
<% } %> |
|
<% if (logo.title) { %> |
|
<%- logo.title %> |
|
<% } %> |
|
<% if (logo.title == undefined && logo.icon == undefined && logo.img == undefined) { %> |
|
<%- theme.info.name.toUpperCase() %> <b><sup style='color:<%- theme.info.version.indexOf('beta') > 0 ? '#ff9800':'#3AA757' %>'><%- theme.info.version %></sup></b> |
|
<% } %> |
|
</a> |
|
<% } %> |
|
|
|
<% if (theme.search.enable === true && theme.style.navbar.width != 'auto') { %> |
|
<div class="m_search"> |
|
<form name="searchform" class="form u-search-form"> |
|
<i class="icon fas fa-search fa-fw"></i> |
|
<input type="text" class="input u-search-input" placeholder="<%- theme.navbar && theme.navbar.search %>" /> |
|
</form> |
|
</div> |
|
<% } %> |
|
|
|
<div class='menu navigation'> |
|
<ul class='h-list'> |
|
<% |
|
let menu_desktop; |
|
if (site.data && site.data.menu && site.data.menu.on_desktop) { |
|
menu_desktop = site.data.menu.on_desktop; |
|
} else { |
|
menu_desktop = theme.navbar.menu.on_desktop; |
|
} |
|
menu_desktop = menu_desktop || []; |
|
%> |
|
<% function menu(value) { %> |
|
<% if (value.name == 'hr') { %> |
|
<hr> |
|
<% } else if (value.icon && value.icon.indexOf('fa-compact-disc') > -1 && value.url == undefined && value.rows == undefined) { %> |
|
<li> |
|
<a class="flat-box"> |
|
<i class='<%= value.icon %> fa-fw music'></i> |
|
<%- value.name %> |
|
</a> |
|
<ul class="submenu"> |
|
<li class='header'> |
|
<div class="aplayer-container"> |
|
<%- partial('../_third-party/aplayer', {post: null, where: 'footer'}) %> |
|
</div> |
|
</li> |
|
</ul> |
|
<li> |
|
<% } else if (value.name != undefined && value.url == undefined && value.rows == undefined) { %> |
|
<li class='header'> |
|
<% if (value.icon) { %> |
|
<i class='<%= value.icon %> fa-fw'></i> |
|
<% } %> |
|
<%- value.name %> |
|
</li> |
|
<% } else { %> |
|
<li> |
|
<a class="flat-box" <%= value.url ? 'href='+ url_for(value.url)+'' : ''%> |
|
<% if (value.rel) { %> |
|
rel="<%- value.rel %>" |
|
<% } %> |
|
<% if (value.target) { %> |
|
target="<%- value.target %>" |
|
<% } %> |
|
<% if (value.url) { %> |
|
id="<%= url_for(value.url).replace(/\/|%|\./g, "")?url_for(value.url).replace(/\/|%|\./g, ""):"home" %>" |
|
<% } %>> |
|
<% if (value.icon) { %> |
|
<i class='<%= value.icon %> fa-fw'></i> |
|
<% } %> |
|
<%- value.name %> |
|
</a> |
|
<% if (value.rows) { %> |
|
<ul class="submenu"> |
|
<% value.rows.forEach(function(value){ %> |
|
<% menu(value) %> |
|
<%})%> |
|
</ul> |
|
<% } %> |
|
</li> |
|
<% } %> |
|
<% } %> |
|
<% menu_desktop.forEach(function(value){ %> |
|
<% menu(value) %> |
|
<%})%> |
|
</ul> |
|
</div> |
|
|
|
<% if (theme.search.enable === true && theme.style.navbar.width == 'auto') { %> |
|
<div class="m_search"> |
|
<form name="searchform" class="form u-search-form"> |
|
<i class="icon fas fa-search fa-fw"></i> |
|
<input type="text" class="input u-search-input" placeholder="<%- theme.navbar && theme.navbar.search %>" /> |
|
</form> |
|
</div> |
|
<% } %> |
|
|
|
<ul class='switcher h-list'> |
|
<% if (theme.search.enable === true) { %> |
|
<li><a class="s-search flat-btn fas fa-search fa-fw" target="_self" href='javascript:void(0)'></a></li> |
|
<% } %> |
|
<li><a class="s-menu flat-btn fas fa-bars fa-fw" target="_self" href='javascript:void(0)'></a></li> |
|
</ul> |
|
</div> |
|
</div> |
|
</header> |
|
<ul class="menu-phone navigation white-box"> |
|
<% |
|
let menu_mobile; |
|
if (site.data && site.data.menu && site.data.menu.on_mobile) { |
|
menu_mobile = site.data.menu.on_mobile; |
|
} else { |
|
menu_mobile = theme.navbar.menu.on_mobile; |
|
} |
|
menu_mobile = menu_mobile || []; |
|
%> |
|
<% menu_mobile.forEach(function(value){ %> |
|
<li> |
|
<a class="flat-box" <%= value.url ? 'href='+ url_for(value.url)+'' : ''%> |
|
<% if (value.rel) { %> |
|
rel="<%- value.rel %>" |
|
<% } %> |
|
<% if (value.target) { %> |
|
target="<%- value.target %>" |
|
<% } %> |
|
<% if (value.url) { %> |
|
id="<%= url_for(value.url).replace(/\/|%|\./g, "")?url_for(value.url).replace(/\/|%|\./g, ""):"home" %>" |
|
<% } %>> |
|
<% if (value.icon) { %> |
|
<i class='<%= value.icon %> fa-fw'></i> |
|
<% } %> |
|
<%- value.name %> |
|
</a> |
|
</li> |
|
<%})%> |
|
</ul> |
|
<script>setLoadingBarProgress(40);</script>
|
|
|