@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.
Files changed (101) hide show
  1. package/CHANGELOG.md +44 -1
  2. package/kibble.json +1 -1
  3. package/package.json +9 -6
  4. package/site/404.html.jet +1 -1
  5. package/site/acceptinvite.html.jet +1 -1
  6. package/site/account.html.jet +1 -1
  7. package/site/ar_LB.all.json +85 -5
  8. package/site/ca_ES.all.json +94 -9
  9. package/site/da_DK.all.json +92 -5
  10. package/site/de_DE.all.json +83 -4
  11. package/site/devices.html.jet +1 -1
  12. package/site/ee_EE.all.json +85 -6
  13. package/site/el_EL.all.json +83 -4
  14. package/site/en_AU.all.json +58 -17
  15. package/site/es_ES.all.json +83 -4
  16. package/site/es_MX.all.json +13 -3
  17. package/site/fi_FI.all.json +84 -5
  18. package/site/forgotpassword.html.jet +1 -1
  19. package/site/fr_FR.all.json +83 -4
  20. package/site/genres.html.jet +1 -1
  21. package/site/hr_HR.all.json +479 -397
  22. package/site/hu_HU.all.json +86 -7
  23. package/site/it_IT.all.json +83 -4
  24. package/site/ja_JP.all.json +85 -6
  25. package/site/library.html.jet +1 -1
  26. package/site/lt_LT.all.json +84 -5
  27. package/site/nl_BE.all.json +84 -5
  28. package/site/no_NO.all.json +85 -6
  29. package/site/pin.html.jet +1 -1
  30. package/site/pl_PL.all.json +89 -10
  31. package/site/plans.html.jet +94 -0
  32. package/site/pt_BR.all.json +91 -6
  33. package/site/pt_PT.all.json +85 -6
  34. package/site/resetpassword.html.jet +1 -1
  35. package/site/ru_RU.all.json +88 -9
  36. package/site/se_SE.all.json +85 -6
  37. package/site/search.html.jet +1 -1
  38. package/site/signin.html.jet +1 -1
  39. package/site/signup.html.jet +1 -1
  40. package/site/styles/_awards.scss +39 -0
  41. package/site/styles/_buttons.scss +13 -0
  42. package/site/styles/_card.scss +3 -0
  43. package/site/styles/_collections.scss +1 -1
  44. package/site/styles/_footer.scss +0 -1
  45. package/site/styles/_forms.scss +1 -1
  46. package/site/styles/_globals.scss +7 -0
  47. package/site/styles/_icons.scss +4 -0
  48. package/site/styles/_legacy.scss +0 -5
  49. package/site/styles/_meta-detail.scss +1 -2
  50. package/site/styles/_nav.scss +2 -2
  51. package/site/styles/_pages.scss +25 -6
  52. package/site/styles/_plans.scss +87 -0
  53. package/site/styles/_poster.scss +25 -1
  54. package/site/styles/_shift72.scss +19 -0
  55. package/site/styles/_shopping.scss +6 -0
  56. package/site/styles/_variables.scss +14 -0
  57. package/site/styles/_wishlist.scss +2 -2
  58. package/site/styles/main.scss +6 -1
  59. package/site/templates/{application.jet → application/application.jet} +5 -5
  60. package/site/templates/{footer → application/footer}/app-badges.jet +5 -1
  61. package/site/templates/{footer → application/footer}/brand.jet +0 -0
  62. package/site/templates/{footer → application/footer}/copyright-statement.jet +0 -0
  63. package/site/templates/{footer → application/footer}/footer.jet +0 -0
  64. package/site/templates/{footer → application/footer}/info.jet +0 -0
  65. package/site/templates/{footer → application/footer}/nav.jet +0 -0
  66. package/site/templates/{footer → application/footer}/powered-by.jet +0 -0
  67. package/site/{google.jet → templates/application/google.jet} +0 -0
  68. package/site/templates/application/head/font.jet +4 -0
  69. package/site/templates/{seo.jet → application/head/seo.jet} +0 -0
  70. package/site/templates/{header-banner.jet → application/nav/header-banner.jet} +0 -0
  71. package/site/templates/{nav.jet → application/nav/nav.jet} +2 -2
  72. package/site/templates/{nav → application/nav}/user_logged_in.jet +0 -0
  73. package/site/templates/{nav → application/nav}/user_logged_out.jet +0 -0
  74. package/site/templates/bundle/background.jet +4 -5
  75. package/site/templates/bundle/item.jet +1 -1
  76. package/site/templates/collection/carousel_item.jet +3 -1
  77. package/site/templates/collection/index.jet +1 -1
  78. package/site/templates/collection/item.jet +1 -1
  79. package/site/templates/collection/list.jet +4 -4
  80. package/site/templates/collection/page_collection.jet +8 -8
  81. package/site/templates/common/awards/carousel.jet +10 -0
  82. package/site/templates/common/awards/item.jet +12 -0
  83. package/site/templates/common/awards/partial.jet +7 -0
  84. package/site/templates/common/background-image.jet +6 -0
  85. package/site/templates/common/separator.jet +3 -0
  86. package/site/templates/common/social-media-buttons.jet +42 -28
  87. package/site/templates/film/item.jet +5 -1
  88. package/site/templates/items/meta_item.jet +7 -2
  89. package/site/templates/items/tagline.jet +11 -8
  90. package/site/templates/page/content.jet +11 -12
  91. package/site/templates/page/curated.jet +37 -22
  92. package/site/templates/page/homepage.jet +1 -1
  93. package/site/templates/page/landing.jet +1 -1
  94. package/site/templates/page/page-content.jet +29 -0
  95. package/site/templates/page/page-header.jet +26 -0
  96. package/site/templates/tv/detail.jet +7 -1
  97. package/site/tr_TR.all.json +86 -7
  98. package/site/uk_UA.all.json +95 -10
  99. package/site/wishlist.html.jet +1 -1
  100. package/site/zh_TW.all.json +89 -5
  101. package/site/static/styles/main.css.map +0 -1
