blog/themes/hugo-uno/layouts/partials/sidebar.html

74 lines
5.0 KiB
HTML

<div id="scriptHeader">
<span class="mobile btn-mobile-menu">
<i class="fa fa-bars btn-mobile-menu__icon"></i>
<i class="fa fa-times btn-mobile-close__icon hidden"> </i>
</span>
<header class="
{{ if .IsNode }}
{{ if or (eq .URL "/blog/") (in .URL "/tags/") (in .URL "/categories/") }}
panel-cover panel-cover--collapsed
{{ else }}
panel-cover
{{ end }}
{{ else }}
panel-cover panel-cover--collapsed
{{ end }}" {{ if .Site.Params.cover }} style="background-image: url({{ .Site.Params.cover }})" {{ end }}>
<div class="panel-main">
<div class="panel-main__inner panel-inverted">
<div class="panel-main__content"> {{ if .Site.Params.logo }}
<a href="{{ .Site.BaseURL }}/" title="link to homepage for {{ .Site.Title }}"> <img src="{{ .Site.Params.logo }}" width="80" alt="{{ .Site.Title }} logo" class="panel-cover__logo logo" /> </a> {{ end }}
<h1 class="panel-cover__title panel-title">
<a href="{{ .Site.BaseURL }}/" title="link to homepage for {{ .Site.Title }}">{{ .Site.Title }}</a>
</h1>
<hr class="panel-cover__divider" />
<p class="panel-cover__description"> {{ if .Site.Params.description }} {{ .Site.Params.description }} {{ else }} This site is built using <a href="http://gohugo.io">hugo</a> and the theme is built by <a href="http://fredrikloch.me">Fredrik</a> if you enjoy it, it is available at <a href="https://github.com/SenjinDarashiva/hugo-uno">github</a> {{end}} </p>
<hr class="panel-cover__divider panel-cover__divider--secondary" />
<div class="navigation-wrapper">
<nav class="cover-navigation cover-navigation--primary">
<ul class="navigation">
<li class="navigation__item"><a href="{{ .Site.BaseURL }}#blog" title="link to {{ .Site.Title }} blog" class="blog-button">Blog</a> </li></br>
{{ if .Site.Params.cv }}<li class="navigation__item"><a href="{{ .Site.Params.cv }}" title="link to my CV " class="blog-button">CV</a> </li></br> {{ end }}
{{ if .Site.Params.legalnotice }}<li class="navigation__item"><a href="{{ .Site.Params.legalnotice }}" title="link to the legal notice " class="blog-button">Legal notice</a> </li></br> {{ end }}
</ul>
</nav> {{ partial "social.html" . }} </div>
</div>
</div>
<div class="panel-cover--overlay"></div>
</div>
</header>
</div>
<noscript>
<style>
#scriptHeader {display:none;}
.navigation-wrapper{
display: block;
top: 0;
}
</style>
<header class="panel-cover panel-cover--collapsed" style="background-image: url({{ .Site.Params.cover }})">
<div class="panel-main">
<div class="panel-main__inner panel-inverted">
<div class="panel-main__content"> {{ if .Site.Params.logo }}
<a href="{{ .Site.BaseURL }}/" title="link to homepage for {{ .Site.Title }}"> <img src="{{ .Site.Params.logo }}" width="80" alt="{{ .Site.Title }} logo" class="panel-cover__logo logo" /> </a> {{ end }}
<h1 class="panel-cover__title panel-title">
<a href="{{ .Site.BaseURL }}/" title="link to homepage for {{ .Site.Title }}">{{ .Site.Title }}</a>
</h1>
<hr class="panel-cover__divider" />
<p class="panel-cover__description"> {{ if .Site.Params.description }} {{ .Site.Params.description }} {{ else }} This site is built using <a href="http://gohugo.io">hugo</a> and the theme is built by <a href="http://fredrikloch.me">Fredrik</a> if you enjoy it, it is available at <a href="https://github.com/SenjinDarashiva/hugo-uno">github</a> {{end}} </p>
<hr class="panel-cover__divider panel-cover__divider--secondary" />
<div class="navigation-wrapper">
<nav class="cover-navigation cover-navigation--primary">
<ul class="navigation">
<li class="navigation__item"><a href="{{ .Site.BaseURL }}/#blog" title="link to {{ .Site.Title }} blog" class="blog-button">Blog</a> </li></br>
{{ if .Site.Params.cv }}<li class="navigation__item"><a href="{{ .Site.Params.cv }}" title="link to my CV " class="blog-button">CV</a> </li></br> {{ end }}
{{ if .Site.Params.legalnotice }}<li class="navigation__item"><a href="{{ .Site.Params.legalnotice }}" title="link to the legal notice " class="blog-button">Legal notice</a> </li></br> {{ end }}
</ul>
</nav> {{ partial "social.html" . }} </div>
</div>
</div>
<div class="panel-cover--overlay"></div>
</div>
</header>
</noscript>