@shift72/core-template 0.3.6 → 0.4.0

package/site/ru_RU.all.json

@@ -74,6 +74,13 @@
   "play_button_resume": { "other" : "Поделиться"},
 
   "social_media_buttons_title": { "other": "Поделиться" },
+  "social_media_buttons_facebook": { "other": "Поделиться через фейсбук" },
+  "social_media_buttons_twitter": { "other": "Поделиться в Твиттере" },
+  "social_media_buttons_linkedin": { "other": "Поделиться в Linkedin" },
+  "social_media_buttons_email": { "other": "Поделиться по электронной почте" },
+  "social_media_buttons_email_subject": { "other": "Поделиться ссылкой" },
+  "social_media_buttons_copied_link": { "other": "Ссылка скопирована в буфер обмена!" },
+  "social_media_buttons_copy_link": { "other": "Скопировать в буфер обмена" },
 
   "accept_invite_page_header": { "other": "Добро пожаловать" },
   "acceptinvite_form_invalid_reset_password_token": { "other": "Вы уже подтвердили регистрацию, вам надо <a href=\"{{.SigninURL}}\">войти</a> . Если вы забыли свой пароль, вы можете <a href=\"{{.ForgotPasswordURL}}\">сбросить пароль</a>." },
@@ -112,6 +119,7 @@
   "combined_auth_signin_password": { "other": "Введите ваш пароль для входа в аккаунт." },
   "combined_auth_signin_error_incorrect_credentials": { "other": "Это неверный пароль." },
   "combined_auth_error_forbidden": { "other": "Произошла ошибка." },
+  "combined_auth_error_too_many_requests": { "other": "Пожалуйста, повторите попытку позже." },
 
   "forgotpassword_page_header": { "other": "Сбросить пароль" },
   "forgotpassword_form_email": { "other": "Адрес электронной почты" },
@@ -120,6 +128,7 @@
   "forgotpassword_form_error_account_suspended": { "other": "Эта учетная запись приостановлена." },
   "forgotpassword_complete": { "other": "Спасибо. Новый пароль электронной почты должен появиться в вашем почтовом ящике в ближайшее время." },
   "forgotpassword_form_error_forbidden": { "other": "Произошла ошибка." },
+  "forgotpassword_form_error_too_many_requests": { "other": "Пожалуйста, повторите попытку позже." },
 
   "resetpassword_page_header": { "other": "Измените свой пароль" },
   "resetpassword_form_invalid_reset_password_token": { "other": "Сборс пароля более не действителен, пожалуйста, заполните <a href=\"{{.URL}}\">Забыл_а пароль</a> сформировать снова." },
@@ -129,6 +138,7 @@
   "resetpassword_complete": { "other": "Спасибо. Ваш пароль был изменен, и вы были зарегистрированы." },
   "resetpassword_form_error_invalid_reset_password_token": { "other": "Запрос сброса пароля не действителен. Пожалуйста, попробуйте позже." },
   "resetpassword_form_error_reset_password_token_expired": { "other": "Сборс пароля истек. Пожалуйста, запросите новый." },
+  "resetpassword_form_error_too_many_requests": { "other": "Пожалуйста, повторите попытку позже." },
 
   "account_page_header": { "other": "Мой аккаунт" },
   "account_form_name": { "other": "имя" },
@@ -461,7 +471,7 @@
 
   "availability_coming_soon": { "other": "Скоро в онлайне" },
   "availability_renting": { "other": "аренда" },
-  "availability_not_available": { "other": "availability_not_available" },
+  "availability_not_available": { "other": "Недоступен" },
   "availability_in_watch_window": { "other": "availability_in_watch_window" },
   "availability_sold_out": { "other": "Продано" },
   "availability_available_till": { "other": "Доступно до {{.ExpiryDate}}" },
@@ -485,5 +495,74 @@
 
   "app_badge_title": { "other": "Download the app to view your purchased content!" },
   "app_badge_ios": { "other": "Download on the App Store" },
