@shift72/core-template 0.5.1 → 1.0.0-alpha.0

package/site/styles/_homepage.scss

@@ -1,3 +0,0 @@
-.other-sliders {
-  padding-top: 20px;
-}

package/site/styles/_social-media-buttons.scss

@@ -1,159 +0,0 @@
-.social-media-buttons {
-  @extend .d-flex;
-  flex-direction: row;
-  padding-bottom: 3px;
-  padding-top: 2px;
-}
-
-.social-media-buttons-title {
-  align-self: center;
-  display: flex;
-  padding-right: 10px;
-
-  h2,
-  h5 {
-    align-self: center;
-    color: var(--body-color);
-    font-family: $font-family-base;
-    font-size: 12px;
-    font-weight: $font-weight-bold;
-    margin: 0;
-  }
-}
-
-.btn-social {
-  background: #fff;
-  border: 2px solid #fff;
-  border-radius: 50%;
-  //all arbituary values
-  color: #000;
-  height: 32px;
-  line-height: 1;
-  padding: 0;
-  position: relative;
-  width: 32px;
-
-  .fa {
-    color: #fff;
-    font-size: 14px;
-    left: 50%;
-    position: absolute;
-    top: 50%;
-    transform: translateX(-50%) translateY(-50%);
-  }
-
-  &.btn-social-facebook {
-    background: $facebook-color;
-    border-color: $facebook-color;
-
-    .fa {
-      color: var(--body-bg);
-    }
-  }
-
-  &.btn-social-instagram {
-    background-color: $instagram-color;
-    border-color: $instagram-color;
-
-    .fa {
-      color: var(--body-bg);
-    }
-  }
-
-  &.btn-social-twitter {
-    background-color: $twitter-color;
-    border-color: $twitter-color;
-
-    .fa {
-      color: var(--body-bg);
-    }
-  }
-
-  &.btn-social-linkedin {
-    background-color: $linkedin-color;
-    border-color: $linkedin-color;
-
-    .fa {
-      color: var(--body-bg);
-    }
-  }
-
-  &.btn-social-youtube {
-    background-color: $youtube-color;
-    border-color: $youtube-color;
-
-    .fa {
-      color: var(--body-bg);
-    }
-  }
-
-  &.btn-social-letterboxd {
-    background-color: $letterboxd-color;
-    border-color: $letterboxd-color;
-
-    path {
-      fill: var(--body-bg);
-      stroke: var(--body-bg);
-      stroke-width: 1;
-    }
-  }
-
-  &:hover,
-  &:active,
-  &:focus {
-    &.btn-social-facebook {
-      background-color: var(--primary);
-      border-color: var(--primary);
-
-      .fa {
-        color: $facebook-color;
-      }
-    }
-
-    &.btn-social-instagram {
-      background-color: var(--primary);
-      border-color: var(--primary);
-
-      .fa {
-        color: $instagram-color;
-      }
-    }
-
-    &.btn-social-twitter {
-      background-color: var(--primary);
-      border-color: var(--primary);
-
-      .fa {
-        color: $twitter-color;
-      }
-    }
-
-    &.btn-social-linkedin {
-      background-color: var(--primary);
-      border-color: var(--primary);
-
-      .fa {
-        color: $linkedin-color;
-      }
-    }
-
-    &.btn-social-youtube {
-      background-color: var(--primary);
-      border-color: var(--primary);
-
-      .fa {
-        color: $youtube-color;
-      }
-    }
-
-    &.btn-social-letterboxd {
-      background-color: var(--primary);
-      border-color: var(--primary);
-
-      path {
-        fill: $letterboxd-color;
-        stroke: $letterboxd-color;
-      }
-    }
-  }
-}

package/site/templates/bundle/buttons.jet

@@ -1,6 +0,0 @@
-{{block bundleButtons(class, slug, title, promoURL)}}
-  <div class="{{class}}">
-    <s72-pricing-buttons data-slug="{{slug}}" data-title="{{title}}"></s72-pricing-buttons>
-    {{yield bundleExtras(class="meta-detail-extras", slug=slug, promoURL=promoURL)}}
-  </div>
-{{end}}

package/site/templates/bundle/extras.jet

@@ -1,13 +0,0 @@
-{{import "../common/social-media-buttons.jet"}}
-
-{{block bundleExtras(class, promoURL, slug)}}
-  <div class="{{class}}">
-    {{if len(promoURL) > 0}}
-      <s72-modal-player src="{{promoURL}}" class="s72-btn-trailer" data-slug="{{slug}}" data-label="{{i18n("play_trailer")}}" autoplay="querystring"></s72-modal-player>
-    {{end}}
-
-    <s72-userwishlist-button data-slug="{{slug}}" class="btn-wishlist"></s72-userwishlist-button>
-
-    {{yield socialMediaButtons(path=currentUrlPath)}}
-  </div>
-{{end}}

