Revert "experiment search box"

This reverts commit 0e9507228c.

experiment search box
This commit is contained in:
Huy Tran 2018-09-20 16:50:34 +10:00
parent 5267b4e64b
commit ae1931e477
7 changed files with 41 additions and 200 deletions

View file

@ -1,16 +1,37 @@
<!-- Sidebar -->
<div class="sidebar">
<div class="container {{ with .Site.Params.sidebarSticky }}sidebar-sticky{{ end }}">
<div class="sidebar-about">
<span class="site__title">
<a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
</span>
{{ with .Site.Params.authorimage }}
{{ $strippedSlash := ($.Site.Params.authorimage | replaceRE "^(/)+(.*)" "$2") }}
{{ $authorImage := (printf "%s/%s" $.Site.BaseURL $strippedSlash) }}
<div class="author-image">
<img src="{{$authorImage}}" alt="Author Image" class="img--circle img--headshot element--center">
</div>
{{ end }}
<p class="site__description">
{{ with .Site.Params.description }} {{.}} {{end}}
</p>
</div>
<div class="collapsible-menu">
<input type="checkbox" id="menuToggle">
<label for="menuToggle">{{ .Site.Title }}</label>
<div class="menu-content">
{{ partial "sidebar/about.html" . }}
{{ partial "sidebar/menu.html" . }}
{{ partial "sidebar/social.html" . }}
{{ partial "sidebar/copyright.html" . }}
{{ partial "sidebar/search.html" . }}
</div>
</div>
<p class="copyright">
{{ with .Site.Params.copyright }}{{.|safeHTML}}{{ else }}&copy; {{ now.Format "2006"}} {{.Site.Params.author}}.
<a href="https://creativecommons.org/licenses/by-sa/4.0">Some Rights Reserved</a>.
<br/>Built with
<a href="https://gohugo.io">Hugo</a> ❤️ <a href="https://github.com/htr3n/hyde-hyde">hyde-hyde</a>.
{{end}}
</p>
</div>
<div>
</div>
</div>

View file

@ -1,27 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" style="display:none">
<symbol xmlns="http://www.w3.org/2000/svg" id="icon-search" viewBox="0 0 40 40">
<path d="M16 32c8.835 0 16-7.165 16-16 0-8.837-7.165-16-16-16C7.162 0 0 7.163 0 16c0 8.835 7.163 16 16 16zm0-5.76c5.654 0 10.24-4.586 10.24-10.24 0-5.656-4.586-10.24-10.24-10.24-5.656 0-10.24 4.584-10.24 10.24 0 5.654 4.584 10.24 10.24 10.24zM28.156 32.8c-1.282-1.282-1.278-3.363.002-4.643 1.282-1.284 3.365-1.28 4.642-.003l6.238 6.238c1.282 1.282 1.278 3.363-.002 4.643-1.283 1.283-3.366 1.28-4.643.002l-6.238-6.238z"
fill-rule="evenodd" />
</symbol>
<symbol xmlns="http://www.w3.org/2000/svg" id="icon-clear" viewBox="0 0 20 20">
<path d="M8.114 10L.944 2.83 0 1.885 1.886 0l.943.943L10 8.113l7.17-7.17.944-.943L20 1.886l-.943.943-7.17 7.17 7.17 7.17.943.944L18.114 20l-.943-.943-7.17-7.17-7.17 7.17-.944.943L0 18.114l.943-.943L8.113 10z"
fill-rule="evenodd" />
</symbol>
</svg>
<div class="searchbox">
<form novalidate="novalidate" onsubmit="return false;">
<div role="search" class="searchbox__wrapper">
<input type="search" name="search" placeholder="Search ..." autocomplete="off" required="required" class="searchbox__input">
<button type="submit" title="Start searching" class="searchbox__submit">
<svg role="img" aria-label="Search">
<use xlink:href="#icon-search"></use>
</svg>
</button>
<button type="reset" title="Clear" class="searchbox__reset">
<svg role="img" aria-label="Reset">
<use xlink:href="#icon-clear"></use>
</svg>
</button>
</div>
</form>
</div>

Before

Width:  |  Height:  |  Size: 1.6 KiB