@shift72/core-template 1.5.1 → 1.7.0

package/site/pt_BR.all.json

@@ -1417,6 +1417,21 @@
   "shopping_error_invalid_session_token": {
     "other": "A sessão de compras expirou. Tente novamente."
   },
+  "live_stream_starts": {
+    "other": "A transmissão começa {{.Date}}"
+  },
+  "live_streaming_now": {
+    "other": "Transmissão agora"
+  },
+  "live_streaming_ended": {
+    "other": "Stream encerrado"
+  },
+  "availability_live": {
+    "other": "VIVER"
+  },
+  "shopping_action_get_ticket": {
+    "other": "Obter bilhete"
+  },
   "shopping_error_credit_discounts_not_allowed": {
     "other": "Você não pode usar um código promocional para esta compra ou aluguel"
   },
@@ -1437,5 +1452,68 @@
   },
   "shopping_error_missing_code": {
     "other": "Nenhum código promocional foi fornecido"
+  },
+  "live_label_ended": {
+    "other": "AO VIVO: TERMINADO"
+  },
+  "live_label_live": {
+    "other": "VIVER"
+  },
+  "live_label_minutes": {
+    "one": "AO VIVO: 1 MINUTO",
+    "other": "AO VIVO: {{.Count}} MINUTOS"
+  },
+  "live_label_hours": {
+    "one": "AO VIVO: 1 HORA",
+    "other": "AO VIVO: {{.Count}} HORAS"
+  },
+  "live_label_days": {
+    "one": "AO VIVO: 1 DIA",
+    "other": "AO VIVO: {{.Count}} DIAS"
+  },
+  "shopping_info_subtitle_live_event": {
+    "other": "Transmissão ao vivo"
+  },
+  "shopping_info_release_date_title_live_event": {
+    "other": "Este é um evento ao vivo. "
+  },
+  "shopping_info_release_date_explanation1_live_event_rent": {
+    "other": "Você pode comprar um ingresso agora, mas precisará assistir enquanto a transmissão estiver ao vivo."
+  },
+  "shopping_info_release_date_explanation2_live_event_rent": {
+    "other": "Você precisará assistir enquanto a transmissão estiver ao vivo."
+  },
+  "shopping_info_release_date_explanation3_live_event_rent": {
+    "other": "Este evento está atualmente ao vivo. "
+  },
+  "shopping_info_available_until_date_title_live_event": {
+    "other": "O fluxo termina {{.Date}}. "
+  },
+  "shopping_info_available_until_date_explanation_live_event_rent": {
+    "other": "Você não poderá assistir à transmissão depois disso."
+  },
+  "shopping_action_ticket": {
+    "other": "Obter bilhete"
+  },
+  "shopping_info_release_date_title_live_event_start": {
+    "other": "O fluxo começa {{.Date}}. "
+  },
+  "shopping_info_release_date_explanation4_live_event_rent": {
+    "other": "Começou em {{.Date}}. "
+  },
+  "shopping_info_release_date_explanation5_live_event_rent": {
+    "other": "Você não pode rebobinar."
+  },
+  "shopping_error_stripe_invalid_expiry_month_past": {
+    "other": "A data de validade do seu cartão está no passado."
+  },
+  "shopping_error_stripe_invalid_expiry_year_past": {
+    "other": "O ano de validade do seu cartão está no passado."
+  },
+  "shopping_error_stripe_invalid_number": {
+    "other": "O número do seu cartão é inválido."
+  },
+  "new_card_error_timed_out": {
+    "other": "Algo deu errado ao adicionar esse cartão. Tente novamente mais tarde ou use um cartão diferente."
   }
 }

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"
@@ -1417,6 +1417,21 @@
   "shopping_error_invalid_session_token": {
     "other": "A sessão de compras expirou. Tente novamente."
   },
+  "live_stream_starts": {
+    "other": "A transmissão começa {{.Date}}"
+  },
+  "live_streaming_now": {
+    "other": "Transmissão agora"
+  },
+  "live_streaming_ended": {
+    "other": "Stream encerrado"
+  },
+  "availability_live": {
+    "other": "VIVER"
+  },
+  "shopping_action_get_ticket": {
+    "other": "Obter bilhete"
+  },
   "shopping_error_credit_discounts_not_allowed": {
     "other": "Você não pode usar um código promocional para esta compra ou aluguel"
   },