-  "app_badge_android": { "other": "Get it on Google Play" }
+  "app_badge_android": { "other": "Get it on Google Play" },
+
+  "shopping_price_title_plan": {
+    "other": "Цена"
+  },
+  "shopping_price_plan_note": {
+    "zero": "{{ .Interval }} каждые .интервал.",
+    "one": "{{ .Interval }} каждые .Interval после окончания 24-часового бесплатного пробного периода.",
+    "other": "Взимается каждые .Interval после окончания {{ .Interval }} вашей дневной бесплатной пробной {{ .Count }}"
+  },
+  "shopping_price_plan_note_interval": {
+    "one": "{{ .Interval }}",
+    "other": "{{ .Count }} {{ .Interval }}"
+  },
+  "shopping_enter_card_prompt_plan": {
+    "other": "Введите данные своей кредитной карты ниже, чтобы начать подписку."
+  },
+  "shopping_action_plan": {
+    "other": "Полный"
+  },
+  "shopping_complete_subscription": {
+    "other": "Ваша подписка была приобретена. Теперь вы подписаны на {{ .Title }} ."
+  },
+  "shopping_complete_subscription_browse": {
+    "other": "Не стесняйтесь <a href=\"/\">просматривать</a> сайт или <a href=\"/search.html\">искать</a> что-то конкретное."
+  },
+  "shopping_info_plan_offer": {
+    "one": "Автоматически обновляется каждые {{ .Interval }}",
+    "other": "Автоматически обновляется каждые {{ .Count }} {{ .Interval }}"
+  },
+  "shopping_info_trial_period_offer": {
+    "one": "Попробуйте бесплатную 24-часовую пробную версию прямо сейчас!",
+    "other": "Попробуйте бесплатную дневную пробную версию {{ .Count }}"
+  },
+  "plans_page_header": {
+    "other": "Доступные планы"
+  },
+  "plan_label_owned": {
+    "other": "Вы владеете этим планом"
+  },
+  "plan_expiry_date": {
+    "other": "Закрытие продаж:"
+  },
+  "plan_read_more": {
+    "other": "Узнать больше"
+  },
+  "plan_page_read_more": {
+    "other": "Подробнее"
+  },
+  "plan_page_header_text": {
+    "other": "Наслаждайтесь {{ .Name }}"
+  },
+  "page_plan_explore_intro": {
+    "other": "ИЛИ"
+  },
+  "page_plan_explore_link": {
+    "other": "Исследуйте другие перевалы"
+  },
+  "plan_showcase_page_ownership_button_buy": {
+    "other": "Купи сейчас"
+  },
+  "plan_free_link_text": {
+    "other": "Подпишитесь бесплатно"
+  },
+  "awards_nominated_for": {
+    "other": "Выдвинут на"
+  },
+  "awards_in_competition": {
+    "other": "В соревновании"
+  }
 }

package/site/se_SE.all.json

@@ -73,6 +73,13 @@
     "play_button_resume": { "other" : "Наставите"},
   
     "social_media_buttons_title": { "other": "Поделите" },
+    "social_media_buttons_facebook": { "other": "Поделите на Фејсбуку" },
+    "social_media_buttons_twitter": { "other": "Делите на Твитеру" },
+    "social_media_buttons_linkedin": { "other": "Делите на Линкедину" },
+    "social_media_buttons_email": { "other": "Делите путем е-поште" },
+    "social_media_buttons_email_subject": { "other": "Дељење везе" },
+    "social_media_buttons_copied_link": { "other": "Линк је копиран у међуспремник!" },
+    "social_media_buttons_copy_link": { "other": "Копирај у међуспремник" },
   
     "accept_invite_page_header": { "other": "Добродошли" },
     "acceptinvite_form_invalid_reset_password_token": { "other": "Изгледа да сте већ активирали овај позив. Потребно је да се <a href=\"{{.SigninURL}}\">пријавите</a>. Ако сте заборавили лозинку, можете и да <a href=\"{{.ForgotPasswordURL}}\">ресетујете лозинку</a>." },
