@shift72/core-template 1.0.0 → 1.1.0

package/site/styles/_icons.scss

@@ -50,35 +50,35 @@
 }
 
 .fa-cc-visa::before {
-  content: '\e000';
+  content: '\e027';
 }
 
 .fa-cc-stripe::before {
-  content: '\e001';
+  content: '\e026';
 }
 
 .fa-cc-paypal::before {
-  content: '\e002';
+  content: '\e025';
 }
 
 .fa-cc-mastercard::before {
-  content: '\e003';
+  content: '\e024';
 }
 
 .fa-cc-jcb::before {
-  content: '\e004';
+  content: '\e023';
 }
 
 .fa-cc-discover::before {
-  content: '\e005';
+  content: '\e022';
 }
 
 .fa-cc-diners-club::before {
-  content: '\e006';
+  content: '\e000';
 }
 
 .fa-cc-amex::before {
-  content: '\e007';
+  content: '\e002';
 }
 
 .fa-twitter::before {
@@ -154,7 +154,7 @@
 }
 
 .fa-circle::before {
-  content: '\e01c';
+  content: '\e001';
 }
 
 .fa-warning::before,
@@ -163,6 +163,10 @@
   content: '\e01b';
 }
 
+.existing-card-icon {
+  font-size: 1.2rem;
+}
+
 s72-availability-label .availability-state::before {
   content: '\e01b';
 }

package/site/styles/_meta-detail.scss

@@ -121,19 +121,32 @@
   flex-direction: column;
   padding: var(--page-detail-padding-top) 20px 0 20px;
 
