@shift72/core-template 1.6.0 → 1.8.0

package/site/ja_JP.all.json

@@ -6,10 +6,10 @@
     "other": "Powered by"
   },
   "powered_by_name": {
-    "other": "ScreenPlus"
+    "other": "Shift72"
   },
   "powered_by_url": {
-    "other": "https://www.screenplus.com"
+    "other": "https://www.shift72.com"
   },
   "in_partnership_with": {
     "other": "in partnership with"
@@ -1498,5 +1498,32 @@
   },
   "new_card_error_timed_out": {
     "other": "カードの追加中にエラーが発生しました。後でもう一度試すか、別のカードを使用してください。"
+  },
+  "tv_app_badge_title": {
+    "other": "TV アプリで利用可能"
+  },
+  "app_badge_fire_tv": {
+    "other": "Amazon Fire TV で入手する"
+  },
+  "app_badge_android_tv": {
+    "other": "Android TV で入手する"
+  },
+  "app_badge_apple_tv": {
+    "other": "Apple TV で入手する"
+  },
+  "wcag_aria_label_social_instagram": {
+    "other": "Instagramで私たちをご覧ください"
+  },
+  "wcag_aria_label_social_youtube": {
+    "other": "Youtubeで購読する"
+  },
+  "wcag_aria_label_social_facebook": {
+    "other": "Facebookで私たちをご覧ください"
+  },
+  "wcag_aria_label_social_twitter": {
+    "other": "Twitterで私たちをご覧ください"
+  },
+  "wcag_aria_label_social_letterboxd": {
+    "other": "Letterboxdにアクセスしてください"
   }
 }

package/site/lt_LT.all.json

@@ -9,7 +9,7 @@
     "other": "Shift72"
   },
   "powered_by_url": {
-    "other": "https://www.screenplus.com"
+    "other": "https://www.shift72.com"
   },
   "in_partnership_with": {
     "other": "in partnership with"
@@ -1543,5 +1543,32 @@
   },
   "new_card_error_timed_out": {
     "other": "Pridedant šią kortelę kažkas nutiko. Bandykite dar kartą vėliau arba naudokite kitą kortelę."
+  },
+  "tv_app_badge_title": {
+    "other": "Pasiekiama TV programose"
+  },
+  "app_badge_fire_tv": {
+    "other": "Gaukite jį „Amazon Fire TV“."
+  },
+  "app_badge_android_tv": {
+    "other": "Gaukite jį „Android TV“."
+  },
+  "app_badge_apple_tv": {
+    "other": "Gaukite jį per Apple TV"
+  },
+  "wcag_aria_label_social_instagram": {
+    "other": "Aplankykite mus Instagram"
+  },
+  "wcag_aria_label_social_youtube": {
+    "other": "Prenumeruokite Youtube"
+  },
+  "wcag_aria_label_social_facebook": {
+    "other": "Aplankykite mus Facebook"
+  },
+  "wcag_aria_label_social_twitter": {
+    "other": "Aplankykite mus Twitter"
+  },
+  "wcag_aria_label_social_letterboxd": {
+    "other": "Aplankykite mus „Letterboxd“."
   }
 }

package/site/nl_BE.all.json

@@ -1511,5 +1511,32 @@
   },
   "new_card_error_timed_out": {
     "other": "Er is iets misgegaan bij het toevoegen van die kaart. Probeer het later opnieuw of gebruik een andere kaart."
+  },
+  "tv_app_badge_title": {
+    "other": "Beschikbaar in tv-apps"
+  },
+  "app_badge_fire_tv": {
+    "other": "Download het op Amazon Fire TV"
+  },
+  "app_badge_android_tv": {
+    "other": "Download het op Android TV"
+  },
+  "app_badge_apple_tv": {
+    "other": "Download het op Apple TV"
+  },
+  "wcag_aria_label_social_instagram": {
+    "other": "Bezoek ons op Instagram"
+  },
+  "wcag_aria_label_social_youtube": {
+    "other": "Abonneer je op Youtube"
+  },
+  "wcag_aria_label_social_facebook": {
+    "other": "Bezoek ons op Facebook"
+  },
+  "wcag_aria_label_social_twitter": {
+    "other": "Bezoek ons op Twitter"
+  },
+  "wcag_aria_label_social_letterboxd": {
+    "other": "Bezoek ons op Letterboxd"
   }
 }

