layouts/partials/post-card.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

<article class="post-card post
{{ if not (.context.Param "feature_image") }} no-image
{{ else }}
{{ if (eq (mod .index 6) 0) }} post-card-large {{ end }}
{{ end }} ">

        {{ if .context.Param "feature_image" }}
            <a class="post-card-image-link" href="{{ .context.Permalink }}">
                <img class="post-card-image"src="{{ .context.Param "feature_image" }}" alt="{{ .context.Title }}"/>
            </a>
        {{ end }}
    
        <div class="post-card-content">
    
            <a class="post-card-content-link" href="{{ .context.Permalink }}">
    
                <header class="post-card-header">
                    {{ with .context.Params.tags }}
                        {{ $primaryTag := (index . 0) }}
                        <div class="post-card-primary-tag">{{ $primaryTag }}</div>
                    {{ end }}

                    <h2 class="post-card-title">{{ .context.Title }}</h2>
                </header>
    
                <section class="post-card-excerpt">
                    <p>{{ .context.Summary }}</p>
                </section>
    
            </a>

            <footer class="post-card-meta">
                    <ul class="author-list">
                        <li class="author-list-item">
                            <div class="author-name-tooltip">{{ .context.Param "author" }}</div>
                            <a href="https://test.com" class="static-avatar author-profile-image">{{- partial "icons/avatar.html" -}}</a>
                        </li>
                    </ul>
                    <div class="post-card-byline-content">
                        <span>{{ .context.Param "author" }}</span>
                        <span class="post-card-byline-date"><time datetime="{{ .context.Date.Format "2006-31-01" }}">{{ .context.Date.Format "2 January 2006" }}</time>
                            <span class="bull">&bull;</span> {{ .context.ReadingTime }} min read</span>
                    </div>
                </footer>
    
        </div>

</article>