-  @include media-breakpoint-up(md) {
-    flex-direction: row;
-    padding-bottom: 0;
+  @include media-breakpoint-up(xs) {
     padding-top: var(--page-detail-padding-top-md);
   }
 
   @include media-breakpoint-up(lg) {
+    flex-direction: row;
     padding: var(--page-detail-padding-top-lg) 50px 0 50px;
+    padding-bottom: 0;
+  }
+
+  .poster-wrapper {
+    margin-bottom: 20px;
+    position: relative;
+    .sponsor {
+      bottom: 100%;
+      position: absolute;
+      @include media-breakpoint-up(xs) {
+        position: relative;
+      }
+    }
   }
 
   .poster {
     animation: fadein 2s;
     display: block;
+    flex-shrink: 0;
     margin-right: 20px;
     width: 110px;
 
@@ -141,13 +154,13 @@
       width: 155px;
     }
 
-    @include media-breakpoint-up(md) {
+    @include media-breakpoint-up(xl) {
       width: 208px;
     }
   }
 
   .poster-wrapper .sponsor {
-    @include media-breakpoint-up(xl) {
+    @include media-breakpoint-up(lg) {
       display: none;
     }
   }
@@ -422,7 +435,7 @@ s72-element-switcher,
   .sponsor {
     display: none;
     padding-top: 10px;
-    @include media-breakpoint-up(xl) {
+    @include media-breakpoint-up(lg) {
       display: block;
     }
   }

package/site/styles/_mixins.scss

@@ -25,25 +25,27 @@
 }
 
 // Easing gradients created using this tool: https://larsenwork.com/easing-gradients/#editor
+// This gradient has solid colour from 85% to 100%.
 .carousel-bottom-gradient {
   background: linear-gradient(
     to bottom,
     rgba(var(--body-bg-rgb), 0) 0%,
-    rgba(var(--body-bg-rgb), 0.013) 8.1%,
-    rgba(var(--body-bg-rgb), 0.049) 15.5%,
-    rgba(var(--body-bg-rgb), 0.104) 22.5%,
-    rgba(var(--body-bg-rgb), 0.175) 29%,
-    rgba(var(--body-bg-rgb), 0.259) 35.3%,
-    rgba(var(--body-bg-rgb), 0.352) 41.2%,
-    rgba(var(--body-bg-rgb), 0.45) 47.1%,
-    rgba(var(--body-bg-rgb), 0.55) 52.9%,
-    rgba(var(--body-bg-rgb), 0.648) 58.8%,
-    rgba(var(--body-bg-rgb), 0.741) 64.7%,
-    rgba(var(--body-bg-rgb), 0.825) 71%,
-    rgba(var(--body-bg-rgb), 0.896) 77.5%,
-    rgba(var(--body-bg-rgb), 0.951) 84.5%,
-    rgba(var(--body-bg-rgb), 0.987) 91.9%,
-    rgba(var(--body-bg-rgb)) 100%
+    rgba(var(--body-bg-rgb), 0.013) 6.9%,
+    rgba(var(--body-bg-rgb), 0.049) 13.2%,
+    rgba(var(--body-bg-rgb), 0.104) 19.1%,
+    rgba(var(--body-bg-rgb), 0.175) 24.7%,
+    rgba(var(--body-bg-rgb), 0.259) 30%,
+    rgba(var(--body-bg-rgb), 0.352) 35%,
+    rgba(var(--body-bg-rgb), 0.45) 40%,
+    rgba(var(--body-bg-rgb), 0.55) 45%,
+    rgba(var(--body-bg-rgb), 0.648) 50%,
+    rgba(var(--body-bg-rgb), 0.741) 55%,
+    rgba(var(--body-bg-rgb), 0.825) 60.4%,
+    rgba(var(--body-bg-rgb), 0.896) 65.9%,
+    rgba(var(--body-bg-rgb), 0.951) 71.8%,
+    rgba(var(--body-bg-rgb), 0.987) 78.1%,
+    rgb(var(--body-bg-rgb)) 85%,
+    rgb(var(--body-bg-rgb)) 100%
   );
 }
 

package/site/styles/_variables.scss

@@ -29,10 +29,15 @@
   --navbar-brand-min-width-lg: 126px;
   --navbar-brand-min-width-xl: 126px;
 
-  --carousel-height: 560px;
-  --carousel-height-sm: 560px;
-  --carousel-height-lg: 620px;
-  --carousel-bottom-gradient-height: 220px; // Increase this to 800px for light theme.
+  --carousel-height: 75vh;
+  --carousel-height-sm: 75vh;
+  --carousel-height-lg: 75vh;
+  --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.
+  --carousel-image-object-position: center;
+  --carousel-image-object-position-sm: center;
+  --carousel-image-object-position-lg: center;
 
   --page-padding-top: 120px;
   --page-padding-top-md: 120px;

package/site/templates/application/footer/brand.jet

@@ -1,5 +1,5 @@
-{{ block footerBrand() }}
-  <a class="footer-brand-link" href="{{ routeToPath("/") }}" aria-label="{{ i18n("nav_homepage") }}">
-    <s72-image src="/images/common/logo.png" alt="{{ i18n("nav_homepage") }}" class="footer-brand-image"></s72-image>
+{{block footerBrand()}}
+  <a class="footer-brand-link" href="{{routeToPath("/")}}" aria-label="{{site.Config.GetSiteName()}}">
+    <s72-image class="footer-brand-image" src="/images/common/logo.png" alt="{{site.Config.GetSiteName()}}"></s72-image>
   </a>
-{{ end }}
+{{end}}

package/site/templates/application/footer/copyright-statement.jet

@@ -1,3 +1,3 @@
 {{ block copyrightStatement() }}
-  <p class="copyright-statement">&copy; {{ i18n("site_owner") }}. {{ i18n("all_rights_reserved") }}</p>
+  <p class="copyright-statement">&copy; {{site.Config.GetSiteName()}}. {{i18n("all_rights_reserved")}}</p>
 {{ end }}

package/site/templates/application/nav/nav.jet

@@ -6,11 +6,11 @@
 <header class="navigation" data-toggle="affix">
   {{yield headerBanner()}}
   <div class="navbar-brand-container-tablet">
-    <a class="navbar-brand" href="{{ routeToPath("/") }}">{{i18n("nav_homepage")}}</a>
+    <a class="navbar-brand" href="{{routeToPath("/")}}">{{site.Config.GetSiteName()}}</a>
   </div>
   <div class="navbar" aria-label="{{i18n("wcag_aria_label_nav_main")}}">
     <div class="navbar-brand-container">
-      <a class="navbar-brand" href="{{ routeToPath("/") }}">{{i18n("nav_homepage")}}</a>
+      <a class="navbar-brand" href="{{routeToPath("/")}}">{{site.Config.GetSiteName()}}</a>
     </div>
 
     {{if config("search_disabled") != "true"}}

package/site/templates/items/meta_item.jet

@@ -5,6 +5,14 @@
   {{ displayTitleAndGenreBelowPosters = config("media_item_caption") == "true" }}
   {{ genresLimit = configInt("media_item_caption_genres_count") }}
 
+  {{isFilm := item.ItemType == "film"}}
+  {{isSeason := item.ItemType == "tvseason"}}
+  {{isEpisode := item.ItemType == "tvepisode"}}
+  {{isBundle := item.ItemType == "bundle"}}
+
+  {{showPlayButton := isFilm || isSeason || isEpisode}}
+  {{showPricingButtons := isFilm || isSeason || isBundle}}
+
   {{isPage := hasPrefix(item.Slug, "/page/")}}
   {{isExternalPage := isPage && item.InnerItem.PageType == "external"}}
   {{isCollection := hasPrefix(item.Slug, "/collection/")}}
@@ -22,14 +30,14 @@
   {{pill := ""}}
   {{pillSupplement := ""}}
   {{slugRoute := routeToSlug(item.Slug)}}
-  {{if item.ItemType == "tvepisode"}}
+  {{if isEpisode}}
     {{slugRoute = routeToSlug(item.InnerItem.Season.Slug) + "#episode-" + item.InnerItem.EpisodeNumber}}
     {{synopsis = item.InnerItem.Overview}}
     {{pill = i18n("episode_name") + " " + item.InnerItem.EpisodeNumber}}
     {{pillSupplement = "from " + i18n("season_name") + " " + item.InnerItem.Season.SeasonNumber}}
   {{end}}
   {{title := item.Title}}
-  {{if item.ItemType == "tvseason"}}
+  {{if isSeason}}
     {{synopsis = stripHTML(item.InnerItem.Tagline)}}
     {{title = item.InnerItem.ShowInfo.Title}}
     {{pill = i18n("season_name") + " " + item.InnerItem.SeasonNumber}}
@@ -61,11 +69,17 @@
             {{ end }}
 
             <div class="buttons">
-              <s72-play-button data-slug="{{item.Slug}}" title="{{item.Title}}"></s72-play-button>
-              <s72-pricing-buttons data-slug="{{item.Slug}}" class="pricing-buttons-fit" title="{{item.Title}}"></s72-pricing-buttons>
-              {{ if item.ItemType == "film" }}
+              {{if showPlayButton}}
+                <s72-play-button data-slug="{{item.Slug}}" title="{{item.Title}}"></s72-play-button>
+              {{end}}
+
+              {{if showPricingButtons}}
+                <s72-pricing-buttons data-slug="{{item.Slug}}" class="pricing-buttons-fit" title="{{item.Title}}"></s72-pricing-buttons>
+              {{end}}
+
+              {{if isFilm}}
                 <can-be-watched-button data-slug="{{item.InnerItem.Slug}}" data-url="{{ item.InnerItem.CustomFields.GetString("can_be_watched_button_link", "") }}" data-label="{{ item.InnerItem.CustomFields.GetString("can_be_watched_button_text", "can_be_watched_button_text") }}"></can-be-watched-button>
-              {{ end }}
+              {{end}}
             </div>
           </div>
           <s72-userwishlist-button data-slug="{{item.Slug}}" class="btn-wishlist"></s72-userwishlist-button>

package/site/tr_TR.all.json

@@ -1,7 +1,4 @@
 {
-  "site_owner": {
-    "other": "ABC Cinemas"
-  },
   "settings_title": {
     "other": "Settings"
   },
@@ -70,9 +67,6 @@
   "404_page_content": {
     "other": "<p>Üzgünüz, aradığınız sayfa var gibi görünmüyor.</p><p>Taşınmış veya silinmiş olabilir veya belki bir şey yanlış yazdı.</p><p>Aradığınızı bulmak için ana sayfaya geri dönmeyi deneyin.</p><p><a href=\"{{.URL}}\">Ana sayfaya geri dön</a></p>"
   },
-  "nav_homepage": {
-    "other": "ABC Cinemas"
-  },
   "nav_signin": {
     "other": "Oturum Aç"
   },
@@ -1027,7 +1021,7 @@
     "other": "Tamamlayınız"
   },
   "shopping_complete_subscription": {
-    "other": "Abonelik satın alma işleminiz başarılı oldu. Artık {{.Title}} ."
+    "other": "Abonelik satın alma işleminiz başarılı oldu. Artık {{.Title}}."
   },
   "shopping_complete_subscription_browse": {
     "other": "Sitede <a href=\"/\">gezinmekten</a> veya belirli bir şey <a href=\"/search.html\">aramaktan</a> çekinmeyin."
@@ -1318,5 +1312,23 @@
   },
   "bundle_items_generic": {
     "other": "{{.Count}} öğeler"
+  },
+  "shopping_card_update_reason_expired": {
+    "other": "Kredi kartınızı güncelleyin. Desteklenen kartlar Visa, Mastercard ve American Express'tir."
+  },
+  "shopping_discount_applied_promo": {
+    "other": "Kod başarıyla uygulandı."
+  },
+  "promo_only_purchases_must_be_100_percent_discounted": {
+    "other": "Lütfen geçerli bir promosyon kodu girin."
+  },
+  "shopping_complete_promo_only": {
+    "other": "Başarı! Artık {{.Title}} izleyebilirsiniz."
+  },
+  "shopping_action_redeem_promo_code": {
+    "other": "Tazmin etmek"
+  },
+  "pricing_ownership_promo": {
+    "other": "Tazmin etmek"
   }
 }

package/site/uk_UA.all.json

@@ -1,7 +1,4 @@
 {
-  "site_owner": {
-    "other": "ABC Cinemas"
-  },
   "settings_title": {
     "other": "Settings"
   },
@@ -72,9 +69,6 @@
   "404_page_content": {
     "other": "<p>На жаль, сторінка, яку ви шукаєте, не існує.</p><p>Вона могла бути переміщена або видалена, чи, можливо, ви щось неправильно написали.</p><p>Спробуйте повернутися на головну сторінку, щоб знайти те, що ви шукаєте.</p><p><a href=\"/\">Назад на головну сторінку</a></p>"
   },
-  "nav_homepage": {
-    "other": "ABC Cinemas"
-  },
   "nav_signin": {
     "other": "Увійти"
   },
@@ -1149,7 +1143,7 @@
     "other": "Завершено"
   },
   "shopping_complete_subscription": {
-    "other": "Ваша покупка підписки була успішною. Тепер ви підписані на {{.Title}} ."
+    "other": "Ваша покупка підписки була успішною. Тепер ви підписані на {{.Title}}."
   },
   "shopping_complete_subscription_browse": {
     "other": "Не соромтеся <a href=\"/\">переглядати</a> сайт або <a href=\"/search.html\">шукати</a> щось конкретне."
@@ -1350,5 +1344,23 @@
   },
   "bundle_items_generic": {
     "other": "{{.Count}} елементи"
+  },
+  "shopping_card_update_reason_expired": {
+    "other": "Оновіть свою кредитну картку. Підтримувані картки Visa, Mastercard та American Express."
+  },
+  "shopping_discount_applied_promo": {
+    "other": "Код успішно застосовано."
+  },
+  "promo_only_purchases_must_be_100_percent_discounted": {
+    "other": "Введіть дійсний промо-код."
+  },
+  "shopping_complete_promo_only": {
+    "other": "Успіху! Тепер ви можете дивитися {{.Title}}."
+  },
+  "shopping_action_redeem_promo_code": {
+    "other": "Викупити"
+  },
+  "pricing_ownership_promo": {
+    "other": "Викупити"
   }
 }

