mirror of https://gitlab.com/curben/blog
27 lines
1.6 KiB
Plaintext
27 lines
1.6 KiB
Plaintext
<header id="header" class="header">
|
|
<%/* Nav menu for desktop */%>
|
|
<nav id="main-nav" class="main-nav">
|
|
<% for (let i in theme.menu) { %>
|
|
<a class="main-nav-link" href="<%- url_for(theme.menu[i]) %>"><%= i %></a>
|
|
<% } %>
|
|
|
|
<div class="searchContainer">
|
|
<input class="searchBox" type="text" id="search" placeholder="Search...">
|
|
<a class="searchBtn" href="#" onClick="window.open('https%3A%2F%2Fgitlab.com%2Fsearch%3Futf8%3D%25E2%259C%2593%26search%3D' + document.getElementById('search').value + '%26group_id%3D%26project_id%3D8306723%26search_code%3Dtrue%26repository_ref%3Dmaster')"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg><!-- Font Awesome Free 5.5.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --></a>
|
|
</div>
|
|
</nav>
|
|
<%/* Nav menu for mobile */%>
|
|
<nav class="mobile-nav">
|
|
<h1 class="nickname"><%= theme.nickname %></h1>
|
|
<ul class="mobile-nav-menu">
|
|
<label for="mobile-menu-toggle"><a>☰ Menu</a></label>
|
|
<input id="mobile-menu-toggle" type="checkbox"/>
|
|
<ul class="mobile-nav-link">
|
|
<% for (let i in theme.menu) { %>
|
|
<a href="<%- url_for(theme.menu[i]) %>"><%= i %></a>
|
|
<% } %>
|
|
</ul>
|
|
</ul>
|
|
</nav>
|
|
</header>
|