@shift72/core-template 0.3.6 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. package/CHANGELOG.md +43 -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 +82 -2
  8. package/site/ca_ES.all.json +87 -2
  9. package/site/da_DK.all.json +89 -2
  10. package/site/de_DE.all.json +80 -1
  11. package/site/devices.html.jet +1 -1
  12. package/site/ee_EE.all.json +82 -3
  13. package/site/el_EL.all.json +80 -1
  14. package/site/en_AU.all.json +55 -14
  15. package/site/es_ES.all.json +80 -1
  16. package/site/es_MX.all.json +10 -0
  17. package/site/fi_FI.all.json +81 -2
  18. package/site/forgotpassword.html.jet +1 -1
  19. package/site/fr_FR.all.json +80 -1
  20. package/site/genres.html.jet +1 -1
  21. package/site/hr_HR.all.json +479 -400
  22. package/site/hu_HU.all.json +82 -3
  23. package/site/it_IT.all.json +80 -1
  24. package/site/ja_JP.all.json +81 -2
  25. package/site/library.html.jet +1 -1
  26. package/site/lt_LT.all.json +81 -2
  27. package/site/nl_BE.all.json +81 -2
  28. package/site/no_NO.all.json +82 -3
  29. package/site/pin.html.jet +1 -1
  30. package/site/pl_PL.all.json +81 -2
  31. package/site/plans.html.jet +94 -0
  32. package/site/pt_BR.all.json +87 -2
  33. package/site/pt_PT.all.json +81 -2
  34. package/site/resetpassword.html.jet +1 -1
  35. package/site/ru_RU.all.json +81 -2
  36. package/site/se_SE.all.json +81 -2
  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 +82 -3
  98. package/site/uk_UA.all.json +87 -2
  99. package/site/wishlist.html.jet +1 -1
  100. package/site/zh_TW.all.json +85 -1
  101. package/site/static/styles/main.css.map +0 -1
@@ -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 }}
@@ -1,4 +1,5 @@
1
1
  {{import "tagline.jet"}}
2
+ {{import "../common/awards/partial.jet"}}
2
3
 
3
4
  {{block metaItem(item, layout, wrapper_class="")}}
4
5
  {{ displayTitleAndGenreBelowPosters = config("media_item_caption") == "true" }}
@@ -38,8 +39,12 @@
38
39
  {{end}}
39
40
  <a href="{{routeToSlug(item.Slug)}}" class="meta-item-link" aria-label="{{item.Title}}" target="{{isExternalPage ? "_blank" : ""}}">
40
41
  <div class="poster poster-{{layout}}">
41
- <s72-availability-status data-slug="{{item.Slug}}"></s72-availability-status>
42
42
  <s72-availability-label data-slug="{{item.Slug}}"></s72-availability-label>
43
+ <div class="poster-overlay poster-overlay-top">
44
+ <s72-availability-status data-slug="{{item.Slug}}"></s72-availability-status>
45
+ {{ yield awardsPosterOverlay() item.InnerItem }}
46
+ </div>
47
+
43
48
  <s72-image src="{{imageUrl}}" alt="{{item.Title}}" class="poster-image poster-image-{{layout}}" border="0"></s72-image>
44
49
  {{if !isExternalPage}}
45
50
  <div class="hover">
@@ -79,4 +84,4 @@
79
84
  {{if wrapper_class != ""}}
80
85
  </div>
81
86
  {{end}}
82
- {{end}}
87
+ {{end}}
@@ -33,14 +33,6 @@
33
33
  <s72-classification-label data-slug="{{.Slug}}" data-layout="tooltip"></s72-classification-label>
34
34
  {{end}}
35
35
 
36
- {{if genres && len(itemGenres) > 0}}
37
- {{yield taglineItem() content}}
38
- {{itemGenres}}
39
- {{end}}
40
- {{yield taglineDivider(dividers=dividers)}}
41
- {{dividers = dividers - 1}}
42
- {{end}}
43
-
44
36
  {{if isset(.Runtime)}}
45
37
  {{yield taglineItem() content}}
46
38
  {{if .Runtime > 60}}
@@ -69,6 +61,17 @@
69
61
  {{dividers = dividers - 1}}
70
62
  {{end}}
71
63
 
64
+ {{if genres && len(itemGenres) > 0}}
65
+ {{if genresLimit > -1 && len(itemGenres) > genresLimit}}
66
+ {{itemGenres = itemGenres[:genresLimit]}}
67
+ {{end}}
68
+ {{yield taglineItem() content}}
69
+ {{itemGenres}}
70
+ {{end}}
71
+ {{yield taglineDivider(dividers=dividers)}}
72
+ {{dividers = dividers - 1}}
73
+ {{end}}
74
+
72
75
  {{if isset(.ReleaseDate) && .ReleaseDate.Year() > 1}}