@@ -111,6 +118,7 @@
     "combined_auth_signin_password": { "other": "Молимо Вас унесите лозинку да бисте се пријавили." },
     "combined_auth_signin_error_incorrect_credentials": { "other": "Лозинка је нетачна." },
     "combined_auth_error_forbidden": { "other": "Догодила се грешка." },
+    "combined_auth_error_too_many_requests": { "other": "Превише захтева. Покушајте поново касније." },
   
     "forgotpassword_page_header": { "other": "Ресетујте лозинку" },
     "forgotpassword_form_email": { "other": "Имејл адреса" },
@@ -119,6 +127,7 @@
     "forgotpassword_form_error_account_suspended": { "other": "Овај налог је суспендован." },
     "forgotpassword_complete": { "other": "Хвала Вам. Имејл за ресетовање лозинке ће Вам убрзо стићи у инбокс." },
     "forgotpassword_form_error_forbidden": { "other": "Догодила се грешка." },
+    "forgotpassword_form_error_too_many_requests": { "other": "Превише захтева. Покушајте поново касније." },
   
     "resetpassword_page_header": { "other": "Промените лозинку" },
     "resetpassword_form_invalid_reset_password_token": { "other": "Изгледа да је захтев за ресетовање лозинке неправилан, молимо Вас попуните <a href=\"{{.URL}}\">Образац за заборављену лозинку</a> поново." },
@@ -128,6 +137,7 @@
     "resetpassword_complete": { "other": "Хвала. Ваша лозинка је промењена и пријављени сте." },
     "resetpassword_form_error_invalid_reset_password_token": { "other": "Захтев за ресетовање лозинке је неправилан." },
     "resetpassword_form_error_reset_password_token_expired": { "other": "Токен за ресетовање лозинке је истекао. Молимо Вас, тражите нови." },
+    "resetpassword_form_error_too_many_requests": { "other": "Превише захтева. Покушајте поново касније." },
   
     "account_page_header": { "other": "Мој налог" },
     "account_form_name": { "other": "Име" },
@@ -485,5 +495,74 @@
 
     "app_badge_title": { "other": "Download the app to view your purchased content!" },
     "app_badge_ios": { "other": "Download on the App Store" },
-    "app_badge_android": { "other": "Get it on Google Play" }
-  }
+    "app_badge_android": { "other": "Get it on Google Play" },
+
+    "shopping_price_title_plan": {
+      "other": "Цена"
+    },
+    "shopping_price_plan_note": {
+      "zero": "Наплаћује се сваки {{ .Interval }} .",
+      "one": "Наплаћује се сваки {{ .Interval }} након завршетка бесплатног пробног периода од 24 сата.",
+      "other": "Оптужен сваки {{ .Interval }} после ваших {{ .Count }} дневни бесплатни пробни крајевима."
+    },
+    "shopping_price_plan_note_interval": {
+      "one": "{{ .Interval }}",
+      "other": "{{ .Count }} {{ .Interval }} а"
+    },
+    "shopping_enter_card_prompt_plan": {
+      "other": "Унесите податке о својој кредитној картици испод да бисте започели претплату."
+    },
+    "shopping_action_plan": {
+      "other": "комплетан"
+    },
+    "shopping_complete_subscription": {
+      "other": "Ваша куповина претплате је била успешна. Сада сте претплаћени на {{ .Title }} ."
+    },
+    "shopping_complete_subscription_browse": {
+      "other": "Слободно <a href=\"/\">претражујте по</a> сајту или <a href=\"/search.html\">тражите</a> нешто специфично."
+    },
+    "shopping_info_plan_offer": {
+      "one": "Аутоматски обнавља сваки {{ .Interval }}",
+      "other": "Аутоматски обнавља на сваких {{ .Count }} {{ .Interval }} с"
+    },
+    "shopping_info_trial_period_offer": {
+      "one": "Испробајте своју бесплатну пробну верзију од 24 сата сада!",
+      "other": "Испробајте своју бесплатну пробну верзију {{ .Count }}"
+    },
+    "plans_page_header": {
+      "other": "Доступни планови"
+    },
+    "plan_label_owned": {
+      "other": "Ви сте власник овог плана"
+    },
+    "plan_expiry_date": {
+      "other": "Завршена продаја:"
+    },
+    "plan_read_more": {
+      "other": "Откриј више"
+    },
+    "plan_page_read_more": {
+      "other": "Опширније"
+    },
+    "plan_page_header_text": {
+      "other": "Уживајте у {{ .Name }}"
+    },
+    "page_plan_explore_intro": {
+      "other": "ИЛИ"
+    },
+    "page_plan_explore_link": {
+      "other": "Истражите друге пролазе"
+    },
+    "plan_showcase_page_ownership_button_buy": {
+      "other": "Купите сада"
+    },
+    "plan_free_link_text": {
+      "other": "Бесплатно се пријави"
+    },
+  "awards_nominated_for": {
+    "other": "Номинован за"
+  },
+  "awards_in_competition": {
+    "other": "Ин Цомпетитион"
+  }
+  }