package/site/no_NO.all.json

@@ -1511,5 +1511,32 @@
   },
   "new_card_error_timed_out": {
     "other": "Noe gikk galt da kortet ble lagt til. Prøv igjen senere eller bruk et annet kort."
+  },
+  "tv_app_badge_title": {
+    "other": "Tilgjengelig på TV-apper"
+  },
+  "app_badge_fire_tv": {
+    "other": "Få den på Amazon Fire TV"
+  },
+  "app_badge_android_tv": {
+    "other": "Få den på Android TV"
+  },
+  "app_badge_apple_tv": {
+    "other": "Få den på Apple TV"
+  },
+  "wcag_aria_label_social_instagram": {
+    "other": "Besøk oss på Instagram"
+  },
+  "wcag_aria_label_social_youtube": {
+    "other": "Abonner på Youtube"
+  },
+  "wcag_aria_label_social_facebook": {
+    "other": "Besøk oss på Facebook"
+  },
+  "wcag_aria_label_social_twitter": {
+    "other": "Besøk oss på Twitter"
+  },
+  "wcag_aria_label_social_letterboxd": {
+    "other": "Besøk oss på Letterboxd"
   }
 }

package/site/pl_PL.all.json

@@ -1588,5 +1588,32 @@
   },
   "new_card_error_timed_out": {
     "other": "Coś poszło nie tak podczas dodawania tej karty. Spróbuj ponownie później lub użyj innej karty."
+  },
+  "tv_app_badge_title": {
+    "other": "Dostępne w aplikacjach telewizyjnych"
+  },
+  "app_badge_fire_tv": {
+    "other": "Pobierz go na Amazon Fire TV"
+  },
+  "app_badge_android_tv": {
+    "other": "Pobierz na Android TV"
+  },
+  "app_badge_apple_tv": {
+    "other": "Pobierz na Apple TV"
+  },
+  "wcag_aria_label_social_instagram": {
+    "other": "Odwiedź nas na Instagramie"
+  },
+  "wcag_aria_label_social_youtube": {
+    "other": "Subskrybuj na Youtube"
+  },
+  "wcag_aria_label_social_facebook": {
+    "other": "Odwiedź nas na Facebooku"
+  },
+  "wcag_aria_label_social_twitter": {
+    "other": "Odwiedź nas na Twitterze"
+  },
+  "wcag_aria_label_social_letterboxd": {
+    "other": "Odwiedź nas na Letterboxd"
   }
 }

package/site/pt_BR.all.json

@@ -1515,5 +1515,32 @@
   },
   "new_card_error_timed_out": {
     "other": "Algo deu errado ao adicionar esse cartão. Tente novamente mais tarde ou use um cartão diferente."
+  },
+  "tv_app_badge_title": {
+    "other": "Disponível em aplicativos de TV"
+  },
+  "app_badge_fire_tv": {
+    "other": "Baixe na Amazon Fire TV"
+  },
+  "app_badge_android_tv": {
+    "other": "Baixe na Android TV"
+  },
+  "app_badge_apple_tv": {
+    "other": "Baixe na Apple TV"
+  },
+  "wcag_aria_label_social_instagram": {
+    "other": "Visite-nos no Instagram"
+  },
+  "wcag_aria_label_social_youtube": {
+    "other": "Inscreva-se no Youtube"
+  },
+  "wcag_aria_label_social_facebook": {
+    "other": "Visite-nos no Facebook"
+  },
+  "wcag_aria_label_social_twitter": {
+    "other": "Visite-nos no Twitter"
+  },
+  "wcag_aria_label_social_letterboxd": {
+    "other": "Visite-nos no Letterboxd"
   }
 }

