Revert "experiment search box"
This reverts commit 0e9507228c
.
experiment search box
This commit is contained in:
parent
5267b4e64b
commit
ae1931e477
7 changed files with 41 additions and 200 deletions
|
@ -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 }}© {{ 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>
|
||||
|
|
|
@ -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 |
Loading…
Add table
Add a link
Reference in a new issue