@@ -1437,5 +1452,68 @@
   },
   "shopping_error_missing_code": {
     "other": "Nenhum código promocional foi fornecido"
+  },
+  "live_label_ended": {
+    "other": "AO VIVO: TERMINADO"
+  },
+  "live_label_live": {
+    "other": "VIVER"
+  },
+  "live_label_minutes": {
+    "one": "AO VIVO: 1 MINUTO",
+    "other": "AO VIVO: {{.Count}} MINUTOS"
+  },
+  "live_label_hours": {
+    "one": "AO VIVO: 1 HORA",
+    "other": "AO VIVO: {{.Count}} HORAS"
+  },
+  "live_label_days": {
+    "one": "AO VIVO: 1 DIA",
+    "other": "AO VIVO: {{.Count}} DIAS"
+  },
+  "shopping_info_subtitle_live_event": {
+    "other": "Transmissão ao vivo"
+  },
+  "shopping_info_release_date_title_live_event": {
+    "other": "Este é um evento ao vivo. "
+  },
+  "shopping_info_release_date_explanation1_live_event_rent": {
+    "other": "Você pode comprar um ingresso agora, mas precisará assistir enquanto a transmissão estiver ao vivo."
+  },
+  "shopping_info_release_date_explanation2_live_event_rent": {
+    "other": "Você precisará assistir enquanto a transmissão estiver ao vivo."
+  },
+  "shopping_info_release_date_explanation3_live_event_rent": {
+    "other": "Este evento está atualmente ao vivo. "
+  },
+  "shopping_info_available_until_date_title_live_event": {
+    "other": "O fluxo termina {{.Date}}. "
+  },
+  "shopping_info_available_until_date_explanation_live_event_rent": {
+    "other": "Você não poderá assistir à transmissão depois disso."
+  },
+  "shopping_action_ticket": {
+    "other": "Obter bilhete"
+  },
+  "shopping_info_release_date_title_live_event_start": {
+    "other": "O fluxo começa {{.Date}}. "
+  },
+  "shopping_info_release_date_explanation4_live_event_rent": {
+    "other": "Começou em {{.Date}}. "
+  },
+  "shopping_info_release_date_explanation5_live_event_rent": {
+    "other": "Você não pode rebobinar."
+  },
+  "shopping_error_stripe_invalid_expiry_month_past": {
+    "other": "A data de validade do seu cartão está no passado."
+  },
+  "shopping_error_stripe_invalid_expiry_year_past": {
+    "other": "O ano de validade do seu cartão está no passado."
+  },
+  "shopping_error_stripe_invalid_number": {
+    "other": "O número do seu cartão é inválido."
+  },
+  "new_card_error_timed_out": {
+    "other": "Algo deu errado ao adicionar esse cartão. Tente novamente mais tarde ou use um cartão diferente."
   }
 }

package/site/ru_RU.all.json

@@ -1461,6 +1461,21 @@
   "shopping_error_invalid_session_token": {
     "other": "Сеанс покупки истек, попробуйте еще раз."
   },
+  "live_stream_starts": {
+    "other": "Стрим начинается {{.Date}}"
+  },
+  "live_streaming_now": {
+    "other": "Потоковое сейчас"
+  },
+  "live_streaming_ended": {
+    "other": "Трансляция завершена"
+  },
+  "availability_live": {
+    "other": "ЖИТЬ"
+  },
+  "shopping_action_get_ticket": {
+    "other": "Получить билет"
+  },
   "shopping_error_credit_discounts_not_allowed": {
     "other": "Вы не можете использовать промо-код для этой покупки или аренды"
   },
