@shift72/core-template 1.9.4 → 1.9.6

package/site/es_ES.all.json

@@ -1662,5 +1662,8 @@
   },
   "wcag_aria_label_social_linkedin": {
     "other": "Visítenos en LinkedIn"
+  },
+  "pricing_from": {
+    "other": "Mirar desde"
   }
-}
+}

package/site/es_MX.all.json

@@ -1662,5 +1662,8 @@
   },
   "wcag_aria_label_social_linkedin": {
     "other": "Visítenos en LinkedIn"
+  },
+  "pricing_from": {
+    "other": "Mirar desde"
   }
-}
+}

package/site/et_ET.all.json

@@ -1658,5 +1658,8 @@
   },
   "wcag_aria_label_social_linkedin": {
     "other": "Külastage meid LinkedInis"
+  },
+  "pricing_from": {
+    "other": "Vaata alates"
   }
-}
+}

package/site/fi_FI.all.json

@@ -1658,5 +1658,8 @@
   },
   "wcag_aria_label_social_linkedin": {
     "other": "Vieraile meillä LinkedInissä"
+  },
+  "pricing_from": {
+    "other": "Katso alkaen"
   }
-}
+}

package/site/fr_FR.all.json

@@ -1662,5 +1662,8 @@
   },
   "wcag_aria_label_social_linkedin": {
     "other": "Visitez-nous sur LinkedIn"
+  },
+  "pricing_from": {
+    "other": "Regarder depuis"
   }
-}
+}

package/site/hr_HR.all.json

@@ -1660,5 +1660,8 @@
   },
   "wcag_aria_label_social_linkedin": {
     "other": "Posjetite nas na LinkedInu"
+  },
+  "pricing_from": {
+    "other": "Gledajte iz"
   }
-}
+}

package/site/hu_HU.all.json

@@ -1658,5 +1658,8 @@
   },
   "wcag_aria_label_social_linkedin": {
     "other": "Látogasson el hozzánk a LinkedIn-en"
+  },
+  "pricing_from": {
+    "other": "Nézd innen"
   }
-}
+}

package/site/it_IT.all.json

@@ -1662,5 +1662,8 @@
   },
   "wcag_aria_label_social_linkedin": {
     "other": "Visitaci su LinkedIn"
+  },
+  "pricing_from": {
+    "other": "Guarda da"
   }
-}
+}

package/site/ja_JP.all.json

@@ -1645,5 +1645,8 @@
   },
   "wcag_aria_label_social_linkedin": {
     "other": "LinkedIn にアクセスしてください"
+  },
+  "pricing_from": {
+    "other": "から見る"
   }
-}
+}

package/site/lt_LT.all.json

@@ -1690,5 +1690,8 @@
   },
   "wcag_aria_label_social_linkedin": {
     "other": "Aplankykite mus „LinkedIn“."
+  },
+  "pricing_from": {
+    "other": "Žiūrėti iš"
   }
-}
+}

package/site/nl_BE.all.json

@@ -1658,5 +1658,8 @@
   },
   "wcag_aria_label_social_linkedin": {
     "other": "Bezoek ons op LinkedIn"
+  },
+  "pricing_from": {
+    "other": "Kijk vanaf"
   }
-}
+}

package/site/no_NO.all.json

@@ -1658,5 +1658,8 @@
   },
   "wcag_aria_label_social_linkedin": {
     "other": "Besøk oss på LinkedIn"
+  },
+  "pricing_from": {
+    "other": "Se fra"
   }
-}
+}

package/site/pl_PL.all.json

@@ -1735,5 +1735,8 @@
   },
   "wcag_aria_label_social_linkedin": {
     "other": "Odwiedź nas na LinkedInie"
+  },
+  "pricing_from": {
+    "other": "Oglądaj od"
   }
-}
+}

package/site/pt_BR.all.json

@@ -1662,5 +1662,8 @@
   },
   "wcag_aria_label_social_linkedin": {
     "other": "Visite-nos no LinkedIn"
+  },
+  "pricing_from": {
+    "other": "Assista à partir"
   }