73
76
  {{yield taglineItem() content}}
74
77
  {{.ReleaseDate.Year()}}
@@ -1,16 +1,15 @@
1
- {{extends "templates/application.jet"}}
1
+ {{extends "templates/application/application.jet"}}
2
+ {{import "templates/page/page-header.jet"}}
3
+ {{import "templates/page/page-content.jet"}}
4
+
2
5
  {{block head()}}
3
6
  {{yield seo() page}}
4
7
  {{end}}
8
+
5
9
  {{block body()}}
6
- <main id="main" class="page content-page">
7
- <div class="page-header">
8
- <h1>{{ page.Title }}</h1>
9
- </div>
10
- {{if len(page.Content)}}
11
- <div class="content-page-content">
12
- {{page.Content | raw}}
13
- </div>
14
- {{end}}
15
- </main>
16
- {{end}}
10
+ <main id="main" class="page content-page">
11
+ {{yield pageHeader(title=page.Title)}}
12
+
13
+ {{yield pageContent(text=page.Content)}}
14
+ </main>
15
+ {{end}}
@@ -1,5 +1,8 @@
1
- {{extends "templates/application.jet"}}
1
+ {{extends "templates/application/application.jet"}}
2
2
  {{import "templates/collection/page_collection.jet"}}
3
+ {{import "templates/common/background-image.jet"}}
4
+ {{import "templates/page/page-content.jet"}}
5
+ {{import "templates/page/page-header.jet"}}
3
6
 
4
7
  {{block head()}}
5
8
  {{yield seo() page}}
@@ -7,26 +10,38 @@
7
10
 
8
11
 
9
12
  {{block body()}}
10
- <main id="main" class="page {{page.PageType}}-page">
11
- <div class="page-bg">
12
- <div class="right-gradient"></div>
13
- <s72-image src="{{page.Images.Background}}" alt="" class="page-bg-img"></s72-image>
14
- </div>
15
- <div class="container-fluid">
16
- <div class="page-header">
17
- <h1>{{ page.Title }}</h1>
18
- {{if len(page.Content)}}
19
- <div class="page-header-content">
20
- {{page.Content | raw}}
21
- </div>
13
+ {{ plan := 0 }}
14
+ {{ if len(page.Plans) }}
15
+ {{ plan = page.Plans[0] }}
16
+ {{ end }}
17
+
18
+ <main id="main" class="page curated-page{{if len(page.PageCollections) > 0}} curated-collection-page{{end}}{{if plan != 0}} curated-plan-page{{end}}">
19
+ {{yield backgroundImage(containerClass="page-bg", gradientClass="right-gradient", imageClass="page-bg-img", imageSrc=page.Images.Background)}}
20
+
21
+ {{yield pageHeader(title=page.Title, plan=plan)}}
22
+
23
+ {{yield pageContent(text=page.Content, plan=plan)}}
24
+
25
+ <div class="page-collections">
26
+ <h2 class="sr-only">{{i18n("wcag_collections_h2")}}</h2>
27
+ {{range index, pf := page.PageCollections}}
28
+ {{yield pageCollection() pf}}
22
29
  {{end}}
23
30
  </div>
24
- </div>
25
- <div class="page-collections">
26
- <h2 class="sr-only">{{i18n("wcag_collections_h2")}}</h2>
27
- {{range index, pf := page.PageCollections}}
28
- {{yield pageCollection() pf}}
29
- {{end}}
30
- </div>
31
- </main>
32
- {{end}}
31
+
32
+ {{ if plan != 0 }}
33
+ <div class="s72-view-all-passes text-center">
34
+ <h2 class="s72-divider-bottom mb-2 pb-2">{{ i18n("plan_page_header_text", map("Name", plan.Name)) }}</h2>
35
+
36
+ <p class="col-xs-10 col-xxl-8 mx-auto">{{ plan.Description }}</p>
37
+
38
+ <div>
39
+ <s72-pricing-buttons class="mb-2" data-slug="{{plan.Slug}}" data-title="{{plan.Name}}" />
40
+ <s72-plan-label data-slug="{{plan.Slug}}" data-title="{{plan.Name}}" />
41
+ </div>
42
+ <p>{{ i18n("page_plan_explore_intro" )}}</p>
43
+ <p><a href="/plans.html">{{ i18n("page_plan_explore_link") }}</a></p>
44
+ </div>
45
+ {{ end }}
46
+ </main>
47
+ {{end}}
@@ -1,4 +1,4 @@
1
- {{extends "templates/application.jet"}}
1
+ {{extends "templates/application/application.jet"}}
2
2
  {{import "templates/collection/page_collection.jet"}}