package/site/pt_PT.all.json

@@ -6,7 +6,7 @@
     "other": "Distribuído por"
   },
   "powered_by_name": {
-    "other": "ScreenPlus"
+    "other": "Shift72"
   },
   "powered_by_url": {
     "other": "https://www.shift72.com"
@@ -1515,5 +1515,32 @@
   },
   "new_card_error_timed_out": {
     "other": "Algo deu errado ao adicionar esse cartão. Tente novamente mais tarde ou use um cartão diferente."
+  },
+  "tv_app_badge_title": {
+    "other": "Disponível em aplicativos de TV"
+  },
+  "app_badge_fire_tv": {
+    "other": "Baixe na Amazon Fire TV"
+  },
+  "app_badge_android_tv": {
+    "other": "Baixe na Android TV"
+  },
+  "app_badge_apple_tv": {
+    "other": "Baixe na Apple TV"
+  },
+  "wcag_aria_label_social_instagram": {
+    "other": "Visite-nos no Instagram"
+  },
+  "wcag_aria_label_social_youtube": {
+    "other": "Inscreva-se no Youtube"
+  },
+  "wcag_aria_label_social_facebook": {
+    "other": "Visite-nos no Facebook"
+  },
+  "wcag_aria_label_social_twitter": {
+    "other": "Visite-nos no Twitter"
+  },
+  "wcag_aria_label_social_letterboxd": {
+    "other": "Visite-nos no Letterboxd"
   }
 }

package/site/ru_RU.all.json

@@ -1565,5 +1565,32 @@
   },
   "new_card_error_timed_out": {
     "other": "Что-то пошло не так при добавлении этой карты. Повторите попытку позже или используйте другую карту."
+  },
+  "tv_app_badge_title": {
+    "other": "Доступно в приложениях для ТВ"
+  },
+  "app_badge_fire_tv": {
+    "other": "Получите его на Amazon Fire TV"
+  },
+  "app_badge_android_tv": {
+    "other": "Загрузите его на Android TV"
+  },
+  "app_badge_apple_tv": {
+    "other": "Получить его на Apple TV"
+  },
+  "wcag_aria_label_social_instagram": {
+    "other": "Посетите нас в Instagram"
+  },
+  "wcag_aria_label_social_youtube": {
+    "other": "Подпишитесь на Youtube"
+  },
+  "wcag_aria_label_social_facebook": {
+    "other": "Посетите нас на Facebook"
+  },
+  "wcag_aria_label_social_twitter": {
+    "other": "Посетите нас в Твиттере"
+  },
+  "wcag_aria_label_social_letterboxd": {
+    "other": "Посетите нас на Letterboxd"
   }
 }

package/site/sr_SR.all.json

@@ -1527,5 +1527,32 @@
   },
   "new_card_error_timed_out": {
     "other": "Нешто није у реду приликом додавања те картице. Покушајте поново касније или користите другу картицу."
+  },
+  "tv_app_badge_title": {
+    "other": "Доступно у ТВ апликацијама"
+  },
+  "app_badge_fire_tv": {
+    "other": "Набавите га на Амазон Фире ТВ-у"
+  },
+  "app_badge_android_tv": {
+    "other": "Набавите га на Андроид ТВ-у"
+  },
+  "app_badge_apple_tv": {
+    "other": "Набавите га на Аппле ТВ-у"
+  },
+  "wcag_aria_label_social_instagram": {
+    "other": "Посетите нас на Инстаграму"
+  },
+  "wcag_aria_label_social_youtube": {
+    "other": "Претплатите се на Иоутубе"
+  },
+  "wcag_aria_label_social_facebook": {
+    "other": "Посетите нас на Фејсбуку"
+  },
+  "wcag_aria_label_social_twitter": {
+    "other": "Посетите нас на Твитеру"
+  },
+  "wcag_aria_label_social_letterboxd": {
+    "other": "Посетите нас на Леттербокд-у"
   }
 }