@@ -1481,5 +1496,74 @@
   },
   "shopping_error_missing_code": {
     "other": "Промокод не был предоставлен"
+  },
+  "live_label_ended": {
+    "other": "ПРЯМОЙ ЭФИР: ЗАКОНЧИЛСЯ"
+  },
+  "live_label_live": {
+    "other": "ЖИТЬ"
+  },
+  "live_label_minutes": {
+    "one": "ЖИТЬ: 1 МИНУТА",
+    "few": "ЖИТЬ: {{.Count}} МИНУТ",
+    "many": "ЖИТЬ: {{.Count}} МИНУТ",
+    "other": "ЖИТЬ: {{.Count}} МИНУТ"
+  },
+  "live_label_hours": {
+    "one": "ЖИТЬ: 1 ЧАС",
+    "few": "ЖИТЬ: {{.Count}} ЧАСЫ",
+    "many": "ЖИТЬ: {{.Count}} ЧАСЫ",
+    "other": "ЖИТЬ: {{.Count}} ЧАСЫ"
+  },
+  "live_label_days": {
+    "one": "ЖИТЬ: 1 ДЕНЬ",
+    "few": "ЖИТЬ: {{.Count}} ДНЕЙ",
+    "many": "ЖИТЬ: {{.Count}} ДНЕЙ",
+    "other": "ЖИТЬ: {{.Count}} ДНЕЙ"
+  },
+  "shopping_info_subtitle_live_event": {
+    "other": "Прямая трансляция"
+  },
+  "shopping_info_release_date_title_live_event": {
+    "other": "Это живое событие. "
+  },
+  "shopping_info_release_date_explanation1_live_event_rent": {
+    "other": "Вы можете купить билет сейчас, но вам нужно будет смотреть, пока трансляция идет в прямом эфире."
+  },
+  "shopping_info_release_date_explanation2_live_event_rent": {
+    "other": "Вам нужно будет смотреть, пока трансляция идет в прямом эфире."
+  },
+  "shopping_info_release_date_explanation3_live_event_rent": {
+    "other": "Это событие в настоящее время в прямом эфире. "
+  },
+  "shopping_info_available_until_date_title_live_event": {
+    "other": "Поток заканчивается {{.Date}}. "
+  },
+  "shopping_info_available_until_date_explanation_live_event_rent": {
+    "other": "После этого вы не сможете смотреть трансляцию."
+  },
+  "shopping_action_ticket": {
+    "other": "Получить билет"
+  },
+  "shopping_info_release_date_title_live_event_start": {
+    "other": "Поток начинается {{.Date}}. "
+  },
+  "shopping_info_release_date_explanation4_live_event_rent": {
+    "other": "Это началось в {{.Date}}. "
+  },
+  "shopping_info_release_date_explanation5_live_event_rent": {
+    "other": "Вы не можете перемотать его назад."
+  },
+  "shopping_error_stripe_invalid_expiry_month_past": {
+    "other": "Срок действия вашей карты истек."
+  },
+  "shopping_error_stripe_invalid_expiry_year_past": {
+    "other": "Срок действия вашей карты истек."
+  },
+  "shopping_error_stripe_invalid_number": {
+    "other": "Номер вашей карты недействителен."
+  },
+  "new_card_error_timed_out": {
+    "other": "Что-то пошло не так при добавлении этой карты. Повторите попытку позже или используйте другую карту."
   }
 }

package/site/sr_SR.all.json

@@ -1426,6 +1426,21 @@
   "shopping_error_invalid_session_token": {
     "other": "Сесија куповине је истекла, покушајте поново."
   },
+  "live_stream_starts": {
+    "other": "Стрим почиње {{.Date}}"
+  },
+  "live_streaming_now": {
+    "other": "Стримовање сада"
+  },
+  "live_streaming_ended": {
+    "other": "Стрим је завршен"
+  },
+  "availability_live": {
+    "other": "ЛИВЕ"
+  },
+  "shopping_action_get_ticket": {
+    "other": "Узми карту"
+  },
   "shopping_error_credit_discounts_not_allowed": {
     "other": "Не можете да користите промотивни код за ову куповину или изнајмљивање"
   },
