Zebra/themes/casper/layouts/page/cover.html

131 lines
3.2 KiB
HTML

{{ partial "header.html" . }}
{{if .Params.image}}
{{if or (eq (substr .Params.image 0 7) "http://") (eq (substr .Params.image 0 8) "https://")}}
<header class="main-header post-head" style="background-image: url({{.Params.image}})">
{{ else }}
<header class="main-header post-head" style="background-image: url({{.Params.image | relURL}})">
{{ end }}
<nav class="main-nav overlay clearfix">
{{else}}
<header class="main-header post-head no-cover">
<nav class="main-nav overlay clearfix">
{{end}}
{{ if .Site.Params.logo }}
<a class="blog-logo" href="{{.Site.BaseURL}}"><img src="{{ .Site.Params.logo | relURL }}" alt="Home" /></a>
{{end}}
{{ if .Site.Menus.main }}
<a class="menu-button" href="#"><span class="burger">&#9776;</span><span class="word">Menu</span></a>
{{else}}
{{ if .Site.Params.RSSLink}}
<a class="menu-button icon-feed" href="{{.Site.Params.RSSLink }}">&nbsp;&nbsp;Subscribe</a>
{{else}}
<a class="menu-button icon-feed" href="{{ with .OutputFormats.Get "RSS" }}{{ .RelPermalink }}{{ end }}">&nbsp;&nbsp;Subscribe</a>
{{end}}
{{end}}
</nav>
<div class="vertical">
<div class="main-header-content inner">
<h1 class="page-title">{{.Title}}</h1>
<h2 class="page-description">
{{if .Params.description}}
{{.Params.description}}
{{end}}
</h2>
</div>
</div>
</header>
<main class="content" role="main">
<article class="post {{ .Section }}">
<header class="post-header">
<section class="post-meta">
{{ if eq .Section "post"}}
<time class="post-date" datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}">
{{ .Date.Format "Jan 2, 2006" }}
</time>
{{end}}
{{ range .Params.tags }}
<span class="post-tag small"><a href="{{$.Site.BaseURL}}/tags/{{ . | urlize }}/">#{{ . }}</a></span>
{{ end }}
</section>
</header>
<section class="post-content">
{{ .Content }}
<nav class="navpage">
{{ $currentNode := . }}
{{ range .Site.Menus.main }}
{{if or ($currentNode.IsMenuCurrent "main" .) ($currentNode.HasMenuCurrent "main" .)}}
{{ range .Children }}
<ul>
<li><a href="{{.URL}}">{{.Name}}</a>
{{ if .HasChildren }}
<ul>
{{ range .Children }}
<li><a href="{{.URL}}">{{.Name}}</a>
{{ if .HasChildren }}
<ul>
{{ range .Children }}
<li><a href="{{.URL}}">{{ .Name }}</a></li>
{{ end }}
</ul>
{{ end }}
{{ end }}
</ul>
{{ end }}
</li>
</ul>
{{ end }}
{{end}}
{{end}}
</nav>
</section>
<footer class="post-footer">
{{if .Site.Params.logo}}
<figure class="author-image">
<a class="img" href="{{.Site.BaseURL}}" style="background-image: url({{.Site.Params.logo | relURL}})"><span class="hidden">{{.Site.Params.author}}'s Picture</span></a>
</figure>
{{end}}
{{ partial "author.html" . }}
{{ partial "share.html" . }}
{{ partial "disqus.html" . }}
</footer>
</article>
</main>
{{ partial "footer.html" . }}