layouts/posts/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

{{ define "title" }}
  {{ .Title }} · {{ .Site.Title }}
{{ end }}
{{ define "content" }}
  <section class="container post">
    <article>
      <header>
        <div class="post-title">
          <h1 class="title">{{ .Title }}</h1>
        </div>
        <div class="post-meta">
          <div class="date">
            <span class="posted-on">
              <i class="fas fa-calendar"></i>
              <time datetime='{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}'>
                {{ .Date.Format (.Site.Params.dateFormat | default "January 2, 2006" ) }}
              </time>
            </span>
            <span class="reading-time">
              <i class="fas fa-clock"></i>
              {{ i18n "reading_time" .ReadingTime }}
            </span>
          </div>
        </div>
      </header>

      <div>
        {{ .Content }}

        <!-- meta data at footer of content -->
        <div class="post-meta">
        {{ with .Page.Params.Categories }}{{ partial "taxonomy/categories" . }}{{ end }}
        {{ with .Page.Params.Tags }}{{ partial "taxonomy/tags" . }}{{ end }}
        </div>
      </div>

      <footer>

<!-- Next Post/ Previous Post Links -->
{{ if .NextInSection }}
    <div style="float: left; text-align: right;">Next Post</div>
{{ end }}
{{ if .PrevInSection }}
     <div style="float: right; text-align: right;">Previous Post</div>
{{ end }}

<br>

{{ with .NextInSection }}
    <a href="{{ .Permalink }}" style="text-align: left; float: left; max-width: 40%;">{{ .Title }}</a>
{{ end }}
{{ with .PrevInSection }}
    <a href="{{ .Permalink }}" style="text-align: right; float: right; max-width: 40%">{{ .Title }}</a>
{{ end }}

        {{ partial "posts/series" . }}
        {{ partial "posts/disqus" . }}
      </footer>
    </article>

    {{ partial "posts/math" . }}
  </section>
{{ end }}