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

56 lines
2.4 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 */%>
feat(js): hide mobile menu when click outside - https://htmldom.dev/detect-clicks-outside-of-an-element
2020-04-04 05:53:32 +00:00
<nav class="main-nav">
fix(footer): propagate footer links from config
2020-03-06 11:05:51 +00:00
<% for (const 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
fix(search): consistent class name style
2020-03-20 05:37:09 +00:00
<div class="search-container">
Revert "feat(search): use duckduckgo lite/no-js" This reverts commit 159960da0274ed780b731b60ea0dbea64f13e9cd. Only usable as a browser search engine, otherwise shows "forbidden" error message
2020-01-18 05:46:01 +00:00
<form id="searchForm" method="post" action="https://duckduckgo.com/" target="_blank" rel="noopener external nofollow noreferrer">
fix(search): consistent class name style
2020-03-20 05:37:09 +00:00
<input type="text" name="q" class="search-box" placeholder="Search..." title="Powered by DuckDuckGo">
fix(search): use config.url instead of hardcoded url
2019-11-12 10:19:27 +00:00
<input type="hidden" name="sites" value="<%- config.url.replace(/^http(s)?:\/\//, '') %>">
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">
fix(search): consistent class name style
2020-03-20 05:37:09 +00:00
<a class="search-button no-underline" id="search-click">
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">
fix(css): reduce mobile header height - disable line break for site title - remove menu button label - increase size of menu button
2020-03-20 04:21:29 +00:00
<h1 class="site-title"><a href="<%- url_for(theme.menu['Home']) %>"><%= config.title %></a></h1>
style: consistent class name for mobile nav
2018-11-08 01:41:23 +00:00
<ul class="mobile-nav-menu">
feat(js): hide mobile menu when click outside - https://htmldom.dev/detect-clicks-outside-of-an-element
2020-04-04 05:53:32 +00:00
<label for="mobile-menu-toggle"><a class="no-underline" id="menu-button">&#9776;</a></label>
style: consistent class name for mobile nav
2018-11-08 01:41:23 +00:00
<input id="mobile-menu-toggle" type="checkbox"/>
feat(js): hide mobile menu when click outside - https://htmldom.dev/detect-clicks-outside-of-an-element
2020-04-04 05:53:32 +00:00
<ul id="mobile-nav-link">
fix(search): consistent class name style
2020-03-20 05:37:09 +00:00
<div class="search-container">
Revert "feat(search): use duckduckgo lite/no-js" This reverts commit 159960da0274ed780b731b60ea0dbea64f13e9cd. Only usable as a browser search engine, otherwise shows "forbidden" error message
2020-01-18 05:46:01 +00:00
<form id="searchFormMob" method="post" action="https://duckduckgo.com/" target="_blank" rel="noopener external nofollow noreferrer">
fix(search): consistent class name style
2020-03-20 05:37:09 +00:00
<input type="text" name="q" class="search-box" placeholder="Search..." title="Powered by DuckDuckGo">
fix(search): use config.url instead of hardcoded url
2019-11-12 10:19:27 +00:00
<input type="hidden" name="sites" value="<%- config.url.replace(/^http(s)?:\/\//, '') %>">
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">
fix(search): consistent class name style
2020-03-20 05:37:09 +00:00
<a class="search-button no-underline" id="search-click-mobile">
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>
fix(footer): propagate footer links from config
2020-03-06 11:05:51 +00:00
<% for (const i in theme.menu) { %>
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
<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>