package/site/search.html.jet

@@ -1,4 +1,4 @@
-{{extends "templates/application.jet"}}
+{{extends "templates/application/application.jet"}}
 
 {{block head()}}
   {{yield seo(title=i18n("searchresults_page_header"))}}

package/site/signin.html.jet

@@ -1,4 +1,4 @@
-{{extends "templates/application.jet"}}
+{{extends "templates/application/application.jet"}}
 
 {{block head()}}
   {{yield seo(title=i18n("signin_page_header"), index=false)}}

package/site/signup.html.jet

@@ -1,4 +1,4 @@
-{{extends "templates/application.jet"}}
+{{extends "templates/application/application.jet"}}
 
 {{block head()}}
   {{yield seo(title=i18n("signup_page_header"), index=false)}}

package/site/styles/_awards.scss

@@ -0,0 +1,39 @@
+.meta-awards {
+  @extend .d-flex;
+  @extend .align-items-center;
+
+  &.meta-awards-all {
+    @extend .align-items-start;
+  }
+
+  .meta-award-nomination {
+    @extend .d-flex;
+  }
+
+  .meta-award-nomination-icon {
+    @extend .fa;
+    @extend .fa-star; // for now
+    font-size: 1.25rem;
+    line-height: 1.5rem;
+    padding-right: .5rem;
+  }
+}
+
+.meta-awards-icon-overlay {
+  @extend .text-center;
+
+  border-radius: $meta-item-border-radius;
+  background: rgba(0, 0, 0, 0.8);
+
+  padding-right: 3px;
+  padding-left: 3px;
+  width: 16px + (3px * 2);
+  height: 16px + (3px * 2);
+
+  .meta-award-nomination-icon {
+    @extend .fa;
+    @extend .fa-star;
+
+    font-size: 1rem;
+  }
+}

package/site/styles/_buttons.scss

@@ -230,3 +230,16 @@
     margin-right: 5px;
   }
 }
+
+.btn-block .s72-btn {
+  @extend .btn-block;
+}
+
+.btn-light {
+  background-color: $gray-300;
+  border-color: $gray-300;
+  @include hover-focus {
+    background-color: $gray-200;
+    border-color: $gray-200;
+  }
+}

package/site/styles/_card.scss

@@ -0,0 +1,3 @@
+.card {
+    @extend .text-dark;
+}

package/site/styles/_collections.scss

