-
Notifications
You must be signed in to change notification settings - Fork 0
/
page.hbs
executable file
·57 lines (55 loc) · 2.44 KB
/
page.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
{{!< default}}
{{#page}}
<article class="gh-article {{post_class}} flex flex-col gap-6 xl:px-32 px-0">
<header class="relative flex flex-col gap-4 sm:gap-6 text-center w-full py-8 sm:py-16">
<h1 class="font-black text-5xl sm:text-7xl md:text-8xl lg:text-6xl xl:text-7xl 2xl:text-8xl text-balance">{{title}}</h1>
{{#if custom_excerpt}}
<p class="text-lg sm:text-xl text-pretty">{{custom_excerpt}}</p>
{{/if}}
{{#if feature_image}}
<picture class="absolute top-0 bottom-0 left-0 right-0 size-full object-cover">
<source
class="absolute top-0 bottom-0 left-0 right-0 size-full object-cover"
srcset="
{{img_url feature_image size="xxs" format="avif"}} 30w,
{{img_url feature_image size="xs" format="avif"}} 100w,
{{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"}} 1200w,
{{img_url feature_image size="xl" format="avif"}} 2000w"
sizes="(min-width: 1200px) 1200px, 90vw"
type="image/avif"
>
<source
class="absolute top-0 bottom-0 left-0 right-0 size-full object-cover"
srcset="
{{img_url feature_image size="xxs" format="webp"}} 30w,
{{img_url feature_image size="xs" format="webp"}} 100w,
{{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"}} 1200w,
{{img_url feature_image size="xl" format="webp"}} 2000w"
sizes="(min-width: 1200px) 1200px, 90vw"
type="image/webp"
>
<img
class="absolute top-0 bottom-0 left-0 right-0 size-full object-cover"
srcset="
{{img_url feature_image size="xxs"}} 30w,
{{img_url feature_image size="xs"}} 100w,
{{img_url feature_image size="s"}} 300w,
{{img_url feature_image size="m"}} 600w,
{{img_url feature_image size="l"}} 1200w,
{{img_url feature_image size="xl"}} 2000w"
sizes="(min-width: 1200px) 1200px, 90vw"
src="{{img_url feature_image size="l"}}"
alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
>
</picture>
{{/if}}
</header>
<div class="ghost-content ghost-canvas">
{{content}}
</div>
</article>
{{/page}}