-
Notifications
You must be signed in to change notification settings - Fork 5
/
post.hbs
80 lines (66 loc) · 3.06 KB
/
post.hbs
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
{{!< default}}
{{!-- The tag above means: insert everything in this file
into the {body} of the default.hbs template --}}
{{!-- Header ./partials/site-header.hbs --}}
{{> "site-header"}}
{{#post}}
<div class="post w-full max-w-screen-xl mx-auto px-6">
<div class="flex -mx-6 py-6">
<div class="w-full lg:w-3/4 xl:w-3/5 mx-auto">
<article class="post-article p-6 lg:px-12 lg:py-10">
{{!-- Header --}}
<header class="post-header">
<h1 class="post-title mt-0 text-gray-800 md:text-4xl">{{title}}</h1>
{{!-- Date Time - Authors - Read Time ./partials/helper/time-author-read --}}
{{> "helper/time-author-read"}}
</header>
{{#if feature_image}}
<figure class="post-image mt-8">
<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="(max-width: 800px) 400px,
(max-width: 1170px) 1170px,
2000px"
src="{{img_url feature_image size="xl"}}"
alt="{{title}}"
class="kusi-doc-zoom"
/>
</figure>
{{/if}}
{{!-- Content --}}
<div class="markdown js-markdown">
{{content}}
{{!-- Tags --}}
{{#if tags}}<div class="post-tags mt-6"><span class="text-gray-800">{{t "Tags:"}}</span> {{tags}}</div>{{/if}}
</div>
{{!-- Subscribe Form ./partials/helper/subscribe-form --}}
{{#if @labs.members}}
{{> "helper/subscribe-form"}}
{{/if}}
</article>
{{!-- Post Footer --}}
<div class="post-footer px-6 lg:px-12">
<div class="grid grid-cols-12 border-t border-gray-300">
{{!-- Next Post ./partials/post-next-prev-card.hbs --}}
{{#next_post}}
{{> "post-next-prev-card" class="pr-10 pl-0" svgClass="mr-4" storyTitle=(t "Previous Post")}}
{{else}}
<div class="col-span-6"></div>
{{/next_post}}
{{!-- Previous Post ./partials/post-next-prev-card.hbs --}}
{{#prev_post}}
{{> "post-next-prev-card" class="pl-10 pr-0 justify-end text-right" svgClass="order-2 transform rotate-180 ml-4" storyTitle=(t "Next Post")}}
{{else}}
<div class="col-span-6"></div>
{{/prev_post}}
</div>
</div>
</div>
</div>
</div>
{{/post}}
{{!-- Footer ./partials/site-footer.hbs --}}
{{> "site-footer"}}