3
3
  {{import "templates/items/featured_item.jet"}}
4
4
  {{import "../collection/carousel.jet"}}
@@ -1,4 +1,4 @@
1
- {{extends "templates/application.jet"}}
1
+ {{extends "templates/application/application.jet"}}
2
2
  {{block body()}}
3
3
  <div>
4
4
  <h1>Landing - {{ page.Title }}</h1>
@@ -0,0 +1,29 @@
1
+ {{block pageContent(text="", plan=0)}}
2
+ {{if len(text) > 0}}
3
+ <div class="page-content">
4
+ {{text | raw}}
5
+
6
+ {{if plan != 0 }}
7
+ <div class="plan-buttons">
8
+ {{ if plan.PlanType == "free" }}
9
+ {{ if plan.HasExpiryDate() }}
10
+ <s72-before datetime="{{ plan.ExpiryDate.UnixMilli() }}">
11
+ <s72-user-anon>
12
+ <a class="btn btn-block s72-btn-purchase signup-link" href="{{routeToPath("/signup.html")}}">{{ i18n("plan_free_link_text") }}</a>
13
+ </s72-user-anon>
14
+ </s72-before>
15
+ {{ else }}
16
+ <s72-user-anon>
17
+ <a class="btn btn-block s72-btn-purchase signup-link" href="{{routeToPath("/signup.html")}}">{{ i18n("plan_free_link_text") }}</a>
18
+ </s72-user-anon>
19
+ {{ end }}
20
+ {{ else }}
21
+ <s72-pricing-buttons data-slug="{{plan.Slug}}" data-title="{{plan.Name}}" data-ownership-label-prefix={{ i18n("plan_showcase_page_ownership_button_") }} data-hide-price="true" />
22
+ {{ end }}
23
+ </div>
24
+ {{end}}
25
+ </div>
26
+
27
+
28
+ {{end}}
29
+ {{end}}
@@ -0,0 +1,26 @@
1
+ {{block pageHeader(title="", plan=0)}}
2
+ {{if len(title) > 0}}
3
+ <div class="page-header">
4
+ {{if plan != 0}}
5
+ <s72-plan-label data-slug="{{plan.Slug}}" data-title="{{plan.Name}}"></s72-plan-label>
6
+ {{end}}
7
+ <h1>{{title}}</h1>
8
+ {{if plan != 0 && plan.HasExpiryDate() }}
9
+ {{ if plan.HasExpiryDate() }}
10
+ <p class="alert p-0 border-0 my-1">
11
+ <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-exclamation-circle mr-p5" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/> <path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z"/> </svg>
12
+ <small>
13
+ <s72-before datetime="{{ plan.ExpiryDate.UnixMilli() }}">
14
+ {{ i18n("plan_expiry_date") }} <s72-time datetime="{{ plan.ExpiryDate.UnixMilli() }}" />
15
+ </s72-before>
16
+
17
+ <s72-after datetime="{{ plan.ExpiryDate.UnixMilli() }}">
18
+ {{ i18n("availability_not_available") }}
19
+ </s72-after>
20
+ </small>
21
+ </p>
22
+ {{ end }}
23
+ {{end}}
24
+ </div>
25
+ {{end}}
26
+ {{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"}}
@@ -47,6 +47,12 @@
47
47
  <s72-userwishlist-button data-slug="{{tvseason.Slug}}" class="btn-wishlist"></s72-userwishlist-button>
48
48
  {{yield socialMediaButtons(path=currentUrlPath)}}
49
49
  </div>
50
+ </div>
51
+ <s72-availability-label data-slug="{{tvseason.Slug}}"></s72-availability-label>
52
+ <div class="meta-detail-synopsis">{{tvseason.Overview | raw}}</div>
53
+ </div>
54
+ <s72-availability-label data-slug="{{tvseason.Slug}}"></s72-availability-label>
55
+ <div class="meta-detail-synopsis">{{tvseason.Overview | raw}}</div>
50
56
  <div class="meta-detail-cast">
51
57
  {{if len(tvseason.Cast) > 0 }}
52
58
  <h2>{{i18n("meta_detail_cast_title")}}</h2>