@@ -313,7 +313,7 @@
 
 .page-collection-list {
   padding: 0 20px 15px;
-  @include media-breakpoint-up(md) {
+  @include media-breakpoint-up(lg) {
     padding: 0 50px 30px;
   }
 

package/site/styles/_footer.scss

@@ -86,7 +86,6 @@ footer {
 
 .app-banner {
   align-items: center;
-  border-bottom: 1px solid rgba($body-color, 0.2);
   display: flex;
   flex-direction: column;
   margin: 0 20px;

package/site/styles/_forms.scss

@@ -194,4 +194,4 @@ s72-signup-form {
   .s72-form-text {
     margin-bottom: 1rem;
   }
-}
+}

package/site/styles/_globals.scss

@@ -0,0 +1,7 @@
+small {
+  font-size: 85%;
+}
+
+a:not([class]) {
+  text-decoration: underline;
+}

package/site/styles/_icons.scss

@@ -31,3 +31,7 @@
   @extend .fa;
   @extend .fa-search;
 }
+
+.alert svg {
+  fill: $primary;
+}

package/site/styles/_legacy.scss

@@ -9,11 +9,6 @@ body {
   height: 100%;
 }
 
-.container-fluid {
-  margin: 0 auto;
-  padding: 0;
-}
-
 .animate-this {
   transition: all 0.25s ease-out;
 }

package/site/styles/_meta-detail.scss

@@ -150,7 +150,7 @@
     width: 563px;
   }
   @include media-breakpoint-up(xl) {
-    width: 763px;
+    width: 1100px;
   }
 
   h1 {
@@ -358,7 +358,6 @@
             top: 50%;
             transform: translateX(-50%) translateY(-50%);
             z-index: 2;
-
             .verb {
               display: none;
             }

package/site/styles/_nav.scss

@@ -241,12 +241,12 @@
     background: url('../images/common/logo@2x.png') left center / contain no-repeat;
   }
 
-  @include media-breakpoint-up(lg) {
+  @include media-breakpoint-up(md) {
     min-width: $navbar-brand-min-width-md;
   }
 
   @include media-breakpoint-up(lg) {
-    min-width: $navbar-brand-min-width-xl;
+    min-width: $navbar-brand-min-width-lg;
   }
 
   @include media-breakpoint-up(xl) {

package/site/styles/_pages.scss

@@ -48,10 +48,18 @@
 }
 
 .page-content {
-  border-bottom: $border-width solid rgba(255, 255, 255, 0.1);
   margin-bottom: $headings-margin-bottom * 4;
 }
 
+.separator {
+  border-bottom: 1px solid rgba($body-color, 0.2);
+  margin: 0 20px;
+
+  @include media-breakpoint-up(lg) {
+    margin: 0 50px;
+  }
+}
+
 .curated-page,
 .library-page,
 .content-page,
@@ -60,6 +68,7 @@
 .search-page,
 .collection-page,
 .devices-page,
+.plans-page,
 .carousel-len-0 {
   padding-top: $page-padding-top;
   @include media-breakpoint-up(md) {
@@ -91,8 +100,9 @@
   }
 }
 
-.content-page {
-  .content-page-content {
+.content-page,
+.curated-page {
+  .page-content {
     max-width: 1100px;
     min-height: 220px;
     padding: 20px 20px 0;
@@ -115,12 +125,19 @@
       font-weight: $font-weight-bold;
     }
 
-    a {
+    a:not(.signup-link) {
       @include a;
     }
   }
 }
 
+// Curated pages with at least one collection shouldn't have a minimum height which forces a gap before the collection(s)
+.curated-collection-page {
+  .page-content {
+    min-height: auto;
+  }
+}
+
 .content-page p img,
 .page-header p img {
   width: auto;
@@ -179,13 +196,15 @@
 .wishlist-page,
 .library-page,
 .search-page,
-.devices-page {
+.devices-page,
+.plans-page {
   .page-header {
     h1 {
       margin-bottom: $headings-margin-bottom;
     }
   }
 
+  .s72-plans,
   .s72-userwishlist-items,
   .s72-userlibrary-items,
   .s72-searchresults-results,
@@ -303,4 +322,4 @@
       }
     }
   }
-}
+}

package/site/styles/_plans.scss

@@ -0,0 +1,87 @@
+.plan-page-link {
+  @extend .s72-btn-purchase;
+}
+
+s72-plan-label {
+  .s72-plan-owned {
+    @extend .availability-state;
+    @extend .d-inline;
+    color: $button-text-color;
+  }
+}
+
+/* stylelint-disable selector-max-compound-selectors, max-nesting-depth */
+.plans-page {
+  // Add some spacing to the heading
+  .page-header h1 {
+    @extend .mb-3;
+  }
+
+  .plan {
+    .card {
+      @extend .bg-transparent;
+      @extend .border-0;
+
+      .plan-container {
+        @extend .bg-white;
+        @include border-radius($border-radius);
+
+        .plan-caption-details {
+          p {
+            @extend .mb-p75;
+          }
+        }
+
+        .poster {
+          s72-plan-label {
+            @extend .position-absolute;
+            @extend .mx-auto;
+            left: 5px !important;
+            top: 5px;
+
+            z-index: 99;
+
+            .s72-plan-owned {
+              @extend .availability-bg;
+
+              background-color: $button-background;
+            }
+          }
+        }
+
+        s72-pricing-buttons:not(.s72-show) {
+          @extend .m-0;
+        }
+
+        .plan-caption-details .s72-plan-owned {
+          @extend .d-inline-block;
+          @extend .availability-bg;
+          @extend .mb-p5;
+
+          background-color: $button-background;
+        }
+
+        s72-user-anon a {
+          margin-top: 0.5rem;
+        }
+      }
+    }
+  }
+}
+
+.curated-plan-page {
+  // Hide the separator if this is a curated collection page
+  + .separator {
+    @extend .border-0;
+  }
+
+  // Hide the titles of any collections
+  .page-collection-list-title,
+  .swiper-title {
+    display: none;
+  }
+
+  .signup-link {
+    display: inline !important;
+  }
+}

package/site/styles/_poster.scss

@@ -15,6 +15,30 @@
     bottom: $meta-item-availability-tag-margin;
     left: $meta-item-availability-tag-margin;
   }
+
+  .poster-overlay-top {
+    @extend .d-flex;
+    @extend .justify-content-between;
+    @extend .position-absolute;
+
+    @extend .p-p5;
+    @extend .mw-100;
+
+    z-index: 99;
+    width: 100%;
+
+    s72-availability-status {
+      position: unset; z-index: unset;
+      min-width: 0px;
+      @extend .pr-p5;
+
+      /* stylelint-disable selector-max-compound-selectors */
+      .availability-bg {
+        @extend .text-truncate;
+      }
+      /* stylelint-enable selector-max-compound-selectors */
+    }
+  }
 }
 
 .poster-image {
@@ -22,4 +46,4 @@
   max-width: 100%;
   position: relative;
   width: 100%;
-}
+}