-}
+}

package/site/pt_PT.all.json

@@ -1662,5 +1662,8 @@
   },
   "wcag_aria_label_social_linkedin": {
     "other": "Visite-nos no LinkedIn"
+  },
+  "pricing_from": {
+    "other": "Assista à partir"
   }
-}
+}

package/site/ru_RU.all.json

@@ -1712,5 +1712,8 @@
   },
   "wcag_aria_label_social_linkedin": {
     "other": "Посетите нас на LinkedIn"
+  },
+  "pricing_from": {
+    "other": "Смотреть из"
   }
-}
+}

package/site/sr_SR.all.json

@@ -1674,5 +1674,8 @@
   },
   "wcag_aria_label_social_linkedin": {
     "other": "Посетите нас на ЛинкедИн-у"
+  },
+  "pricing_from": {
+    "other": "Гледајте из"
   }
-}
+}

package/site/static/images/icons/androidtv.svg

@@ -0,0 +1,36 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+  width="122px" height="44px" viewBox="0 0 800 138" enable-background="new 0 0 800 138"
+  xml:space="preserve">
+  <g>
+    <path d="M43.714,44.202c12.974,0,23.79,6.668,28.827,13.874V46.002h19.816v90.08H78.899c-3.511,0-6.358-2.842-6.358-6.357v-5.705
+      c-5.037,7.2-15.853,13.863-28.827,13.863c-24.674,0-43.417-21.074-43.417-46.838S19.04,44.202,43.714,44.202 M47.319,62.221
+      c-16.037,0-26.848,12.608-26.848,28.824c0,16.211,10.811,28.827,26.848,28.827c16.032,0,26.848-12.616,26.848-28.827
+      C74.167,74.829,63.352,62.221,47.319,62.221" fill="currentColor"/>
+    <path d="M114.863,46.005h19.821v12.25c5.4-9.005,15.674-14.05,27.385-14.05c20.895,0,34.411,14.773,34.411,37.655v54.222h-13.463
+      c-3.51,0-6.358-2.847-6.358-6.357V85.103c0-14.231-7.21-22.879-18.732-22.879c-13.153,0-23.242,10.269-23.242,29.542v44.316
+      h-13.469c-3.505,0-6.353-2.847-6.353-6.357V46.005z" fill="currentColor"/>
+    <path d="M255.575,44.202c12.969,0,23.785,6.668,28.827,13.874V0.967h19.811v135.115h-13.458c-3.505,0-6.353-2.842-6.353-6.357
+      v-5.705c-5.042,7.2-15.858,13.863-28.827,13.863c-24.685,0-43.421-21.074-43.421-46.838S230.891,44.202,255.575,44.202
+      M259.181,62.221c-16.032,0-26.843,12.608-26.843,28.824c0,16.211,10.811,28.827,26.843,28.827
+      c16.026,0,26.837-12.616,26.837-28.827C286.018,74.829,275.207,62.221,259.181,62.221" fill="currentColor"/>
+    <path d="M326.724,46.005h19.816v16.034c3.421-10.269,13.511-16.934,23.784-16.934c2.516,0,5.047,0.182,7.748,0.721v20.356
+      c-3.432-1.082-6.305-1.621-9.905-1.621c-11.353,0-21.626,9.553-21.626,27.568v43.953h-13.463c-3.505,0-6.353-2.847-6.353-6.357
+      V46.005z" fill="currentColor"/>
+    <path d="M431.504,137.883c-26.658,0-47.2-20.722-47.2-46.833c0-26.124,20.542-46.848,47.2-46.848
+      c26.669,0,47.201,20.719,47.201,46.848C478.705,117.161,458.173,137.883,431.504,137.883 M431.504,119.514
+      c15.854,0,27.027-12.437,27.027-28.464c0-16.031-11.174-28.468-27.027-28.468c-16.031,0-27.2,12.437-27.2,28.468
+      C404.304,107.077,415.473,119.514,431.504,119.514" fill="currentColor"/>
+    <path d="M504.674,26.37c-7.205,0-13.332-5.939-13.332-13.334c0-7.206,6.127-13.15,13.332-13.15c7.384,0,13.152,5.945,13.152,13.15
+      C517.826,20.431,512.058,26.37,504.674,26.37 M494.773,46.002h19.811v90.08h-13.458c-3.511,0-6.353-2.853-6.353-6.357V46.002z" fill="currentColor"/>
+    <path d="M574.285,44.202c12.974,0,23.785,6.668,28.832,13.874V0.967h19.816v135.115h-13.458c-3.517,0-6.358-2.842-6.358-6.357
+      v-5.705c-5.047,7.2-15.858,13.863-28.832,13.863c-24.674,0-43.411-21.074-43.411-46.838S549.611,44.202,574.285,44.202
+      M577.891,62.221c-16.026,0-26.837,12.608-26.837,28.824c0,16.211,10.811,28.827,26.837,28.827
+      c16.037,0,26.848-12.616,26.848-28.827C604.738,74.829,593.928,62.221,577.891,62.221" fill="currentColor"/>
+    <path d="M657.387,57.463h-19.39V45.51h19.39V20.323h12.679V45.51h26.453v11.953h-26.453v52.361
+      c0,11.048,4.896,15.395,15.037,15.395c3.621,0,8.517-0.726,11.416-1.989v11.411c-4.174,1.632-8.516,2.357-13.41,2.357
+      c-15.396,0-25.722-8.884-25.722-26.095V57.463z" fill="currentColor"/>
+    <polygon points="799.604,45.507 757.215,136.093 747.251,136.093 704.855,45.507 718.987,45.507 752.141,117.43 785.294,45.507 	
+      " fill="currentColor"/>
+  </g>
+</svg>

