layouts/partials/blog-brief.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

<div class="blog-brief">
    <a href="{{ .RelPermalink }}">
        <h3 class="title is-4">
            {{ .Title | title }}
        </h3>
    </a>

    <div class="level is-mobile details">
        <div class="level-left">

            {{ if or .Params.showDate .Site.Params.showDate }}
            <div class="level-item">
                <a href="{{ .RelPermalink }}">
                    <p class="subtitle info date">
                        {{- .Date.Format "Jan 2, 2006" }}
                    </p>
                </a>
            </div>
            {{ end }}


            <div class="level-item">
                <a href="{{ .RelPermalink }}">
                    <p class="subtitle info">
                        {{ partial "time-to-read.html" . }}
                    </p>
                </a>
            </div>
        </div>
        <div class="level-right is-hidden-touch">
            {{ range .Params.tags }}
            <a class="tag is-rounded" href="{{ "/tags/" | relURL }}{{ . | urlize }}">{{ . | humanize }}</a>
            {{ end }}
        </div>
    </div>

    <div>
        {{ if .Params.image }}
            <a href="{{ .RelPermalink }}">
                <img src="{{ .Params.image | relURL }}">
            </a>
        {{ end }}

        <div>
            <a href="{{ .RelPermalink }}">
                <p class="summary">{{ .Summary | plainify }}</p>
            </a>
        </div>
    </div>

    <div class="level is-mobile continue-reading">
        <div class="level-left">
        </div>
        <div class="level-right">
            <a href="{{ .RelPermalink }}">Continue reading <i class="fa fa-angle-double-right"
                    aria-hidden="true"></i></a>
        </div>
    </div>
    <hr>
</div>