aboutsummaryrefslogtreecommitdiff
path: root/themes/simple/layouts/_default/single.html
blob: c8e786a114ce690b913bf7ad3fa03969a4783a7f (plain)
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" }}
<main aria-role="main" class="container-blog mx-auto px-6 md:p-0">

  <!-- Single article -->
  <article itemtype="http://schema.org/Article" class="single mb-12">
    <header class="mb-6">
      <h1 itemtype="headline" class="text-4xl font-extrabold mb-6 leading-tight">{{.Title}}</h1>

      {{ if in .Type "posts" }}
      <time class="text-gray-400 font-medium text-sm">Published on {{ .Date.Format "Monday Jan 2, 2006" }}</time>
      {{ end }}
    </header>

    <div class="leading-relaxed">
      {{.Content}}
    </div>
  </article>

  {{ if in .Type "posts" }}
  <hr class="border-2 border-gray-100 mb-10" />
  {{ end }}

  <!-- Comment, contact -->
  {{ if in .Type "posts" }}
  <section class="mb-10">
    {{ partial "comments.html" . }}
  </section>
  {{ end }}

  {{ if in .Type "posts" }}
  <hr class="border-2 border-gray-100 mb-10" />
  {{ end }}

  <!-- Read more -->
  {{ if in .Type "posts" }}
  <section>
    <h2 class="text-2xl font-bold mb-6">Read more from this site</h2>
    <nav itemscope itemtype="https://schema.org/SiteNavigationElement" class="mb-12">
      <meta itemprop="name" content="Article list">
      <ul>
        {{ $randomPosts := shuffle (where .Site.RegularPages "Type" "posts") | first 5 }}
        {{ range $randomPosts }}
        <li class="mb-6">
          <time class="block text-gray-400 font-medium text-xs">{{ .Date.Format "Mon Jan 2, 2006" }}</time>
          <a href="/{{.Params.url}}" itemprop="url" class="hover:bg-yellow-100 font-medium">{{.Title}}</a>
          <p class="text-gray-600 text-sm">{{.Summary}}</p>
        </li>
        {{end}}
      </ul>
    </nav>
  </section>
  {{ end }}

  {{ if in .Type "posts" }}
  <hr class="border-2 border-gray-100 mb-10">
  {{ end }}

  <!-- Openring -->
  {{ if in .Type "posts" }}
  {{ partial "openring.html" . }}
  {{ end }}

</main>
{{ end }}