@@ -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
- .content-page-content {
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
+ }
@@ -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
+ }
@@ -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 "./nav.jet"}}
2
- {{import "./seo.jet" }}
3
- {{import "./footer/footer.jet" }}
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
- <link rel="preconnect" href="https://fonts.gstatic.com">
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}}
@@ -0,0 +1,4 @@
1
+ {{block font()}}
2
+ <link rel="preconnect" href="https://fonts.gstatic.com">
3
+ <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap" rel="stylesheet">
4
+ {{end}}
@@ -1,5 +1,5 @@
1
- {{import "./nav/user_logged_out.jet"}}
2
- {{import "./nav/user_logged_in.jet"}}
1
+ {{import "./user_logged_out.jet"}}
2
+ {{import "./user_logged_in.jet"}}
3
3
  {{import "./header-banner.jet"}}
4
4
 
5
5
  {{block nav(showSubNav=true)}}
@@ -1,6 +1,5 @@
1
+ {{import "templates/common/background-image.jet"}}
2
+
1
3
  {{block bundleBackground(background)}}
2
- <div class="meta-detail-bg">
3
- <div class="meta-detail-bg-gradient"></div>
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,4 @@
1
- {{extends "../application.jet"}}
1
+ {{extends "../application/application.jet"}}
2
2
 
3
3
  {{import "./background.jet"}}
4
4
  {{import "./title.jet"}}
@@ -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,4 +1,4 @@
1
- {{extends "../application.jet"}}
1
+ {{extends "../application/application.jet"}}
2
2
 
3
3
  {{block body()}}
4
4
  <h2>Collection - Index</h2>
@@ -1,4 +1,4 @@
1
- {{extends "../application.jet"}}
1
+ {{extends "../application/application.jet"}}
2
2
  {{import "./page_collection_item.jet"}}
3
3
 
4
4
  {{block head()}}
@@ -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
- {{if .Layout == "carousel"}}
7
- {{yield pageCollectionCarousel()}}
8
- {{else if .Layout == "slider"}}
9
- {{yield pageCollectionSlider()}}
10
- {{else}}
11
- {{yield pageCollectionList()}}
12
- {{end}}
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,7 @@
1
+ {{block awardsPosterOverlay()}}
2
+ {{ if isset(.AwardCategories) && (len(.AwardCategories) > 0) }}
3
+ <div class="meta-awards-icon-overlay">
4
+ <i class="meta-award-nomination-icon"></i>
5
+ </div>
6
+ {{ end }}
7
+ {{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}}
@@ -0,0 +1,3 @@
1
+ {{block separator(class="")}}
2
+ <div class="separator {{class}}"></div>
3
+ {{end}}
@@ -1,33 +1,47 @@
1
1
  {{block socialMediaButtons(path="", title="", letterboxdID="")}}
2
- <div class="social-media-buttons">
3
- <div class="social-media-buttons-title">
4
- <h2>{{i18n("social_media_buttons_title")}}</h2>
5
- </div>
6
- <div class="social-media-buttons-container">
7
- <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">
8
- <i class="fa fa-facebook" title="Share on Facebook" aria-hidden="true"></i>
9
- </a>
10
- <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">
11
- <i class="fa fa-twitter" title="Share on Twitter" aria-hidden="true"></i>
12
- </a>
13
- <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">
14
- <i class="fa fa-linkedin" title="Share on LinkedIn" aria-hidden="true"></i>
15
- </a>
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
- {{if letterboxdID}}
18
- <a class="btn btn-social btn-social-letterboxd" aria-label="{{i18n("wcag_aria_label_letterboxd")}}" href="https://boxd.it/{{letterboxdID}}" target="_blank">
19
- <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">
20
- <title>{{i18n("wcag_aria_label_letterboxd")}}</title>
21
- <g transform="matrix(1.3333333,0,0,-1.3333333,0,128)">
22
- <g transform="scale(0.1)">
23
- <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"/>
24
- <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"/>
25
- <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"/>
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
- </g>
28
- </svg>
29
- </a>
30
- {{end}}
41
+ </svg>
42
+ </a>
43
+ {{end}}
44
+ </div>
31
45
  </div>
32
- </div>
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 }}