Paway/post.hbs at master · godofredoninja/Paway · GitHub

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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
{{!< default}}
{{!-- The tag above means: insert everything in this file
into the {body} of the default.hbs template --}}

{{#post}}
<article class="post py-vmin8 relative">
    <header class="post-header godo-canvas">
        {{!-- Category --}}
        {{#if primary_tag}}{{#primary_tag}}
        <div class="cat-links uppercase mb-4 text-base tracking-wider font-bold leading-normal">
            <a href="{{url}}" title="{{name}}" class="cat-links-item inline-block hover:text-primary border-gray-300 border-b-3 border-opacity-50">{{name}}</a>
        </div>
        {{/primary_tag}}{{/if}}

        {{!-- Post Title --}}
        <h1 class="post-title mb-4 text-5xl text-title font-title leading-tight">{{title}}</h1>

        {{!-- Author Meta partials/components/author-meta.hbs --}}
        {{> "components/author-meta"}}
    </header>

    {{!-- Featured Image --}}
    {{#if feature_image}}
    <figure class="post-image godo-canvas mt-7">
        <picture class="post-img kg-width-full w-full">
            <source
                srcset="{{img_url feature_image size="s" format="avif"}} 300w,
                        {{img_url feature_image size="m" format="avif"}} 600w,
                        {{img_url feature_image size="l" format="avif"}} 1000w,
                        {{img_url feature_image size="xl" format="avif"}} 2000w"
                sizes="(min-width: 1400px) 1400px, 92vw"
                type="image/avif"
            >
            <source
                srcset="{{img_url feature_image size="s" format="webp"}} 300w,
                        {{img_url feature_image size="m" format="webp"}} 600w,
                        {{img_url feature_image size="l" format="webp"}} 1000w,
                        {{img_url feature_image size="xl" format="webp"}} 2000w"
                sizes="(min-width: 1400px) 1400px, 92vw"
                type="image/webp"
            >
            <img
                srcset="{{img_url feature_image size="s"}} 300w,
                        {{img_url feature_image size="m"}} 600w,
                        {{img_url feature_image size="l"}} 1000w,
                        {{img_url feature_image size="xl"}} 2000w"
                sizes="(min-width: 1400px) 1400px, 92vw"
                src="{{img_url feature_image size="xl"}}"
                alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
            >
        </picture>

        {{#if feature_image_caption}}<figcaption class="post-figcaption">{{feature_image_caption}}</figcaption>{{/if}}
    </figure>
    {{/if}}

    <div class="post-body godo-canvas font-serif">
        {{content}}
    </div>

    {{!-- Post footer --}}
    <footer class="post-footer godo-canvas">
        {{!-- Tags Cloud - Partials/article/article-tags.hbs --}}
        {{> "article/article-tags"}}

        {{!-- Share in Social Media - Partials/article/article-share.hbs --}}
        {{> "article/article-share"}}

        {{!-- Author info - Partials/article/article-author.hbs --}}
        {{> "article/article-author"}}
    </footer>
</article>

{{!-- Prev and next post --}}
<div class="prev-next story-feed relative flex flex-wrap">
    {{#prev_post}}
        {{> "article/article-prev-next" mytitle="previous post" class="nav-previous"}}
    {{/prev_post}}

    {{#next_post}}
        {{> "article/article-prev-next" mytitle="next post" class="nav-next"}}
    {{/next_post}}
</div>
{{!-- ./end prev next post ---}}

{{> "article/article-comments"}}

{{/post}}

{{#if post.tags}}{{> "article/article-related"}}{{/if}}