hexo-theme-keep/layout/_partial/header.ejs

65 lines
2.4 KiB
Plaintext

<header class="header-wrapper">
<%
const { title, logo, logo_img } = theme.base_info
const { title: configTitle } = config
%>
<div class="header-content<%- (theme.style.first_screen.enable === true && is_home() && !page.prev) ? ' has-first-screen' : '' %>">
<div class="left">
<% if (logo || logo_img) { %>
<a class="logo-image" href="/">
<%- image_tag(logo || logo_img) %>
</a>
<% } %>
<a class="logo-title" href="/">
<%= title || configTitle || 'Keep Theme' %>
</a>
</div>
<div class="right">
<div class="pc">
<ul class="menu-list">
<% for (let i in theme.menu) { %>
<li class="menu-item">
<a class="<%- isInHomePaging(page.path, theme.menu[i]) ? 'active' : is_current(theme.menu[i]) ? 'active' : '' %>"
href="<%- url_for(theme.menu[i]) %>"
>
<%= __(i.toLowerCase()).toUpperCase() %>
</a>
</li>
<% } %>
<% if (theme.local_search.enable === true) { %>
<li class="menu-item search search-popup-trigger">
<i class="fas fa-search"></i>
</li>
<% } %>
</ul>
</div>
<div class="mobile">
<% if (theme.local_search.enable === true) { %>
<div class="icon-item search search-popup-trigger"><i class="fas fa-search"></i></div>
<% } %>
<div class="icon-item menu-bar">
<div class="menu-bar-middle"></div>
</div>
</div>
</div>
</div>
<div class="header-drawer">
<ul class="drawer-menu-list">
<% for (let i in theme.menu) { %>
<li class="drawer-menu-item flex-center">
<a class="<%- isInHomePaging(page.path, theme.menu[i]) ? 'active' : is_current(theme.menu[i]) ? 'active' : '' %>"
href="<%- url_for(theme.menu[i]) %>"><%= __(i.toLowerCase()).toUpperCase() %></a>
</li>
<% } %>
</ul>
</div>
<div class="window-mask"></div>
</header>