package/site/styles/_availability-tags.scss

@@ -4,6 +4,7 @@ s72-availability-label {
     @include body-1-style;
     line-height: 24px;
     margin-bottom: 16px;
+    margin-top: -4px;
 
     &::before {
       @extend .fa;

package/site/styles/_awards.scss

@@ -3,11 +3,12 @@
 
   &.meta-awards-all {
     display: grid;
-    gap: 30px 104px;
-    margin-bottom: 0px;
+    gap: 28px 104px;
+    margin-bottom: 0;
     margin-top: 20px;
 
     @include media-breakpoint-up(md) {
+      grid-auto-rows: 1fr;
       grid-template-columns: repeat(2, minmax(0, 320px));
     }
   }

package/site/styles/_buttons.scss

@@ -110,7 +110,8 @@
 
 .s72-btn-rent,
 .s72-btn-purchase,
-.s72-btn-subscribe {
+.s72-btn-subscribe,
+.s72-btn-purchase-option {
   background: $button-background;
   border: 3px solid $button-background;
   min-width: 140px;
@@ -129,6 +130,36 @@
   }
 }
 
+.s72-purchase-option.rent-or-buy {
+  .s72-purchase-option-buttons {
+    @include media-breakpoint-up(md) {
+      flex-wrap: nowrap;
+    }
+  }
+
+  .s72-btn-purchase-option {
+    background: transparent;
+    color: var(--body-color);
+    margin-bottom: 10px;
+
+    @include hover-focus {
+      background: $button-background-hover;
+      border-color: $button-background-hover;
+      color: $button-text-color-hover;
+    }
+
+    @include media-breakpoint-up(md) {
+      margin-bottom: 0;
+      margin-right: 10px;
+    }
+
+    &:last-child {
+      margin-bottom: 0;
+      margin-right: 0;
+    }
+  }
+}
+
 .s72-btn.s72-btn-unsubscribe,
 .s72-btn.s72-btn-updatecreditcard {
   @extend .btn-secondary;

package/site/styles/_cta-buttons.scss

@@ -1,14 +1,10 @@
 /* stylelint-disable selector-max-compound-selectors, max-nesting-depth */
 @mixin text-cta-btn {
   margin: 0;
+  min-width: 140px;
   padding: 6px 12px;
   white-space: nowrap;
   width: 100%;
-
-  @include media-breakpoint-up(xs) {
-    min-width: fit-content;
-    width: 140px;
-  }
 }
 
 .cta-buttons {
@@ -17,7 +13,7 @@
   margin-bottom: 8px;
 
   @include media-breakpoint-up(xs) {
-    grid-auto-columns: min-content;
+    grid-template-columns: max-content max-content;
     grid-template-rows: 1fr;
   }
 
@@ -37,7 +33,7 @@
     grid-template-columns: 1fr 1fr;
 
     @include media-breakpoint-up(xs) {
-      grid-template-columns: none;
+      grid-template-columns: repeat(auto-fit, minmax(140px, max-content));
     }
 
     > * {
@@ -158,6 +154,10 @@
   .s72-btn-can-be-watched {
     @include text-cta-btn;
 
+    @include media-breakpoint-up(xs) {
+      max-width: max-content;
+    }
+
     .padder {
       display: none;
     }
@@ -174,11 +174,9 @@
     gap: 16px;
     grid-template-rows: 1fr;
     justify-items: center;
-    padding: 0 36px;
 
     @include media-breakpoint-up(xs) {
       grid-template-columns: min-content min-content min-content;
-      padding: 0;
     }
 
     > * {

package/site/styles/_footer.scss

@@ -7,10 +7,11 @@ footer {
 .footer-brand-link {
   align-self: center;
   display: flex;
+  margin-bottom: 30px;
 
   @include media-breakpoint-up(xl) {
     align-self: flex-start;
-    margin: 0 50px;
+    margin: 0 50px 20px;
   }
 }
 
@@ -19,10 +20,10 @@ footer {
 }
 
 .footer-nav {
-  padding: 30px 0;
+  margin-bottom: 30px;
 
   @include media-breakpoint-up(xl) {
-    padding: 20px 50px;
+    margin: 0 50px 20px;
   }
 
   .nav {
@@ -49,14 +50,46 @@ footer {
   }
 }
 
+.footer-social-media-icons {
+  display: grid;
+  gap: 24px;
+  grid-auto-columns: 25px;
+  grid-auto-flow: column;
+  grid-template-rows: 1fr;
+  justify-content: center;
+  margin-bottom: 30px;
+
+  @include media-breakpoint-up(xl) {
+    justify-content: start;
+    margin: 0 50px 20px;
+  }
+
+  .s72-btn {
+    border: initial;
+    grid-row: 1;
+    padding: 0;
+
+    i {
+      color: var(--body-color);
+      font-size: 25px;
+
+      &:hover {
+        color: var(--body-color-hover);
+      }
+    }
+  }
+}
+
 .footer-info {
   background-color: $footer-bar-background-color;
+  margin-top: 30px;
   padding: 20px 42px;
 
   @include media-breakpoint-up(xl) {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
+    margin-top: 20px;
     padding: 20px 50px;
   }
 }
@@ -85,20 +118,38 @@ footer {
   }
 }
 
-.app-banner {
+.app-banner,
+.tv-app-banner {
   align-items: center;
   display: flex;
   flex-direction: column;
   margin: 0 20px;
   padding: 50px 0;
+
   @include media-breakpoint-up(lg) {
     margin: 0 50px;
   }
+
   .app-badge-container {
     display: flex;
   }
 
-  .app-badge-title {
+  .tv-app-badge-container {
+    display: grid;
+    gap: 22px;
+    grid-auto-flow: column;
+    grid-template-rows: 1fr;
+    justify-content: center;
+
+    .app-badge-link {
+      align-items: center;
+      display: flex;
+      height: 45px;
+    }
+  }
+
+  .app-badge-title,
+  .tv-app-badge-title {
     @include body-1-style;
     margin-bottom: 20px;
     text-align: center;
@@ -107,6 +158,7 @@ footer {
   .app-badge-link {
     margin: 0 5px;
   }
+
   .app-badge-image {
     height: 40px;
   }

package/site/styles/_icons.scss

@@ -82,10 +82,30 @@
   content: '\e002';
 }
 
+.fa-instagram-footer::before {
+  content: '\e007';
+}
+
 .fa-twitter::before {
   content: '\e008';
 }
 
+.fa-twitter-footer::before {
+  content: '\e01f';
+}
+
+.fa-facebook-footer::before {
+  content: '\e01e';
+}
+
+.fa-youtube-footer::before {
+  content: '\e005';
+}
+
+.fa-letterboxd-footer::before {
+  content: '\e006';
+}
+
 .fa-star::before {
   content: '\e009';
 }
@@ -118,6 +138,10 @@
   content: '\e010';
 }
 
+.fa-external-link::before {
+  content: '\e004';
+}
+
 .fa-linkedin::before {
   content: '\e011';
 }
@@ -227,3 +251,14 @@ s72-availability-label .availability-state::before {
   @extend .fa-circle;
   @extend .s72-icon;
 }
+
+// Rule: icon classes in relish should be prefxed with 's72-'
+.s72-icon-down {
+  @extend .fa;
+  @extend .fa-angle-down;
+}
+
+.s72-icon-up {
+  @extend .fa;
+  @extend .fa-angle-up;
+}