@shift72/core-template 0.3.5 → 0.4.0-rc.0
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +44 -1
- package/kibble.json +1 -1
- package/package.json +9 -6
- package/site/404.html.jet +1 -1
- package/site/acceptinvite.html.jet +1 -1
- package/site/account.html.jet +1 -1
- package/site/ar_LB.all.json +85 -5
- package/site/ca_ES.all.json +94 -9
- package/site/da_DK.all.json +92 -5
- package/site/de_DE.all.json +83 -4
- package/site/devices.html.jet +1 -1
- package/site/ee_EE.all.json +85 -6
- package/site/el_EL.all.json +83 -4
- package/site/en_AU.all.json +58 -17
- package/site/es_ES.all.json +83 -4
- package/site/es_MX.all.json +13 -3
- package/site/fi_FI.all.json +84 -5
- package/site/forgotpassword.html.jet +1 -1
- package/site/fr_FR.all.json +83 -4
- package/site/genres.html.jet +1 -1
- package/site/hr_HR.all.json +479 -397
- package/site/hu_HU.all.json +86 -7
- package/site/it_IT.all.json +83 -4
- package/site/ja_JP.all.json +85 -6
- package/site/library.html.jet +1 -1
- package/site/lt_LT.all.json +84 -5
- package/site/nl_BE.all.json +84 -5
- package/site/no_NO.all.json +85 -6
- package/site/pin.html.jet +1 -1
- package/site/pl_PL.all.json +89 -10
- package/site/plans.html.jet +94 -0
- package/site/pt_BR.all.json +91 -6
- package/site/pt_PT.all.json +85 -6
- package/site/resetpassword.html.jet +1 -1
- package/site/ru_RU.all.json +88 -9
- package/site/se_SE.all.json +85 -6
- package/site/search.html.jet +1 -1
- package/site/signin.html.jet +1 -1
- package/site/signup.html.jet +1 -1
- package/site/styles/_awards.scss +39 -0
- package/site/styles/_buttons.scss +13 -0
- package/site/styles/_card.scss +3 -0
- package/site/styles/_collections.scss +1 -1
- package/site/styles/_footer.scss +0 -1
- package/site/styles/_forms.scss +1 -1
- package/site/styles/_globals.scss +7 -0
- package/site/styles/_icons.scss +4 -0
- package/site/styles/_legacy.scss +0 -5
- package/site/styles/_meta-detail.scss +1 -2
- package/site/styles/_nav.scss +2 -2
- package/site/styles/_pages.scss +25 -6
- package/site/styles/_plans.scss +87 -0
- package/site/styles/_poster.scss +25 -1
- package/site/styles/_shift72.scss +19 -0
- package/site/styles/_shopping.scss +6 -0
- package/site/styles/_variables.scss +14 -0
- package/site/styles/_wishlist.scss +2 -2
- package/site/styles/main.scss +6 -1
- package/site/templates/{application.jet → application/application.jet} +5 -5
- package/site/templates/{footer → application/footer}/app-badges.jet +5 -1
- package/site/templates/{footer → application/footer}/brand.jet +0 -0
- package/site/templates/{footer → application/footer}/copyright-statement.jet +0 -0
- package/site/templates/{footer → application/footer}/footer.jet +0 -0
- package/site/templates/{footer → application/footer}/info.jet +0 -0
- package/site/templates/{footer → application/footer}/nav.jet +0 -0
- package/site/templates/{footer → application/footer}/powered-by.jet +0 -0
- package/site/{google.jet → templates/application/google.jet} +0 -0
- package/site/templates/application/head/font.jet +4 -0
- package/site/templates/{seo.jet → application/head/seo.jet} +0 -0
- package/site/templates/{header-banner.jet → application/nav/header-banner.jet} +0 -0
- package/site/templates/{nav.jet → application/nav/nav.jet} +2 -2
- package/site/templates/{nav → application/nav}/user_logged_in.jet +0 -0
- package/site/templates/{nav → application/nav}/user_logged_out.jet +0 -0
- package/site/templates/bundle/background.jet +4 -5
- package/site/templates/bundle/item.jet +1 -1
- package/site/templates/collection/carousel_item.jet +3 -1
- package/site/templates/collection/index.jet +1 -1
- package/site/templates/collection/item.jet +1 -1
- package/site/templates/collection/list.jet +4 -4
- package/site/templates/collection/page_collection.jet +8 -8
- package/site/templates/common/awards/carousel.jet +10 -0
- package/site/templates/common/awards/item.jet +12 -0
- package/site/templates/common/awards/partial.jet +7 -0
- package/site/templates/common/background-image.jet +6 -0
- package/site/templates/common/separator.jet +3 -0
- package/site/templates/common/social-media-buttons.jet +42 -28
- package/site/templates/film/item.jet +5 -1
- package/site/templates/items/meta_item.jet +7 -2
- package/site/templates/items/tagline.jet +11 -8
- package/site/templates/page/content.jet +11 -12
- package/site/templates/page/curated.jet +37 -22
- package/site/templates/page/homepage.jet +1 -1
- package/site/templates/page/landing.jet +1 -1
- package/site/templates/page/page-content.jet +29 -0
- package/site/templates/page/page-header.jet +26 -0
- package/site/templates/tv/detail.jet +7 -1
- package/site/tr_TR.all.json +86 -7
- package/site/uk_UA.all.json +95 -10
- package/site/wishlist.html.jet +1 -1
- package/site/zh_TW.all.json +89 -5
- package/site/static/styles/main.css.map +0 -1
package/site/styles/_pages.scss
CHANGED
@@ -48,10 +48,18 @@
|
|
48
48
|
}
|
49
49
|
|
50
50
|
.page-content {
|
51
|
-
border-bottom: $border-width solid rgba(255, 255, 255, 0.1);
|
52
51
|
margin-bottom: $headings-margin-bottom * 4;
|
53
52
|
}
|
54
53
|
|
54
|
+
.separator {
|
55
|
+
border-bottom: 1px solid rgba($body-color, 0.2);
|
56
|
+
margin: 0 20px;
|
57
|
+
|
58
|
+
@include media-breakpoint-up(lg) {
|
59
|
+
margin: 0 50px;
|
60
|
+
}
|
61
|
+
}
|
62
|
+
|
55
63
|
.curated-page,
|
56
64
|
.library-page,
|
57
65
|
.content-page,
|
@@ -60,6 +68,7 @@
|
|
60
68
|
.search-page,
|
61
69
|
.collection-page,
|
62
70
|
.devices-page,
|
71
|
+
.plans-page,
|
63
72
|
.carousel-len-0 {
|
64
73
|
padding-top: $page-padding-top;
|
65
74
|
@include media-breakpoint-up(md) {
|
@@ -91,8 +100,9 @@
|
|
91
100
|
}
|
92
101
|
}
|
93
102
|
|
94
|
-
.content-page
|
95
|
-
|
103
|
+
.content-page,
|
104
|
+
.curated-page {
|
105
|
+
.page-content {
|
96
106
|
max-width: 1100px;
|
97
107
|
min-height: 220px;
|
98
108
|
padding: 20px 20px 0;
|
@@ -115,12 +125,19 @@
|
|
115
125
|
font-weight: $font-weight-bold;
|
116
126
|
}
|
117
127
|
|
118
|
-
a {
|
128
|
+
a:not(.signup-link) {
|
119
129
|
@include a;
|
120
130
|
}
|
121
131
|
}
|
122
132
|
}
|
123
133
|
|
134
|
+
// Curated pages with at least one collection shouldn't have a minimum height which forces a gap before the collection(s)
|
135
|
+
.curated-collection-page {
|
136
|
+
.page-content {
|
137
|
+
min-height: auto;
|
138
|
+
}
|
139
|
+
}
|
140
|
+
|
124
141
|
.content-page p img,
|
125
142
|
.page-header p img {
|
126
143
|
width: auto;
|
@@ -179,13 +196,15 @@
|
|
179
196
|
.wishlist-page,
|
180
197
|
.library-page,
|
181
198
|
.search-page,
|
182
|
-
.devices-page
|
199
|
+
.devices-page,
|
200
|
+
.plans-page {
|
183
201
|
.page-header {
|
184
202
|
h1 {
|
185
203
|
margin-bottom: $headings-margin-bottom;
|
186
204
|
}
|
187
205
|
}
|
188
206
|
|
207
|
+
.s72-plans,
|
189
208
|
.s72-userwishlist-items,
|
190
209
|
.s72-userlibrary-items,
|
191
210
|
.s72-searchresults-results,
|
@@ -303,4 +322,4 @@
|
|
303
322
|
}
|
304
323
|
}
|
305
324
|
}
|
306
|
-
}
|
325
|
+
}
|
@@ -0,0 +1,87 @@
|
|
1
|
+
.plan-page-link {
|
2
|
+
@extend .s72-btn-purchase;
|
3
|
+
}
|
4
|
+
|
5
|
+
s72-plan-label {
|
6
|
+
.s72-plan-owned {
|
7
|
+
@extend .availability-state;
|
8
|
+
@extend .d-inline;
|
9
|
+
color: $button-text-color;
|
10
|
+
}
|
11
|
+
}
|
12
|
+
|
13
|
+
/* stylelint-disable selector-max-compound-selectors, max-nesting-depth */
|
14
|
+
.plans-page {
|
15
|
+
// Add some spacing to the heading
|
16
|
+
.page-header h1 {
|
17
|
+
@extend .mb-3;
|
18
|
+
}
|
19
|
+
|
20
|
+
.plan {
|
21
|
+
.card {
|
22
|
+
@extend .bg-transparent;
|
23
|
+
@extend .border-0;
|
24
|
+
|
25
|
+
.plan-container {
|
26
|
+
@extend .bg-white;
|
27
|
+
@include border-radius($border-radius);
|
28
|
+
|
29
|
+
.plan-caption-details {
|
30
|
+
p {
|
31
|
+
@extend .mb-p75;
|
32
|
+
}
|
33
|
+
}
|
34
|
+
|
35
|
+
.poster {
|
36
|
+
s72-plan-label {
|
37
|
+
@extend .position-absolute;
|
38
|
+
@extend .mx-auto;
|
39
|
+
left: 5px !important;
|
40
|
+
top: 5px;
|
41
|
+
|
42
|
+
z-index: 99;
|
43
|
+
|
44
|
+
.s72-plan-owned {
|
45
|
+
@extend .availability-bg;
|
46
|
+
|
47
|
+
background-color: $button-background;
|
48
|
+
}
|
49
|
+
}
|
50
|
+
}
|
51
|
+
|
52
|
+
s72-pricing-buttons:not(.s72-show) {
|
53
|
+
@extend .m-0;
|
54
|
+
}
|
55
|
+
|
56
|
+
.plan-caption-details .s72-plan-owned {
|
57
|
+
@extend .d-inline-block;
|
58
|
+
@extend .availability-bg;
|
59
|
+
@extend .mb-p5;
|
60
|
+
|
61
|
+
background-color: $button-background;
|
62
|
+
}
|
63
|
+
|
64
|
+
s72-user-anon a {
|
65
|
+
margin-top: 0.5rem;
|
66
|
+
}
|
67
|
+
}
|
68
|
+
}
|
69
|
+
}
|
70
|
+
}
|
71
|
+
|
72
|
+
.curated-plan-page {
|
73
|
+
// Hide the separator if this is a curated collection page
|
74
|
+
+ .separator {
|
75
|
+
@extend .border-0;
|
76
|
+
}
|
77
|
+
|
78
|
+
// Hide the titles of any collections
|
79
|
+
.page-collection-list-title,
|
80
|
+
.swiper-title {
|
81
|
+
display: none;
|
82
|
+
}
|
83
|
+
|
84
|
+
.signup-link {
|
85
|
+
display: inline !important;
|
86
|
+
}
|
87
|
+
}
|
package/site/styles/_poster.scss
CHANGED
@@ -15,6 +15,30 @@
|
|
15
15
|
bottom: $meta-item-availability-tag-margin;
|
16
16
|
left: $meta-item-availability-tag-margin;
|
17
17
|
}
|
18
|
+
|
19
|
+
.poster-overlay-top {
|
20
|
+
@extend .d-flex;
|
21
|
+
@extend .justify-content-between;
|
22
|
+
@extend .position-absolute;
|
23
|
+
|
24
|
+
@extend .p-p5;
|
25
|
+
@extend .mw-100;
|
26
|
+
|
27
|
+
z-index: 99;
|
28
|
+
width: 100%;
|
29
|
+
|
30
|
+
s72-availability-status {
|
31
|
+
position: unset; z-index: unset;
|
32
|
+
min-width: 0px;
|
33
|
+
@extend .pr-p5;
|
34
|
+
|
35
|
+
/* stylelint-disable selector-max-compound-selectors */
|
36
|
+
.availability-bg {
|
37
|
+
@extend .text-truncate;
|
38
|
+
}
|
39
|
+
/* stylelint-enable selector-max-compound-selectors */
|
40
|
+
}
|
41
|
+
}
|
18
42
|
}
|
19
43
|
|
20
44
|
.poster-image {
|
@@ -22,4 +46,4 @@
|
|
22
46
|
max-width: 100%;
|
23
47
|
position: relative;
|
24
48
|
width: 100%;
|
25
|
-
}
|
49
|
+
}
|
@@ -317,3 +317,22 @@ s72-cant-be-watched {
|
|
317
317
|
@include a;
|
318
318
|
}
|
319
319
|
}
|
320
|
+
|
321
|
+
.s72-divider-bottom {
|
322
|
+
@extend .position-relative;
|
323
|
+
&::after {
|
324
|
+
@extend .position-absolute;
|
325
|
+
background-color: $primary;
|
326
|
+
bottom: 0 !important;
|
327
|
+
content: '';
|
328
|
+
height: 3px;
|
329
|
+
left: 50% !important;
|
330
|
+
transform: translateX(-50%) !important;
|
331
|
+
width: 40px;
|
332
|
+
}
|
333
|
+
}
|
334
|
+
|
335
|
+
.s72-view-all-passes {
|
336
|
+
@extend .py-4;
|
337
|
+
background-color: mix(invert($body-bg), $body-bg, 4.5%);
|
338
|
+
}
|
@@ -167,6 +167,12 @@
|
|
167
167
|
font-size: 12px;
|
168
168
|
}
|
169
169
|
}
|
170
|
+
|
171
|
+
/* stylelint-disable selector-no-qualifying-type */
|
172
|
+
ul.s72-shopping-info-plan {
|
173
|
+
text-align: left;
|
174
|
+
}
|
175
|
+
/* stylelint-enable selector-no-qualifying-type */
|
170
176
|
}
|
171
177
|
|
172
178
|
.s72-shopping-info-credit {
|
@@ -32,6 +32,20 @@ $container-max-widths: (
|
|
32
32
|
xxxl: 1600px,
|
33
33
|
) !default;
|
34
34
|
|
35
|
+
$spacer: math.div(5, 8) * 1rem; // 10px
|
36
|
+
|
37
|
+
$spacers: (
|
38
|
+
'0': 0,
|
39
|
+
'p5': ($spacer * 0.5), // 5px
|
40
|
+
'p75': ($spacer * 0.75), // 7.5px
|
41
|
+
'1': $spacer, // 10px
|
42
|
+
'2': ($spacer * 2), // 20px
|
43
|
+
'2p5': ($spacer * 2.5), // 25px
|
44
|
+
'3': ($spacer * 3), // 30px
|
45
|
+
'4': ($spacer * 4), // 40px
|
46
|
+
'5': ($spacer * 5), // 50px
|
47
|
+
);
|
48
|
+
|
35
49
|
// Body / Core
|
36
50
|
// ------------------------------------
|
37
51
|
|
@@ -28,7 +28,7 @@
|
|
28
28
|
@extend .btn;
|
29
29
|
font-size: 12px;
|
30
30
|
font-weight: $font-weight-bold;
|
31
|
-
margin-right: 10px
|
31
|
+
margin-right: 32px; // was 10px before awards needed some space
|
32
32
|
padding-bottom: 3px;
|
33
33
|
padding-left: 0;
|
34
34
|
padding-top: 3px;
|
@@ -50,4 +50,4 @@
|
|
50
50
|
.poster .s72-userwishlist-buttons .s72-btn-wishlist {
|
51
51
|
margin: 0;
|
52
52
|
padding: 0;
|
53
|
-
}
|
53
|
+
}
|
package/site/styles/main.scss
CHANGED
@@ -4,6 +4,7 @@
|
|
4
4
|
|
5
5
|
@import '_bootstrap4';
|
6
6
|
@import '_mixins';
|
7
|
+
@import '_globals';
|
7
8
|
@import '_shift72';
|
8
9
|
@import 'font-awesome/scss/font-awesome';
|
9
10
|
|
@@ -11,6 +12,7 @@
|
|
11
12
|
@import '_buttons';
|
12
13
|
@import '_pages';
|
13
14
|
@import '_forms';
|
15
|
+
@import '_card';
|
14
16
|
|
15
17
|
@import '_nav';
|
16
18
|
|
@@ -42,10 +44,13 @@
|
|
42
44
|
@import '_language-selector';
|
43
45
|
|
44
46
|
@import '_can-be-watched-button';
|
47
|
+
@import '_plans';
|
48
|
+
|
49
|
+
@import '_awards';
|
45
50
|
|
46
51
|
@import '_legacy';
|
47
52
|
|
48
53
|
// @import local must be last in this file.
|
49
54
|
@import 'local/local';
|
50
55
|
|
51
|
-
// DO NOT PUT ANYTHING IN THIS FILE.
|
56
|
+
// DO NOT PUT ANYTHING IN THIS FILE.
|
@@ -1,7 +1,8 @@
|
|
1
|
-
{{import "./
|
2
|
-
{{import "./seo.jet" }}
|
3
|
-
{{import "./
|
1
|
+
{{import "./head/font.jet" }}
|
2
|
+
{{import "./head/seo.jet" }}
|
3
|
+
{{import "./nav/nav.jet"}}
|
4
4
|
{{import "./google.jet" }}
|
5
|
+
{{import "./footer/footer.jet" }}
|
5
6
|
{{CDN := "//cdn.shift72.com/1.3"}}
|
6
7
|
{*{CDN := "//localhost:3000"}*}
|
7
8
|
<!DOCTYPE html>
|
@@ -18,8 +19,7 @@
|
|
18
19
|
<link rel="stylesheet" href="{{CDN}}/s72.transactional.css">
|
19
20
|
<link rel="stylesheet" href="/styles/swiper.css">
|
20
21
|
|
21
|
-
|
22
|
-
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap" rel="stylesheet">
|
22
|
+
{{yield font()}}
|
23
23
|
<link rel="stylesheet" href="/styles/main.css">
|
24
24
|
|
25
25
|
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
|
@@ -1,3 +1,5 @@
|
|
1
|
+
{{import "templates/common/separator.jet"}}
|
2
|
+
|
1
3
|
{{block appBadges()}}
|
2
4
|
{{app_link_ios := config("app_link_ios")}}
|
3
5
|
{{app_link_android := config("app_link_android")}}
|
@@ -17,5 +19,7 @@
|
|
17
19
|
{{end}}
|
18
20
|
</div>
|
19
21
|
</div>
|
22
|
+
|
23
|
+
{{yield separator()}}
|
20
24
|
{{end}}
|
21
|
-
{{end}}
|
25
|
+
{{end}}
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
@@ -1,6 +1,5 @@
|
|
1
|
+
{{import "templates/common/background-image.jet"}}
|
2
|
+
|
1
3
|
{{block bundleBackground(background)}}
|
2
|
-
|
3
|
-
|
4
|
-
<s72-image src="{{background}}" alt="" class="meta-detail-bg-img"></s72-image>
|
5
|
-
</div>
|
6
|
-
{{end}}
|
4
|
+
{{yield backgroundImage(containerClass="meta-detail-bg", gradientClass="meta-detail-bg-gradient", imageClass="meta-detail-bg-img", imageSrc=background)}}
|
5
|
+
{{end}}
|
@@ -1,4 +1,5 @@
|
|
1
1
|
{{import "../items/tagline.jet"}}
|
2
|
+
{{import "../common/awards/carousel.jet"}}
|
2
3
|
|
3
4
|
{{block carouselItem(item)}}
|
4
5
|
{{ trailer := "" }}
|
@@ -54,6 +55,7 @@
|
|
54
55
|
<s72-userwishlist-button data-slug="{{item.Slug}}" class="btn-wishlist"></s72-userwishlist-button>
|
55
56
|
<s72-share-buttons item="::item.meta" class="hidden-sm hidden-xs pull-right"></s72-share-buttons>
|
56
57
|
</div>
|
58
|
+
{{yield awardsCarousel() item.InnerItem}}
|
57
59
|
</div>
|
58
60
|
</div>
|
59
61
|
{{end}}
|
@@ -62,4 +64,4 @@
|
|
62
64
|
<div class="bottom-gradient"></div>
|
63
65
|
</a>
|
64
66
|
</div>
|
65
|
-
{{end}}
|
67
|
+
{{end}}
|
@@ -1,14 +1,14 @@
|
|
1
1
|
{{import "./page_collection_item.jet"}}
|
2
2
|
|
3
|
-
{{block pageCollectionList()}}
|
3
|
+
{{block pageCollectionList(showTitle=true)}}
|
4
4
|
{{if len(.Items) > 0}}
|
5
5
|
<section class="page-collection page-collection-list page-collection-list-{{.ItemsPerRow}} page-collection-list-{{.ItemLayout}} list-{{.ItemsPerRow}} list-{{.ItemLayout}} page-collection-{{.ItemsPerRow}}-list" aria-label="{{i18n("wcag_aria_label_collection_list")}}">
|
6
6
|
|
7
|
+
{{ if showTitle }}
|
7
8
|
<div class="page-collection-list-title">
|
8
|
-
|
9
9
|
<h3>{{.DisplayName}}</h3>
|
10
|
-
|
11
10
|
</div>
|
11
|
+
{{ end }}
|
12
12
|
|
13
13
|
<div class="page-collection-items collection-items">
|
14
14
|
{{range item := .Items}}
|
@@ -20,4 +20,4 @@
|
|
20
20
|
|
21
21
|
</section>
|
22
22
|
{{end}}
|
23
|
-
{{end}}
|
23
|
+
{{end}}
|
@@ -2,12 +2,12 @@
|
|
2
2
|
{{import "./slider.jet"}}
|
3
3
|
{{import "./list.jet"}}
|
4
4
|
|
5
|
-
{{block pageCollection()}}
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
5
|
+
{{block pageCollection(showTitle=true)}}
|
6
|
+
{{if .Layout == "carousel"}}
|
7
|
+
{{yield pageCollectionCarousel()}}
|
8
|
+
{{else if .Layout == "slider"}}
|
9
|
+
{{yield pageCollectionSlider()}}
|
10
|
+
{{else}}
|
11
|
+
{{yield pageCollectionList(showTitle=showTitle)}}
|
12
|
+
{{end}}
|
13
13
|
{{end}}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
{{block awardsCarousel()}}
|
2
|
+
{{ if isset(.AwardCategories) && (len(.AwardCategories) > 0) }}
|
3
|
+
<div class="meta-awards">
|
4
|
+
<div class="meta-award-nomination">
|
5
|
+
<span><i class="meta-award-nomination-icon"></i></span>
|
6
|
+
<span class="font-weight-bold">{{ i18n("awards_in_competition") }}</span>
|
7
|
+
</div>
|
8
|
+
</div>
|
9
|
+
{{ end }}
|
10
|
+
{{end}}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
{{block awardNominations()}}
|
2
|
+
{{ if isset(.AwardCategories) && (len(.AwardCategories) > 0) }}
|
3
|
+
<div class="meta-awards row mt-2p5 meta-awards-all">
|
4
|
+
{{ range .AwardCategories }}
|
5
|
+
<div class="meta-award-nomination mb-2p5 col-12 col-sm-8 col-lg-6 col-xl-4">
|
6
|
+
<span><i class="meta-award-nomination-icon"></i></span>
|
7
|
+
<span class="font-weight-bold">{{ i18n("awards_nominated_for") }} {{ .DisplayLabel }}</span>
|
8
|
+
</div>
|
9
|
+
{{ end }}
|
10
|
+
</div>
|
11
|
+
{{ end }}
|
12
|
+
{{end}}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
{{block backgroundImage(containerClass="", gradientClass="", imageClass="", imageSrc="", imageAlt="")}}
|
2
|
+
<div class="{{containerClass}}">
|
3
|
+
<div class="{{gradientClass}}"></div>
|
4
|
+
<s72-image class="{{imageClass}}" src="{{imageSrc}}" alt="{{imageAlt}}"></s72-image>
|
5
|
+
</div>
|
6
|
+
{{end}}
|
@@ -1,33 +1,47 @@
|
|
1
1
|
{{block socialMediaButtons(path="", title="", letterboxdID="")}}
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
2
|
+
{{show_facebook_share := config("show_facebook_share", "true") == "true"}}
|
3
|
+
{{show_twitter_share := config("show_twitter_share", "true") == "true"}}
|
4
|
+
{{show_linkedin_share := config("show_linkedin_share", "true") == "true"}}
|
5
|
+
|
6
|
+
{{if show_facebook_share || show_twitter_share || show_linkedin_share || letterboxdID}}
|
7
|
+
<div class="social-media-buttons">
|
8
|
+
<div class="social-media-buttons-title">
|
9
|
+
<h2>{{i18n("social_media_buttons_title")}}</h2>
|
10
|
+
</div>
|
11
|
+
<div class="social-media-buttons-container">
|
12
|
+
{{if show_facebook_share}}
|
13
|
+
<a class="btn btn-social btn-social-facebook" aria-label="{{i18n("wcag_aria_label_facebook")}}" href="https://www.facebook.com/sharer/sharer.php?u={{site.SiteConfig.SiteURL + path | url}}" target="_blank">
|
14
|
+
<i class="fa fa-facebook" title="Share on Facebook" aria-hidden="true"></i>
|
15
|
+
</a>
|
16
|
+
{{end}}
|
17
|
+
|
18
|
+
{{if show_twitter_share}}
|
19
|
+
<a class="btn btn-social btn-social-twitter" aria-label="{{i18n("wcag_aria_label_twitter")}}" href="https://twitter.com/intent/tweet?text={{title + " " + site.SiteConfig.SiteURL + path | url}}" target="_blank">
|
20
|
+
<i class="fa fa-twitter" title="Share on Twitter" aria-hidden="true"></i>
|
21
|
+
</a>
|
22
|
+
{{end}}
|
23
|
+
|
24
|
+
{{if show_linkedin_share}}
|
25
|
+
<a class="btn btn-social btn-social-linkedin" aria-label="{{i18n("wcag_aria_label_linkedin")}}" href="https://www.linkedin.com/shareArticle?mini=true&url={{site.SiteConfig.SiteURL + path | url}}&title={{title|url}}" target="_blank">
|
26
|
+
<i class="fa fa-linkedin" title="Share on LinkedIn" aria-hidden="true"></i>
|
27
|
+
</a>
|
28
|
+
{{end}}
|
16
29
|
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
30
|
+
{{if letterboxdID}}
|
31
|
+
<a class="btn btn-social btn-social-letterboxd" aria-label="{{i18n("wcag_aria_label_letterboxd")}}" href="https://boxd.it/{{letterboxdID}}" target="_blank">
|
32
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28px" height="28px" viewBox="0 0 334.79999 128" version="1.1">
|
33
|
+
<title>{{i18n("wcag_aria_label_letterboxd")}}</title>
|
34
|
+
<g transform="matrix(1.3333333,0,0,-1.3333333,0,128)">
|
35
|
+
<g transform="scale(0.1)">
|
36
|
+
<path d="M 857.793,735.43 C 775.559,870.309 630.23,960 464.551,960 207.984,960 0,745.098 0,480 0,214.902 207.984,0 464.551,0 630.23,0 775.559,89.6914 857.793,224.574 812.684,298.559 786.488,386.098 786.488,480 c 0,93.906 26.196,181.441 71.305,255.43"/>
|
37
|
+
<path d="M 1648.76,728.125 C 1567.38,867.098 1419.72,960 1251.04,960 1085.36,960 940.031,870.309 857.793,735.43 902.902,661.441 929.102,573.906 929.102,480 c 0,-93.902 -26.2,-181.441 -71.309,-255.426 C 940.031,89.6914 1085.36,0 1251.04,0 c 168.68,0 316.34,92.9023 397.72,231.875 -42.4,72.41 -66.82,157.316 -66.82,248.125 0,90.809 24.42,175.719 66.82,248.125"/>
|
38
|
+
<path d="m 2046.49,960 c -168.68,0 -316.34,-92.902 -397.73,-231.875 42.41,-72.406 66.83,-157.316 66.83,-248.125 0,-90.809 -24.42,-175.715 -66.83,-248.125 C 1730.15,92.9023 1877.81,0 2046.49,0 c 256.56,0 464.55,214.902 464.55,480 0,265.098 -207.99,480 -464.55,480"/>
|
39
|
+
</g>
|
26
40
|
</g>
|
27
|
-
</
|
28
|
-
</
|
29
|
-
|
30
|
-
|
41
|
+
</svg>
|
42
|
+
</a>
|
43
|
+
{{end}}
|
44
|
+
</div>
|
31
45
|
</div>
|
32
|
-
|
46
|
+
{{end}}
|
33
47
|
{{end}}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
{{extends "../application.jet"}}
|
1
|
+
{{extends "../application/application.jet"}}
|
2
2
|
{{import "../common/slider.jet"}}
|
3
3
|
{{import "../items/tagline.jet"}}
|
4
4
|
{{import "../items/bonus_item.jet"}}
|
@@ -6,6 +6,7 @@
|
|
6
6
|
{{import "../collection/slider.jet"}}
|
7
7
|
{{import "../common/list.jet"}}
|
8
8
|
{{import "../common/social-media-buttons.jet"}}
|
9
|
+
{{import "../common/awards/item.jet"}}
|
9
10
|
|
10
11
|
{{block head()}}
|
11
12
|
{{yield seo() film}}
|
@@ -53,6 +54,9 @@
|
|
53
54
|
<br>
|
54
55
|
{{end}}
|
55
56
|
<s72-availability-label data-slug="{{film.Slug}}"></s72-availability-label>
|
57
|
+
|
58
|
+
{{yield awardNominations() film}}
|
59
|
+
|
56
60
|
<div class="meta-detail-synopsis">{{film.Overview | raw}}</div>
|
57
61
|
<div class="meta-detail-extras">
|
58
62
|
{{if len(film.Trailers) > 0 }}
|