layouts/_default/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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64

{{ define "main" }}
<article>
    <div id="post-header-cover" class="w-100 dt bg-center cover bg-black-30"
         {{ with .Params.coverimage }}
         style="background-image:url({{ . }})"
         {{ end }} >
        <header class="dt pa2 pa5-ns mw7 center post-header white">
            <h1 class="f1 lh-title">
                {{ .Title }}</h1>

            <div class="f4 tracked">{{ .Date.Format "Mon, Jan 2, 2006" }}</div>
        </header>
    </div>

    <div id="content" class="bg-near-white">
        <div class="f4 mw7 center lh-copy pv4 ph2 black-70">
            {{ .Content }}
        </div>

        <footer class="mw7 center ph3 pb2 bt bb cf b--black-50">
            {{ with .Params.tags }}
            <div class="fl-ns w-50-ns mb2">

                <h5 class="f5 ttu black-60"><i class="fa fa-lg fa-tags"></i> Tagged in</h5>
                {{ range . }}
                <a class="f5 link br1 ph3 pv2 blue dib hover-bg-light-blue hover-white ba"
                   href="{{ $.Site.LanguagePrefix }}/tags/{{ . | urlize }}/">{{ . }}</a>
                {{ end }}
            </div>
            {{ end }}

            <div class="fl-ns w-50-ns mb2">
                <h5 class="f5 ttu black-60"><i class="fas fa-lg fa-share-alt"></i> Share in Social Networks</h5>
                {{ range .Site.Params.sharingOptions }}
                <a class="f4 link br1 ph3 pv2 blue dib hover-bg-light-blue hover-white ba" target="new" href="{{ printf .url $.Permalink }}">
                    <i class="fab {{ .icon }}"></i>
                </a>
                {{ end }}
            </div>
        </footer>

        <div class="mv3 tc">
            {{ with .NextInSection }}
            <a href="{{ .RelPermalink }}" class="dib f4 link br1 ma1 pa2 blue hover-bg-light-blue hover-white ba">
                <i class="fa fa-angle-left"></i> Newer <br/>
                {{ .Title }}
            </a>
            {{ end}}

            {{ with .PrevInSection }}
            <a href="{{ .RelPermalink }}" class="dib f4 link br1 ma1 pa2 blue hover-bg-light-blue hover-white ba">
                Older <i class="fa fa-angle-right"></i> <br/>
                {{ .Title }}
            </a>
            {{ end}}
        </div>
    {{ if not (eq .Params.comments false) }}
        <div class="mw7 center mv4 pa2">
            {{ template "_internal/disqus.html" . }}
        </div>
    {{ end }}
    </div>
</article>
{{ end }}