package/site/templates/collection/carousel.jet

@@ -1,27 +0,0 @@
-{{import "./carousel_item.jet"}}
-
-{{block pageCollectionCarousel()}}
-
-{{if len(.Items) > 0}}
-<s72-carousel>
-	<section class="page-collection page-collection-carousel" aria-label="{{i18n("wcag_aria_label_carousel")}}">
-		<h2 class="sr-only">{{i18n("wcag_carousel_h2")}}</h2>
-		<div class="s72-carousel-slides">
-			{{range item := .Items}}
-				{{yield carouselItem(item=item)}}
-			{{end}}
-		</div>
-
-		<div class="s72-carousel-pagination">
-			{{range index, item := .Items}}
-				<div class="s72-carousel-page" data-page-index="{{index}}" data-slug="{{item.Slug}}"><span class="fa fa-circle"></span></div>
-			{{end}}
-		</div>
-
-		<!-- Controls -->
-		<a class="left s72-carousel-control"><span class="fa fa-angle-left"></span></a>
-		<a class="right s72-carousel-control"><span class="fa fa-angle-right"></span></a>
-	</section>
-</s72-carousel>
-{{end}}
-{{end}}

package/site/templates/collection/carousel_item.jet

@@ -1,66 +0,0 @@
-{{import "../items/tagline.jet"}}
-{{import "../common/awards/carousel.jet"}}
-
-{{block carouselItem(item)}}
-  {{ trailer := "" }}
-
-  {{ if isset(item.InnerItem["Trailers"]) && len(item.InnerItem.Trailers) > 0}}
-    {{ trailer = item.InnerItem.Trailers[0].URL }}
-  {{ else if(item.InnerItem["PromoURL"] && len(item.InnerItem.PromoURL) > 0) }}
-    {{ trailer = item.InnerItem.PromoURL }}
-  {{ end }}
-
-  <div class="s72-carousel-item" data-slug="{{item.Slug}}">
-    <a href="{{routeToSlug(item.Slug)}}" class="carousel-item-link" aria-label="{{item.Title}}">
-
-      {{if isset(item.Images["Carousel"])}}
-        <s72-image src="{{item.Images.Carousel}}" alt="{{item.Title}}" class="carousel-item-image"></s72-image>
-      {{end}}
-
-      {{if !isset(item["PageType"]) || item.PageType != "external"}}
-        <div class="carousel-item-caption">
-          <div class="meta-item-content">
-            <h3>{{item.GetTitle(i18n)}}
-              {{if isset(item.InnerItem["ReleaseDate"]) && item.InnerItem.ReleaseDate.Year() > 1}}
-                <small>({{item.InnerItem.ReleaseDate.Year()}})</small>
-              {{end}}
-            </h3>
-            <div class="meta-item-tagline-and-classification">
-              {{yield metaItemTagline() item.InnerItem}}
-            </div>
-
-            <div class="meta-item-buttons">
-              <s72-play-button data-slug="{{item.Slug}}"></s72-play-button>
-              <s72-pricing-buttons data-slug="{{item.Slug}}"></s72-pricing-buttons>
-              {{ if item.ItemType == "film" }}
-                <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 }}
-              <div class="meta-item-extras">
-                {{if len(trailer) > 0 }}
-                  <div class="s72-btn-trailer btn-trailer" data-url="{{routeToSlug(item.Slug)}}?autoplay">
-                    <button class="s72-btn s72-btn-play btn-sm s72-btn-trailer">
-                      <span class="s72-btn-play-icon"><s72-play-icon></s72-play-icon></span>
-                      <span class="verb s72-btn-play-label">{{i18n("play_trailer")}}</span>
-                    </button>
-                  </div>
-                {{end}}
-                <s72-userwishlist-button data-slug="{{item.Slug}}" class="btn-wishlist"></s72-userwishlist-button>
-                <s72-share-buttons item="::item.meta" class="hidden-sm hidden-xs pull-right"></s72-share-buttons>
-              </div>
-            </div>
-
-            <s72-availability-label data-slug="{{item.Slug}}"></s72-availability-label>
-
-            <div class="meta-item-synopsis">
-              <p>{{item.InnerItem.Tagline | stripHTML}}</p>
-            </div>
-            {{yield awardsCarousel() item.InnerItem}}
-          </div>
-        </div>
-      {{end}}
-      <div class="left-gradient"></div>
-      <div class="right-gradient"></div>
-      <div class="bottom-gradient"></div>
-    </a>
-  </div>
-{{end}}

package/site/templates/items/bonus_item.jet