package/site/styles/_carousel.scss

@@ -29,7 +29,7 @@ s72-carousel {
   width: 100%;
 
   @include media-breakpoint-up(sm) {
-    margin-bottom: 40px;
+    margin-bottom: 32px;
   }
 }
 

package/site/styles/_collections.scss

@@ -65,28 +65,26 @@
         justify-content: space-between;
         left: 0;
         opacity: 0;
-        padding: 0px 15px; // No vertical padding so that in edge cases where multiple purchase options are displayed there's enough space.
+        padding: 0 15px; // No vertical padding so that in edge cases where multiple purchase options are displayed there's enough space.
         position: absolute;
         right: 0;
         top: 0;
         transition: opacity 0.25s ease-in;
         z-index: 100;
 
-
         .buttons {
           @extend .d-flex;
           align-items: center;
           flex-direction: row;
+
+          // If there are multiple types of buttons shown here, using flex gap
+          // will space them out.
+          gap: 16px;
           justify-content: center;
           padding-top: 10px;
           position: relative;
           width: 100%;
 
-          // If there are multiple types of buttons shown here, using flex gap 
-          // will space them out.
-          gap: 16px;
-
-
           s72-can-be-watched-now {
             margin-left: auto;
           }
@@ -121,7 +119,9 @@
             min-width: 140px;
             width: auto;
 
-            .verb { font-size: 14px; }
+            .verb {
+              font-size: 14px;
+            }
           }
 
           .btn-wishlist .s72-btn-wishlist {

package/site/styles/_footer.scss

@@ -164,6 +164,13 @@ footer {
       display: flex;
       height: 45px;
     }
+    .app-badge-android-tv {
+      background-color: var(--footer-app-badge-android-tv);
+      height: 44px;
+      width: 122px;
+      mask: url('/images/icons/androidtv.svg') no-repeat center / contain;
+      -webkit-mask: url('/images/icons/androidtv.svg') no-repeat center / contain;
+    }
   }
 
   .app-badge-title,

package/site/styles/_swiper.scss

