layouts/blog/single.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49

{{ define "main" }}
<button onclick="window.history.back()"
	class="bg-transparent border-none font-bold">&larr;{{ i18n "back" | title}}</button>
<h1 class="text-center mx-auto max-w-4xl text-4xl sm:text-5xl md:text-6xl">
	{{ .Title }}
</h1>
{{ with .Params.subtitle }}
<h2 class="text-center font-serif font-thin mx-auto mb-16 max-w-4xl text-4xl">
	{{ . }}
</h2>
{{ end }}
<div class="text-justify leading-loose mb-12 text-lg">
	{{ .Content }}
</div>
{{/* Previous / Next section */}}
{{ if or (.PrevInSection) (.NextInSection) }}
<hr class="mb-6 mt-24">
{{ end }}

<div class="flex flex-wrap justify-between items-center">
	{{ if .PrevInSection }}
	<div class="{{ if .NextInSection }} w-full sm:w-1/2 {{ end }} mb-1 text-center sm:text-left overflow-ellipsis pr-1">
		<a class="mr-4 no-underline" href="{{ .PrevInSection.Permalink }}">
			<img src="{{ "/icons/top_arrow.svg" | relURL }}" class="transform -rotate-90 inline-block">
		</a>
		<a href="{{ .PrevInSection.Permalink }}">
			<span class="underline">{{ .PrevInSection.Title }}</span>
		</a>
	</div>
	{{ end }}

	{{ if .NextInSection }}
	<div
		class="{{ if .PrevInSection }} w-full sm:w-1/2 {{ else }} ml-auto {{ end }} mt-1 text-center sm:text-right overflow-ellipsis pl-1">
		<a href="{{ .NextInSection.Permalink }}">
			<span class="underline">{{ .NextInSection.Title }}</span>
		</a>
		<a class="ml-4 no-underline" href="{{ .NextInSection.Permalink }}">
			<img src="{{ "/icons/top_arrow.svg" | relURL }}" class="transform rotate-90 inline-block">
		</a>
	</div>
	{{ end }}
</div>

<hr class="my-6">
{{ partial "contact_icons.html" . }}
<div class="mt-6"></div>

{{ end }}