curben
/
blog
mirror of https://gitlab.com/curben/blog
1
0
Fork 0
Code Issues Releases Wiki Activity
blog/themes/chameleon/layout/_partial/header.ejs

55 lines
2.3 KiB
Plaintext
Raw Normal View History

Install 'typing' theme
2018-09-10 09:21:59 +00:00
<header id="header" class="header">
refactor: re-implement nav menu without javascript inspired by https://github.com/paulcarl/skelepico-theme
2018-11-06 06:32:15 +00:00
<%/* Nav menu for desktop */%>
style: remove unused left nav menu
2018-11-08 01:57:15 +00:00
<nav id="main-nav" class="main-nav">
style: use ES6 syntax and standard style
2018-11-01 01:35:09 +00:00
<% for (let i in theme.menu) { %>
Install 'typing' theme
2018-09-10 09:21:59 +00:00
<a class="main-nav-link" href="<%- url_for(theme.menu[i]) %>"><%= i %></a>
<% } %>
feat: implement search bar a crude search bar by piggybacking on gitlab search. future enhancement is implement Algolia.
2018-11-11 06:25:13 +00:00
<div class="searchContainer">
fix(search): do not send referrer - https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types - https://github.com/whatwg/html/issues/2983 - https://github.com/whatwg/html/pull/4332
2019-11-12 10:10:30 +00:00
<form id="searchForm" method="post" action="https://duckduckgo.com/" target="_blank" rel="noopener external nofollow noreferrer">
style(search): 'Powered by' instead of 'Search using'
2019-06-23 07:40:15 +00:00
<input type="text" name="q" class="searchBox" id="searchTxt" placeholder="Search..." title="Powered by DuckDuckGo">
refactor: use 'sites' search parameter https://stackoverflow.com/a/7305734
2019-08-10 14:39:23 +00:00
<input type="hidden" name="sites" value="curben.netlify.com">
feat(search): replace gitlab search with duckduckgo todo: algolia
2019-06-07 09:09:51 +00:00
<input type="hidden" name="kd" value="-1">
<input type="hidden" name="kg" value="p">
<input type="hidden" name="kae" value="#000">
<a class="searchBtn no-underline" id="searchClick">
feat: add tooltip to search button https://developer.mozilla.org/en-US/docs/Web/SVG/Element/title https://developer.mozilla.org/en-US/docs/Web/SVG/Element/desc inline svg doesn't require xmlns attribute https://github.com/svg/svgo/blob/master/plugins/removeXMLNS.js
2019-05-21 04:07:10 +00:00
<svg viewBox="0 0 512 512">
style(search): 'Powered by' instead of 'Search using'
2019-06-23 07:40:15 +00:00
<title>Powered by DuckDuckGo</title>
feat: add tooltip to search button https://developer.mozilla.org/en-US/docs/Web/SVG/Element/title https://developer.mozilla.org/en-US/docs/Web/SVG/Element/desc inline svg doesn't require xmlns attribute https://github.com/svg/svgo/blob/master/plugins/removeXMLNS.js
2019-05-21 04:07:10 +00:00
<desc>Search icon</desc>
<use href="/svg/search.svg#search"/>
</svg>
</a>
feat(search): replace gitlab search with duckduckgo todo: algolia
2019-06-07 09:09:51 +00:00
</form>
feat: implement search bar a crude search bar by piggybacking on gitlab search. future enhancement is implement Algolia.
2018-11-11 06:25:13 +00:00
</div>
Install 'typing' theme
2018-09-10 09:21:59 +00:00
</nav>
refactor: re-implement nav menu without javascript inspired by https://github.com/paulcarl/skelepico-theme
2018-11-06 06:32:15 +00:00
<%/* Nav menu for mobile */%>
<nav class="mobile-nav">
style: consistent class name for mobile nav
2018-11-08 01:41:23 +00:00
<ul class="mobile-nav-menu">
fix: mobile nav appears out of border in .article don't underline certain <a> tags
2018-11-12 10:13:32 +00:00
<label for="mobile-menu-toggle"><a class="no-underline">&#9776; Menu</a></label>
style: consistent class name for mobile nav
2018-11-08 01:41:23 +00:00
<input id="mobile-menu-toggle" type="checkbox"/>
<ul class="mobile-nav-link">
feat: add search function to mobile page * add a gap after search form to prevent misclick * use addEventListener() instead of onclick() - https://stackoverflow.com/a/34216918
2019-06-01 09:21:51 +00:00
<div class="searchContainer">
fix(search): do not send referrer - https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types - https://github.com/whatwg/html/issues/2983 - https://github.com/whatwg/html/pull/4332
2019-11-12 10:10:30 +00:00
<form id="searchFormMob" method="post" action="https://duckduckgo.com/" target="_blank" rel="noopener external nofollow noreferrer">
style(search): 'Powered by' instead of 'Search using'
2019-06-23 07:40:15 +00:00
<input type="text" name="q" class="searchBox" id="searchTxtMob" placeholder="Search..." title="Powered by DuckDuckGo">
refactor: use 'sites' search parameter https://stackoverflow.com/a/7305734
2019-08-10 14:39:23 +00:00
<input type="hidden" name="sites" value="curben.netlify.com">
feat(search): replace gitlab search with duckduckgo todo: algolia
2019-06-07 09:09:51 +00:00
<input type="hidden" name="kd" value="-1">
<input type="hidden" name="kg" value="p">
<input type="hidden" name="kae" value="#000">
<a class="searchBtn no-underline" id="searchClickMob">
feat: add search function to mobile page * add a gap after search form to prevent misclick * use addEventListener() instead of onclick() - https://stackoverflow.com/a/34216918
2019-06-01 09:21:51 +00:00
<svg viewBox="0 0 512 512">
style(search): 'Powered by' instead of 'Search using'
2019-06-23 07:40:15 +00:00
<title>Powered by DuckDuckGo</title>
feat: add search function to mobile page * add a gap after search form to prevent misclick * use addEventListener() instead of onclick() - https://stackoverflow.com/a/34216918
2019-06-01 09:21:51 +00:00
<desc>Search icon</desc>
<use href="/svg/search.svg#search"/>
</svg>
</a>
feat(search): replace gitlab search with duckduckgo todo: algolia
2019-06-07 09:09:51 +00:00
</form>
feat: add search function to mobile page * add a gap after search form to prevent misclick * use addEventListener() instead of onclick() - https://stackoverflow.com/a/34216918
2019-06-01 09:21:51 +00:00
</div>
style(search): 'Powered by' instead of 'Search using'
2019-06-23 07:40:15 +00:00
<i>Powered by DuckDuckGo</i>
feat: add search function to mobile page * add a gap after search form to prevent misclick * use addEventListener() instead of onclick() - https://stackoverflow.com/a/34216918
2019-06-01 09:21:51 +00:00
<% for (let i in theme.menu) { %>
<a class="mobile-nav-link-a" href="<%- url_for(theme.menu[i]) %>"><%= i %></a>
<% } %>
refactor: re-implement nav menu without javascript inspired by https://github.com/paulcarl/skelepico-theme
2018-11-06 06:32:15 +00:00
</ul>
</ul>
</nav>
Install 'typing' theme
2018-09-10 09:21:59 +00:00
</header>