@@ -1446,5 +1461,71 @@
   },
   "shopping_error_missing_code": {
     "other": "Није наведен промотивни код"
+  },
+  "live_label_ended": {
+    "other": "УЖИВО: ЗАВРШЕНО"
+  },
+  "live_label_live": {
+    "other": "ЛИВЕ"
+  },
+  "live_label_minutes": {
+    "one": "УЖИВО: 1 МИНУТА",
+    "few": "УЖИВО: {{.Count}} МИНУТЕ",
+    "other": "УЖИВО: {{.Count}} МИНУТЕ"
+  },
+  "live_label_hours": {
+    "one": "УЖИВО: 1 САТ",
+    "few": "УЖИВО: {{.Count}} САТИ",
+    "other": "УЖИВО: {{.Count}} САТИ"
+  },
+  "live_label_days": {
+    "one": "УЖИВО: 1 ДАН",
+    "few": "УЖИВО: {{.Count}} ДАНА",
+    "other": "УЖИВО: {{.Count}} ДАНА"
+  },
+  "shopping_info_subtitle_live_event": {
+    "other": "Ливе Стреам"
+  },
+  "shopping_info_release_date_title_live_event": {
+    "other": "Ово је догађај уживо. "
+  },
+  "shopping_info_release_date_explanation1_live_event_rent": {
+    "other": "Можете купити карту сада, али ћете морати да гледате док је стрим уживо."
+  },
+  "shopping_info_release_date_explanation2_live_event_rent": {
+    "other": "Мораћете да гледате док је стрим уживо."
+  },
+  "shopping_info_release_date_explanation3_live_event_rent": {
+    "other": "Овај догађај је тренутно уживо. "
+  },
+  "shopping_info_available_until_date_title_live_event": {
+    "other": "Стрим се завршава {{.Date}}. "
+  },
+  "shopping_info_available_until_date_explanation_live_event_rent": {
+    "other": "После тога нећете моћи да гледате стрим."
+  },
+  "shopping_action_ticket": {
+    "other": "Узми карту"
+  },
+  "shopping_info_release_date_title_live_event_start": {
+    "other": "Стрим почиње {{.Date}}. "
+  },
+  "shopping_info_release_date_explanation4_live_event_rent": {
+    "other": "Почело је у {{.Date}}. "
+  },
+  "shopping_info_release_date_explanation5_live_event_rent": {
+    "other": "Не можете га премотати."
+  },
+  "shopping_error_stripe_invalid_expiry_month_past": {
+    "other": "Датум истека ваше картице је у прошлости."
+  },
+  "shopping_error_stripe_invalid_expiry_year_past": {
+    "other": "Година истека ваше картице је у прошлости."
+  },
+  "shopping_error_stripe_invalid_number": {
+    "other": "Број ваше картице је неважећи."
+  },
+  "new_card_error_timed_out": {
+    "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;
@@ -62,6 +63,20 @@ s72-availability-label {
     font-size: 12px;
     text-align: center;
   }
+
+  .availability-bg.live {
+    background-color: rgba(var(--body-bg-rgb, 0, 0, 0), 0.7);
+    color: var(--body-color, rgb(255, 255, 255));
+  }
+
+  s72-availability-status {
+    .availability-livenow::before {
+      @include s72-icon-live;
+      color: var(--live-red);
+      font-size: 8px;
+      margin-right: 6px;
+    }
+  }
 }
 
 .poster .availability-state,
@@ -71,3 +86,28 @@ s72-plan-label {
   font-size: 12px;
   text-align: center;
 }
+
+s72-live-label {
+  .live-label {
+    align-items: center;
+    backdrop-filter: blur(16px);
+    background-color: rgba(var(--body-color-rgb), 0.16);
+    border-radius: 100px;
+    color: var(--body-color);
+    display: flex;
+    font-size: 12px;
+    line-height: 30px;
+    padding: 0 12px;
+    white-space: nowrap;
+
+    &.is-live {
+      background-color: var(--live-label-live-background-color);
+    }
+
+    .s72-icon-live {
+      @include s72-icon-live;
+
+      margin-right: 8px;
+    }
+  }
+}

package/site/styles/_awards.scss

@@ -3,18 +3,14 @@
 
   &.meta-awards-all {
     display: grid;
-    gap: 30px 104px;
-    grid-auto-rows: 1fr;
-    margin-bottom: 51px;
-    margin-top: -14px;
+    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));
     }