package/site/styles/_shift72.scss

@@ -317,3 +317,22 @@ s72-cant-be-watched {
     @include a;
   }
 }
+
+.s72-divider-bottom {
+  @extend .position-relative;
+  &::after {
+    @extend .position-absolute;
+    background-color: $primary;
+    bottom: 0 !important;
+    content: '';
+    height: 3px;
+    left: 50% !important;
+    transform: translateX(-50%) !important;
+    width: 40px;
+  }
+}
+
+.s72-view-all-passes {
+  @extend .py-4;
+  background-color: mix(invert($body-bg), $body-bg, 4.5%);
+}

package/site/styles/_shopping.scss

@@ -167,6 +167,12 @@
       font-size: 12px;
     }
   }
+
+  /* stylelint-disable selector-no-qualifying-type */
+  ul.s72-shopping-info-plan {
+    text-align: left;
+  }
+  /* stylelint-enable selector-no-qualifying-type */
 }
 
 .s72-shopping-info-credit {

package/site/styles/_variables.scss

@@ -32,6 +32,20 @@ $container-max-widths: (
   xxxl: 1600px,
 ) !default;
 
+$spacer: math.div(5, 8) * 1rem; // 10px
+
+$spacers: (
+  '0': 0,
+  'p5':  ($spacer * 0.5),  // 5px
+  'p75': ($spacer * 0.75), // 7.5px
+  '1':   $spacer,          // 10px
+  '2':   ($spacer * 2),    // 20px
+  '2p5': ($spacer * 2.5),  // 25px
+  '3':   ($spacer * 3),    // 30px
+  '4':   ($spacer * 4),    // 40px
+  '5':   ($spacer * 5),    // 50px
+);
+
 // Body / Core
 // ------------------------------------