You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
80 lines
3.0 KiB
80 lines
3.0 KiB
<div class="sidebar pure-u-1 pure-u-md-1-4" id="app"> |
|
<div class="header"> |
|
{{ partial "sidebarheader.html" . }} |
|
|
|
{{ if .Site.Params.sidebarphoto}} |
|
<img src="{{.Site.Params.sidebarphoto}}" class="sidebarphoto"> |
|
{{ end }} |
|
|
|
{{ if .Site.Params.sidebartitle }}<h1 class="brand-title"><a href="/">{{ .Site.Params.sidebartitle }}</a></h1>{{ end }} |
|
{{ if .Site.Params.sidebartagline }}<h2 class="brand-tagline">{{ .Site.Params.sidebartagline }}</h2>{{ end }} |
|
|
|
<div class="counters"> |
|
<a class="counter" href="/">{{ len (.Site.RegularPages) }} |
|
<div class="counter-sub">Documents</div> |
|
</a> |
|
<a class="counter" href="/tags">{{ len (.Site.Taxonomies.tags) }} |
|
<div class="counter-sub">Tags</div> |
|
</a> |
|
<a class="counter" href="/categories">{{ len (.Site.Taxonomies.categories) }} |
|
<div class="counter-sub">Categories</div> |
|
</a> |
|
</div> |
|
|
|
<nav class="nav"> |
|
{{ if .Site.Params.menu }} |
|
<ul class="nav-list"> |
|
<li class="nav-item"><span class="nav-item-separator">//</span><a href="{{ .Site.BaseURL }}">Home</a></li> |
|
{{ range .Site.Menus.main }} |
|
<li class="nav-item"><span class="nav-item-separator">//</span><a href="{{ .URL }}">{{ .Name }}</a></li> |
|
{{ end }} |
|
</ul> |
|
{{ end }} |
|
</nav> |
|
|
|
<div class="search-wrapper"> |
|
<input |
|
type="text" |
|
placeholder="Search ..." |
|
v-model="search" |
|
@keydown.down.prevent="navigate(1)" |
|
@keydown.up.prevent="navigate(-1)" |
|
@keyup.enter.prevent="navigate(result[selected].href)" |
|
ref="searchInput" |
|
class="search" |
|
/> |
|
|
|
<svg height="100" width="100" ref="resultPoint" class="result-point"> |
|
<circle cx="5" cy="5" r="5" fill="#FFF" /> |
|
</svg> |
|
|
|
<ul class="result-items"> |
|
<li v-for="r, i of result" class="result-item" ref="resultItem"> |
|
<div class="result-item-wrapper" :class="{ 'result-item-selected': selected === i }"> |
|
<div class="result-item-left"> |
|
<span class="post-date"> |
|
<span class="post-date-day"><sup v-text="moment(r.date).format('D')"></sup></span><span class="post-date-separator" v-text="'/'"></span><span class="post-date-month" v-text="moment(r.date).format('MMM')"></span> <span class="post-date-year" v-text="moment(r.date).format('YYYY')"></span> |
|
</span> |
|
<template v-if="r.author">By <a class="post-author" v-text="r.author"></a></template> |
|
</div> |
|
<div class="result-item-left"> |
|
<span class="result-item-separator nav-item-separator" v-text="'//'"></span><a :href="r.href" v-text="r.title" class="result-item-link"></a> |
|
</div> |
|
</div> |
|
</li> |
|
</ul> |
|
</div> |
|
|
|
{{ if .Site.Menus.social }} |
|
<div class="social-buttons"> |
|
{{ range .Site.Menus.social }} |
|
{{ if .URL }} |
|
<a href="{{ .URL }}" target="_blank">{{ .Pre }}</a> |
|
{{ end }} |
|
{{ end }} |
|
|
|
</div> |
|
{{ end }} |
|
|
|
</div> |
|
</div>
|
|
|