@@ -22,18 +22,19 @@
 }
 
 .swiper-button-next {
-  background: rgba(var(--body-bg-rgb), 0.8) url('/images/icons/next.png') center center no-repeat;
   right: 0;
 }
 
 .swiper-button-prev {
-  background: rgba(var(--body-bg-rgb), 0.8) url('/images/icons/prev.png') center center no-repeat;
   left: 0;
 }
 
 .swiper-button-prev,
 .swiper-button-next {
+  align-items: center;
+  background: rgba(var(--body-bg-rgb), 0.8) center center no-repeat;
   background-size: 30%;
+  display: flex;
   height: 100%;
   margin-top: 0;
   opacity: 0.8;
@@ -48,6 +49,14 @@
   @include media-breakpoint-down(sm) {
     display: none;
   }
+  svg {
+    display: block;
+    margin: 0 auto;
+    width: 20px;
+    path {
+      fill: var(--slider-button-color);
+    }
+  }
 
   &.swiper-button-disabled {
     display: none;

package/site/styles/_variables.scss

@@ -76,6 +76,9 @@
   --navbar-brand-height: 50px;
 
   --footer-brand-height: 50px;
+  --footer-app-badge-android-tv: var(
+    --body-color
+  ); // AndroidTV brand guidelines state this must be black or white
   --footer-social-bg: var(--body-bg-accent);
   --footer-social-bg-hover: var(--primary);
   --footer-social-icon: var(--body-color);
@@ -101,14 +104,16 @@
   --button-background-hover: var(--secondary);
   --trailer-button-text-color: var(--body-color);
   --mobile-nav-link-color: var(--body-color);
+  --slider-button-color: var(--body-color);
   --signin-sso-btn-text-color: var(--button-text-color);
   --signin-sso-btn-text-hover-color: var(--button-text-color-hover);
   --signin-sso-btn-background-color: var(--button-background);
   --signin-sso-btn-background-hover-color: var(--button-background-hover);
 
-  --carousel-height: 75vh;
-  --carousel-height-sm: 75vh;
-  --carousel-height-lg: 75vh;
+  // Carousel
+  --carousel-height: 88vh;
+  --carousel-height-sm: 88vh;
+  --carousel-height-lg: 88vh;
   --carousel-bottom-gradient-height: 200px; // Increase this to 300px for light theme.
   --carousel-bottom-gradient-height-sm: 200px; // Increase this to 300px for light theme.
   --carousel-bottom-gradient-height-lg: 200px; // Increase this to 600px for light theme.
@@ -116,6 +121,7 @@
   --carousel-image-object-position-sm: center;
   --carousel-image-object-position-lg: center;
 
+  // Pages
   --collection-padding-bottom: 40px;
 
   --page-padding-top: 120px;

package/site/templates/application/application.jet

@@ -2,6 +2,7 @@
 {{import "./head/seo.jet" }}
 {{import "./nav/nav.jet"}}
 {{import "./google.jet" }}
+{{import "./pixel.jet"}}
 {{import "./footer/footer.jet" }}
 
 {{CDN := "//cdn.shift72.com/1.4"}}
@@ -76,6 +77,7 @@
     <s72-cookie-consent></s72-cookie-consent>
 
     {{yield googleTagManagerNoScript()}}
+    {{yield pixelNoScript()}}
 
     {{block navigation()}}
       {{yield nav() }}
@@ -86,6 +88,7 @@
     {{yield footer()}}
 
     {{yield googleScripts()}}
+    {{yield pixelScripts()}}
     <s72-donate-button></s72-donate-button>
   </body>
 </html>

package/site/templates/application/footer/app-badges.jet

@@ -26,7 +26,11 @@
 
       <div class="tv-app-badge-container">
         {{yield appBadge(href=app_link_fire_tv, image="/images/icons/amazonfiretv.png", altKey="app_badge_fire_tv", imgClass="tv-badge-image")}}
-        {{yield appBadge(href=app_link_android_tv, image="/images/icons/androidtv.png", altKey="app_badge_android_tv", imgClass="tv-badge-image")}} 
+        {{ if app_link_android_tv != "" }}
+        <a class="app-badge-link" href="{{app_link_android_tv}}" target="_blank">
+          <div class="app-badge-android-tv"></div>
+        </a>
+        {{ end }}
         {{yield appBadge(href=app_link_apple_tv_enabled, image="/images/icons/appletv.png", altKey="app_badge_apple_tv", imgClass="tv-badge-image")}} 
       </div>
     </div>

package/site/templates/application/pixel.jet

@@ -0,0 +1,49 @@
+{{block pixelScripts(pixelID=config("meta_pixel_id"))}}
+  <!-- Meta Pixel Code -->
+  {{if pixelID != ""}}
+    <script>
+      function loadPixelScripts(messagebus) {
+        !function(f,b,e,v,n,t,s)
+        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
+        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
+        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
+        n.queue=[];t=b.createElement(e);t.async=!0;
+        t.src=v;s=b.getElementsByTagName(e)[0];
+        s.parentNode.insertBefore(t,s)}(window, document,'script',
+        'https://connect.facebook.net/en_US/fbevents.js');
+
+        messagebus.publish('loaded-pixel-script', {{pixelID}});
+      };
+    </script>
+  {{end}}
+  <!-- End Meta Pixel Code -->
+
+  <script>
+    // Only send message to load Pixel if a/ the frontend cookie consent isn't required or b/ they've agreed to the cookie consent
+    var cookieConsentRequired = {{ isEnabled("frontend_cookie_consent") }};
+
+    document.addEventListener('s72loaded', function(event) {
+      let messagebus = event.detail.app.messagebus;
+      if(!cookieConsentRequired || event.detail.app.hasCookieConsent()) {
+        loadPixelScripts(messagebus);
+      }
+      else {
+        // Listen for an 'accept' of the cookie consent, in which case send message to load Pixel
+        messagebus.subscribe('cookie-consent-set', function(event) {
+          loadPixelScripts(messagebus);
+        });
+      }
+    });
+  </script>
+{{end}}
+
+{{block pixelNoScript(pixelID=config("meta_pixel_id"))}}
+  {{if len(pixelID) > 0}}
+    {{if !isEnabled("frontend_cookie_consent")}};
+      <!-- Start Pixel (noscript) -->
+      <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id={{pixelID}}&ev=PageView&noscript=1"/></noscript> 
+      <!-- End Pixel (noscript) -->
+    {{end}}
+  {{end}}
+{{end}}
+

package/site/templates/collection/slider-buttons.jet

@@ -0,0 +1,12 @@
+{{ block sliderButtons()}}
+<div class="swiper-button-prev s72-hide">
+  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'>
+    <path d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='#000000'/>
+  </svg>
+</div>
+<div class="swiper-button-next s72-hide">
+  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'>
+    <path d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='#000000'/>
+  </svg>
+</div>
+{{ end }}

package/site/templates/collection/slider.jet

@@ -1,13 +1,14 @@
 {{import "./page_collection_item.jet"}}
 {{import "../common/slider.jet"}}
+{{import "./slider-buttons.jet"}}
 {{block pageCollectionSlider()}}
 {{if len(.Items) > 0}}
 <section class="page-collection page-collection-slider page-collection-slider-{{.ItemsPerRow}} page-collection-slider-{{.ItemLayout}} slider-{{.ItemsPerRow}} slider-{{.ItemLayout}} page-collection-{{.ItemsPerRow}}-slider" aria-label="{{i18n("wcag_aria_label_collection_slider")}}">
   <div class="collection-wrapper-container swiper-wrapper-container">
     <div class="collection-container swiper-container" data-items-per-row="{{.ItemsPerRow}}" data-layout="{{.ItemLayout}}">
-      {{if .DisplayName != ""}}
+        {{if .DisplayName != ""}}
       <div class="swiper-title">
-          <h3>{{.DisplayName}}</h3>
+        <h3>{{.DisplayName}}</h3>
       </div>
       {{end}}
       <div class="swiper-wrapper">
@@ -18,8 +19,7 @@
         {{end}}
       </div>
     </div>
-    <div class="swiper-button-prev swiper-button-white s72-hide"></div>
-    <div class="swiper-button-next swiper-button-white s72-hide"></div>
+    {{ yield sliderButtons() }}
   </div>
 </section>
 {{end}}

package/site/templates/collection/wishlist.jet

@@ -1,5 +1,6 @@
 {{import "./page_collection_item.jet"}}
 {{import "../common/slider.jet"}}
+{{import "./slider-buttons.jet"}}
 {{block wishlistCollection()}}
 
 {{if config("default_image_type") == "portrait"}}
@@ -39,8 +40,7 @@
               {{yield content}}
             </div>
         </div>
-        <div class="swiper-button-prev swiper-button-white"></div>
-        <div class="swiper-button-next swiper-button-white"></div>
+        {{ yield sliderButtons() }}
     </div>
   </section>
 </s72-userwishlist>

package/site/templates/common/cta_buttons.jet

@@ -62,7 +62,7 @@
           {{end}}
 
           {{if showShareButton}}
-            {{letterboxdID := isFilm ? .Refs.LetterboxdID : ""}}
+            {{letterboxdID := isFilm && config("show_letterboxd_share", "true") == "true" ? .Refs.LetterboxdID : ""}}
             {{shareURL := site.SiteConfig.SiteURL + routeToSlug(slug)}}
             {{yield socialMediaButtons(url=shareURL, letterboxdID=letterboxdID)}}
           {{end}}

package/site/templates/film/item.jet

@@ -4,6 +4,7 @@
 {{import "../items/sub_item.jet"}}
 {{import "../collection/page_collection_item.jet"}}
 {{import "../collection/slider.jet"}}
+{{import "../collection/slider-buttons.jet"}}
 {{import "../common/list.jet"}}
 {{import "../common/awards/item.jet"}}
 {{import "../common/sponsor-image.jet"}}
@@ -187,8 +188,7 @@
             {{end}}
           </div>
         </div>
-        <div class="swiper-button-prev swiper-button-white"></div>
-        <div class="swiper-button-next swiper-button-white"></div>
+        {{ yield sliderButtons() }}
       </div>
     </section>
     {{ end }}

package/site/templates/tv/detail.jet

@@ -5,6 +5,7 @@
 {{import "../collection/page_collection_item.jet"}}
 {{import "../common/list.jet"}}
 {{import "../common/cta_buttons.jet"}}
+{{import "../collection/slider-buttons.jet"}}
 
 {{block head()}}
   {{yield seo() tvseason}}
@@ -124,8 +125,7 @@
               {{end}}
             </div>
           </div>
-          <div class="swiper-button-prev swiper-button-white"></div>
-          <div class="swiper-button-next swiper-button-white"></div>
+          {{ yield sliderButtons() }}
         </div>
       </section>
     {{end}}

package/site/tr_TR.all.json

@@ -1658,5 +1658,8 @@
   },
   "wcag_aria_label_social_linkedin": {
     "other": "Bizi LinkedIn'de ziyaret edin"
+  },
+  "pricing_from": {
+    "other": "Şuradan izle:"
   }
-}
+}

package/site/uk_UA.all.json

@@ -1718,5 +1718,8 @@
   },
   "wcag_aria_label_social_linkedin": {
     "other": "Відвідайте нас на LinkedIn"
+  },
+  "pricing_from": {
+    "other": "Дивитися з"
   }
-}
+}

package/site/zh_TW.all.json

@@ -1645,5 +1645,8 @@
   },
   "wcag_aria_label_social_linkedin": {
     "other": "在 LinkedIn 上訪問我們"
+  },
+  "pricing_from": {
+    "other": "觀看來自"
   }
-}
+}