website/layouts/_default/single.html

70 lines
2.7 KiB
HTML
Raw Normal View History

{{- define "stylesheet" -}}
{{- $scss := resources.Get "/_default/single.scss" -}}
{{- $style := $scss | resources.ToCSS -}}
<link rel="stylesheet" href="{{ $style.Permalink }}" type="text/css" media="screen" rel="preload" />
{{- end -}}
2020-09-14 16:24:02 +02:00
{{- define "main" -}}
<main>
<div class="container">
<section class="section-article">
<article>
<p class="meta">
{{ if eq .Params.type "post" }}<span title="{{ .Date.Format "2. January 2006, 15:04 MST" }}">{{ .Date.Format "2. January 2006" }}</span>{{ end }}
{{- if eq .Params.type "singlepage" }}<span title="{{ .Date.Format "2. January 2006" }}">version: {{ .Date.Format "2006-01-02" }}</span>{{ end }}
{{- with .Params.author }}<span>by {{ . }}</span>{{ end }}
</p>
<h1 class="title">{{ .Title }}</h1>
{{ with .Params.featured_image }}<img src="{{ . | relURL }}" loading="lazy" alt="">{{ end }}
{{ printf "<!-- content -->" | safeHTML }}
{{ .Content }}
{{- printf "<!-- content END -->" | safeHTML }}
<aside class="meta">
{{- with .Params.topics }}
<ul class="topics">
{{- range . }}
<li>
<a href="{{ "topics" | relURL}}/{{ . | urlize }}">{{ . }}</a>
</li>
{{ end }}
</ul>
{{- end }}
{{- with .Params.tags }}
<h3>tags</h3>
<ul class="tags">
{{- range . }}
<li>
<a href="{{ "tags" | relURL }}/{{ . | urlize }}">{{ . }}</a>
</li>
{{- end }}
</ul>
{{- end }}
</aside>
</article>
</section>
{{- if ne .Params.type "singlepage" }}
<section class="section-articles">
<article class="next-article">
{{- with .NextInSection }}
<a href="{{ .Permalink }}">
{{ if eq .Params.type "project" }}&leftarrow; next project{{ end }}
{{ if ne .Params.type "project" }}&leftarrow; next article{{ end }}
</a>
{{- end }}
</article>
<article class="previous-article">
{{- with .PrevInSection }}<span></span>
<a href="{{ .Permalink }}">
{{- if eq .Params.type "project" }}previous project &rightarrow;{{ end -}}
{{- if ne .Params.type "project" }}previous article &rightarrow;{{ end -}}
</a>
{{- end }}
</article>
</section>
{{- end }}
</div>
</main>
{{- end }}