@@ -1,23 +0,0 @@
-{{ block bonusItem(item) }}
-    <div class="bonus">
-      <div class="poster">
-        <s72-availability-status slug="{{item.Slug}}"></s72-availability-status>
-        <s72-image src="{{item.Images.Landscape}}" alt="" class="poster-image poster-image-landscape"></s72-image>
-        <s72-play-button data-slug="{{item.Slug}}" title="{{item.Title}}"></s72-play-button>
-      </div>
-      <div class="caption">
-        <div class="bonus-item-title">
-          <h3>{{item.Title}}</h3>
-          {{if item.Runtime > 0 }}
-            <span class="runtime">
-              {{if item.Runtime.Hours() > 0}}
-                {{item.Runtime.Hours()}}{{i18n("runtime_hours")}}
-              {{end}}
-              {{item.Runtime.Minutes()}}{{i18n("runtime_minutes")}}
-            </span>
-          {{end}}
-        </div>
-        <div class="synopsis">{{item.Overview | raw}}</div>
-      </div>
-    </div>
-{{ end }}

package/site/templates/items/featured_item.jet

@@ -1,61 +0,0 @@
-{{import "../items/tagline.jet"}}
-
-{{block featuredItem(item, image="Landscape")}}
-<div class="meta-item featured-meta-item meta-item-{{item.ItemType|lower}}">
-  <a href="{{routeToSlug(item.Slug)}}" aria-label="{{item.Title}}">
-    {{if isset(item.Images[image])}}
-      <s72-image src="{{item.Images[image]}}" alt="{{item.Title}}" class="meta-item-img featured-meta-item-img"></s72-image>
-    {{end}}
-
-    <!-- <s72-availability-status data-slug="{{item.Slug}}"></s72-availability-status> -->
-    <s72-availability-label data-slug="{{item.Slug}}"></s72-availability-label>
-
-    {{if !isset(item["PageType"]) || item.PageType != "external"}}
-
-      <s72-userwishlist-button data-slug="{{item.Slug}}" class="btn-wishlist" data-layout="quick-button"></s72-userwishlist-button>
-
-      <div class="meta-item-body featured-meta-item-body">
-        <div class="meta-item-title">{{item.Title}}</div>
-
-        <div class="meta-item-text">
-          {{yield metaItemTagline() item.InnerItem}}
-        </div>
-
-        {{if isset(item.InnerItem["Tagline"])}}
-          <div class="meta-item-synopsis hidden-md">
-            <p>{{item.InnerItem.Tagline | stripHTML}}</p>
-          </div>
-        {{end}}
-
-        <div class="meta-item-buttons">
-          <s72-play-button data-slug="{{item.Slug}}"></s72-play-button>
-          <s72-pricing-buttons data-slug="{{item.Slug}}"></s72-pricing-buttons>
-          {{if isset(item.InnerItem["Trailers"]) && len(item.InnerItem.Trailers) > 0}}
-            <s72-modal-player src="{{item.InnerItem.Trailers[0].URL}}" class="btn-sm" data-slug="{{item.Slug}}" data-label="{{i18n("play_trailer")}}"></s72-modal-player>
-          {{end}}
-        </div>
-
-
-        <!--div class="content">
-          <h3>{{item.Title}} {{if isset(item["season"])}}<span class="small">{{item.season}}</span>{{end}}</h3>
-
-            {*<p class="tagline">{{item.ReleaseDate}}</p>*}
-
-            {*<p class="synopsis visible-sm">{{item.Tagline}}</p>*}
-
-          <div class="buttons">
-            <watch-button data-slug="item.Slug"></watch-button>
-            <pricing-buttons data-slug="item.Slug"></pricing-buttons>
-          </div>
-
-            {*<p class="synopsis visible-md visible-lg">{{item.Tagline}}</p>*}
-
-          <share-buttons item="::item.meta" class="hidden-sm hidden-xs pull-right"></share-buttons>
-          <trailer-button item="::item.meta" button-class="btn-sm" class="hidden-sm hidden-xs"></trailer-button>
-
-        </div -->
-      </div>
-    {{end}}
-  </a>
-</div>
-{{end}}

package/site/templates/tv/episode.jet

@@ -1,21 +0,0 @@
-{{block episodeCollectionItem(item)}}
-  <div class="episode">
-    <div class="poster">
-      <s72-availability-status data-slug="{{item.Slug}}"></s72-availability-status>
-      <s72-image src="{{item.Images.Landscape}}" alt="{{item.Title}}" class="poster-image poster-image-landscape" border="0"></s72-image>
-      <s72-play-button data-slug="{{item.Slug}}" data-title="{{item.Title}}" data-label="false"></s72-play-button>
-    </div>
-    <div class="caption">
-      {{if item.Runtime > 0 }}
-        <span class="runtime pull-right">
-          {{if item.Runtime.Hours() > 0}}
-            {{item.Runtime.Hours()}}{{i18n("runtime_hours")}}
-          {{end}}
-          {{item.Runtime.Minutes()}}{{i18n("runtime_minutes")}}
-        </span>
-      {{end}}
-      <h3>{{item.Title}}</h3>
-      <div class="synopsis">{{item.Overview | raw}}</div>
-    </div>
-  </div>
-{{end}}