@shift72/core-template 0.3.6 → 0.4.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 +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>