-
-    @include media-breakpoint-up(lg) {
-      margin-bottom: 52px;
-    }
   }
 
   .meta-award-nomination {

package/site/styles/_carousel.scss

@@ -96,8 +96,7 @@ s72-carousel {
   @extend .carousel-bottom-gradient;
 
   bottom: 0;
-  display: flex;
-  flex-direction: column;
+  display: grid;
   left: 0;
   padding: var(--carousel-bottom-gradient-height) 20px 1px;
   position: absolute;
@@ -109,10 +108,16 @@ s72-carousel {
   }
 
   @include media-breakpoint-up(lg) {
-    flex-direction: row;
+    grid-template-columns: 1fr auto;
     padding: var(--carousel-bottom-gradient-height-lg) 50px 1px;
   }
 
+  .live-label {
+    grid-column: 1;
+    margin-bottom: 8px;
+    width: fit-content;
+  }
+
   .meta-awards {
     @include media-breakpoint-up(lg) {
       justify-content: end;
@@ -124,14 +129,15 @@ s72-carousel {
     color: var(--body-color);
 
     @include media-breakpoint-up(lg) {
-      align-self: flex-end;
-      flex-shrink: 0;
-      margin-left: auto;
-      order: 1;
+      align-self: end;
+      grid-column: 2;
+      grid-row: 2;
     }
   }
 
   .sponsor {
+    margin-bottom: 8px;
+
     @include media-breakpoint-up(lg) {
       text-align: right;
     }
@@ -149,6 +155,11 @@ s72-carousel {
 
   .meta-item-content {
     color: var(--body-color);
+
+    @include media-breakpoint-up(lg) {
+      grid-column: 1;
+      grid-row: 2;
+    }
   }
 
   h3 {

package/site/styles/_collections.scss

@@ -8,9 +8,7 @@
 
 .page-collection-slider {
   padding: 0;
-  padding: 0;
-  padding-bottom: 40px;
-  padding-bottom: 40px;
+  padding-bottom: var(--collection-padding-bottom);
   position: relative;
   z-index: 8;
 }
@@ -291,9 +289,9 @@
 }
 
 .page-collection-list {
-  padding: 0 20px 15px;
+  padding: 0 20px var(--collection-padding-bottom);
   @include media-breakpoint-up(lg) {
-    padding: 0 50px 30px;
+    padding: 0 0 var(--collection-padding-bottom);
   }
 
   .page-collection-items {

package/site/styles/_cta-buttons.scss

@@ -1,11 +1,19 @@
 /* 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%;
+}
+
 .cta-buttons {
   display: grid;
   gap: 16px;
   margin-bottom: 8px;
 
   @include media-breakpoint-up(xs) {
-    grid-auto-columns: min-content;
+    grid-template-columns: max-content max-content;
     grid-template-rows: 1fr;
   }
 
@@ -25,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));
     }
 
     > * {
@@ -121,12 +129,7 @@
     }
 
     .s72-btn {
-      white-space: nowrap;
-      width: 100%;
-
-      @include media-breakpoint-up(xs) {
-        width: auto;
-      }
+      @include text-cta-btn;
 
       &:nth-child(2) {
         margin: 0; // RELISH OVERRIDE.
@@ -136,10 +139,7 @@
 
   s72-play-button {
     .s72-btn-play {
-      margin: 0;
-      min-width: 140px;
-      padding: 6px 12px;
-      width: 100%;
+      @include text-cta-btn;
     }
 
     .s72-btn-play-icon {
@@ -152,9 +152,11 @@
   }
 
   .s72-btn-can-be-watched {
-    min-width: 140px;
-    padding: 6px 12px;
-    width: 100%;
+    @include text-cta-btn;
+
+    @include media-breakpoint-up(xs) {
+      max-width: max-content;
+    }
 
     .padder {
       display: none;
@@ -172,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/_icons.scss

@@ -222,3 +222,19 @@ s72-availability-label .availability-state::before {
 .fa-play-trailer::before {
   content: '\e01d';
 }
+
+@mixin s72-icon-live {
+  @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;
+}