package/site/zh_TW.all.json

@@ -1,7 +1,4 @@
 {
-  "site_owner": {
-    "other": "ABC Cinemas"
-  },
   "settings_title": {
     "other": "設置"
   },
@@ -70,9 +67,6 @@
   "404_page_content": {
     "other": "<p>很抱歉，此頁面不存在。</p><p>頁面可能已被移除，或輸入的資訊有誤。</p><p>請回到首頁重新搜尋。</p><p><a href=\"{{.URL}}\">回到首頁</a></p>"
   },
-  "nav_homepage": {
-    "other": "ABC Cinemas"
-  },
   "nav_signin": {
     "other": "登入"
   },
@@ -1316,5 +1310,23 @@
   },
   "bundle_items_generic": {
     "other": "{{.Count}} 项目"
+  },
+  "shopping_card_update_reason_expired": {
+    "other": "更新您的信用卡。支持的卡是 Visa、Mastercard 和 American Express。"
+  },
+  "shopping_discount_applied_promo": {
+    "other": "代碼成功應用。"
+  },
+  "promo_only_purchases_must_be_100_percent_discounted": {
+    "other": "請輸入有效的促銷代碼。"
+  },
+  "shopping_complete_promo_only": {
+    "other": "成功！您現在可以觀看{{.Title}}。"
+  },
+  "shopping_action_redeem_promo_code": {
+    "other": "贖回"
+  },
+  "pricing_ownership_promo": {
+    "other": "贖回"
   }
 }