@shift72/core-template 0.3.0 → 0.3.4

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

@@ -87,6 +87,17 @@
     }
   }
 
+  &.btn-social-letterboxd {
+    background-color: $letterboxd-color;
+    border-color: $letterboxd-color;
+
+    path {
+      fill: $body-bg;
+      stroke: $body-bg;
+      stroke-width: 1;
+    }
+  }
+
   &:hover,
   &:active,
   &:focus {
@@ -134,5 +145,15 @@
         color: $youtube-color;
       }
     }
+
+    &.btn-social-letterboxd {
+      background-color: $primary;
+      border-color: $primary;
+
+      path {
+        fill: $letterboxd-color;
+        stroke: $letterboxd-color;
+      }
+    }
   }
 }

package/site/styles/_variables.scss

@@ -104,8 +104,8 @@ $signup-background-hover: $button-background-hover !default;
 
 $signout-background: rgba($body-color, 0.1) !default;
 $signout-background-hover: rgba($body-color, 0.2) !default;
-$signout-text-color: $button-text-color !default;
-$signout-text-color-hover: $button-text-color-hover !default;
+$signout-text-color: $body-color !default;
+$signout-text-color-hover: $body-color !default;
 
 $link-color: $body-color !default;
 
@@ -143,6 +143,7 @@ $instagram-color: $body-color !default;
 $twitter-color: $body-color !default;
 $youtube-color: $body-color !default;
 $linkedin-color: $body-color !default;
+$letterboxd-color: $body-color !default;
 
 // Meta Items
 // ------------------------------------

package/site/templates/common/social-media-buttons.jet

@@ -1,4 +1,4 @@
-{{block socialMediaButtons(path="", title="")}}
+{{block socialMediaButtons(path="", title="", letterboxdID="")}}
 	<div class="social-media-buttons">
 		<div class="social-media-buttons-title">
 			<h2>{{i18n("social_media_buttons_title")}}</h2>
@@ -13,6 +13,21 @@
 			<a class="btn btn-social btn-social-linkedin" aria-label="{{i18n("wcag_aria_label_linkedin")}}" href="https://www.linkedin.com/shareArticle?mini=true&url={{site.SiteConfig.SiteURL + path | url}}&title={{title|url}}" target="_blank">
 				<i class="fa fa-linkedin" title="Share on LinkedIn" aria-hidden="true"></i>
 			</a>
+
+			{{if letterboxdID}}
+				<a class="btn btn-social btn-social-letterboxd" aria-label="{{i18n("wcag_aria_label_letterboxd")}}" href="https://boxd.it/{{letterboxdID}}" target="_blank">
+					<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28px" height="28px" viewBox="0 0 334.79999 128" version="1.1">
+						<title>{{i18n("wcag_aria_label_letterboxd")}}</title>
+						<g transform="matrix(1.3333333,0,0,-1.3333333,0,128)">
+							<g transform="scale(0.1)">
+								<path d="M 857.793,735.43 C 775.559,870.309 630.23,960 464.551,960 207.984,960 0,745.098 0,480 0,214.902 207.984,0 464.551,0 630.23,0 775.559,89.6914 857.793,224.574 812.684,298.559 786.488,386.098 786.488,480 c 0,93.906 26.196,181.441 71.305,255.43"/>
+								<path d="M 1648.76,728.125 C 1567.38,867.098 1419.72,960 1251.04,960 1085.36,960 940.031,870.309 857.793,735.43 902.902,661.441 929.102,573.906 929.102,480 c 0,-93.902 -26.2,-181.441 -71.309,-255.426 C 940.031,89.6914 1085.36,0 1251.04,0 c 168.68,0 316.34,92.9023 397.72,231.875 -42.4,72.41 -66.82,157.316 -66.82,248.125 0,90.809 24.42,175.719 66.82,248.125"/>
+								<path d="m 2046.49,960 c -168.68,0 -316.34,-92.902 -397.73,-231.875 42.41,-72.406 66.83,-157.316 66.83,-248.125 0,-90.809 -24.42,-175.715 -66.83,-248.125 C 1730.15,92.9023 1877.81,0 2046.49,0 c 256.56,0 464.55,214.902 464.55,480 0,265.098 -207.99,480 -464.55,480"/>
+							</g>
+						</g>
+					</svg>
+				</a>
+			{{end}}
 		</div>
 	</div>
 {{end}}

package/site/templates/film/item.jet

@@ -34,7 +34,7 @@
             </div>
         {{end}}
         <div class="meta-detail-content">
-          <h1>{{ film.Title }} {{if film.ReleaseDate.Year() > 1}}<small>({{film.ReleaseDate.Year()}})</small>{{end}}</h1>
+          <h1>{{ film.Title }}</h1>
           <div class="meta-detail-tagline-and-classification">
             <div class="meta-detail-tagline">
               {{yield metaItemTagline() film}}
@@ -59,7 +59,7 @@
                 <s72-modal-player src="{{film.Trailers[0].URL}}" class="s72-btn-trailer" data-slug="{{film.Slug}}" data-label="{{i18n("play_trailer")}}" autoplay="querystring"></s72-modal-player>
             {{end}}
             <s72-userwishlist-button data-slug="{{film.Slug}}" class="btn-wishlist"></s72-userwishlist-button>
-            {{yield socialMediaButtons(path=currentUrlPath)}}
+            {{yield socialMediaButtons(path=currentUrlPath, letterboxdID=film.Refs.LetterboxdID)}}
           </div>
           <div class="meta-detail-cast">
           {{if len(film.Cast) > 0 }}

package/site/templates/items/featured_item.jet

@@ -15,11 +15,7 @@
       <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}}
-          {{if isset(item.InnerItem["ReleaseDate"]) && item.InnerItem.ReleaseDate.Year() > 1}}
-            <small>({{item.InnerItem.ReleaseDate.Year()}})</small>
-          {{end}}
-        </div>
+        <div class="meta-item-title">{{item.Title}}</div>
 
         <div class="meta-item-text">
           {{yield metaItemTagline() item.InnerItem}}

package/site/templates/items/meta_item.jet

@@ -47,11 +47,7 @@
 
             {{ if !displayTitleAndGenreBelowPosters }}
             <div class="titles">
-              <h4 title="{{item.Title}}">{{title|raw}}
-                {{if isset(item.InnerItem["ReleaseDate"]) && item.InnerItem.ReleaseDate.Year() > 1}}
-                  <small>({{item.InnerItem.ReleaseDate.Year()}})</small>
-                {{end}}
-              </h4>
+              <h4 title="{{item.Title}}">{{title|raw}}</h4>
               <div class="strap">
                 <s72-classification-label data-slug="{{item.Slug}}"></s72-classification-label>
                 {{yield metaItemTagline(genres=true, genresLimit=genresLimit, classification=false) item.InnerItem}}
@@ -75,11 +71,7 @@
 
   {{if displayTitleAndGenreBelowPosters}}
     <div class="caption">
-      <div class="title" title="{{item.Title}}">{{title|raw}}
-        {{if isset(item.InnerItem["ReleaseDate"]) && item.InnerItem.ReleaseDate.Year() > 1}}
-          <small>({{item.InnerItem.ReleaseDate.Year()}})</small>
-        {{end}}
-      </div>
+      <div class="title" title="{{item.Title}}">{{title|stripHTML}}</div>
       {{yield metaItemTagline(genres=true, genresLimit=genresLimit, classification=false) item.InnerItem}}
     </div>
   {{end}}

package/site/templates/items/tagline.jet

@@ -1,48 +1,90 @@
 {{block metaItemTagline(genres=true, genresLimit=-1, classification=true)}}
   <div class="meta-item-tagline">
-    {{if classification==true}}
-      <s72-classification-label data-slug="{{.Slug}}" data-layout="tooltip"></s72-classification-label>
-    {{end}}
-
-    {{if genres == true}}
-      {{if isset(.Genres) && len(.Genres) > 0}}
-        {{itemGenres := .Genres}}
-        {{if genresLimit > -1  && len(itemGenres) > genresLimit}}
-          {{itemGenres = itemGenres[:genresLimit]}}
-        {{end}}
-
-        {{if isset(itemGenres)}}
-          <span class="meta-item-tagline-item">{{itemGenres}}</span>
-        {{end}}
-
-        {{if isset(.Runtime) || isset(.Episodes)}}
-          <span class="meta-item-tagline-divider">•</span>
-        {{end}}
+    {{itemGenres := makeSlice()}}
+    {{if genres}}
+      {{if isset(.Genres)}}
+        {{itemGenres = .Genres}}
+      {{else if isset(.ShowInfo) && isset(.ShowInfo.Genres)}}
+        {{itemGenres = .ShowInfo.Genres}}
       {{end}}
+    {{end}}
 
-      {{if isset(.ShowInfo) && isset(.ShowInfo.Genres)}}
-        <span class="meta-item-tagline-item">{{.ShowInfo.Genres}}</span>
+    {*{ Figure out how many dividers. }*}
+    {{dividers := 0}}
+    {{if genres && len(itemGenres) > 0}}
+      {{dividers = dividers + 1}}
+    {{end}}
+    {{if isset(.Runtime)}}
+      {{dividers = dividers + 1}}
+    {{end}}
+    {{if isset(.Items)}}
+      {{dividers = dividers + 1}}
+    {{end}}
+    {{if isset(.Episodes)}}
+      {{dividers = dividers + 1}}
+    {{end}}
+    {{if isset(.ReleaseDate) && .ReleaseDate.Year() > 1}}
+      {{dividers = dividers + 1}}
+    {{end}}
+    {*{ There should be one less dividers than tagline items. }*}
+    {{dividers = dividers - 1}}
+    
+    {{if classification}}
+      <s72-classification-label data-slug="{{.Slug}}" data-layout="tooltip"></s72-classification-label>
+    {{end}}
 
-        {{if isset(.Runtime) || isset(.Episodes)}}
-          <span class="meta-item-tagline-divider">•</span>
-        {{end}}
+    {{if genres && len(itemGenres) > 0}}
+      {{yield taglineItem() content}}
+        {{itemGenres}}
       {{end}}
+      {{yield taglineDivider(dividers=dividers)}}
+      {{dividers = dividers - 1}}
     {{end}}
 
     {{if isset(.Runtime)}}
-      {{if .Runtime > 60}}
-        <span class="meta-item-tagline-item">{{.Runtime.Hours()}}{{i18n("runtime_hours")}} {{.Runtime.Minutes()}}{{i18n("runtime_minutes")}}</span>
-      {{else}}
-        <span class="meta-item-tagline-item">{{.Runtime}}{{i18n("runtime_minutes")}}</span>
+      {{yield taglineItem() content}}
+        {{if .Runtime > 60}}
+          {{.Runtime.Hours()}}{{i18n("runtime_hours")}} {{.Runtime.Minutes()}}{{i18n("runtime_minutes")}}
+        {{else}}
+          {{.Runtime}}{{i18n("runtime_minutes")}}
+        {{end}}
       {{end}}
+      {{yield taglineDivider(dividers=dividers)}}
+      {{dividers = dividers - 1}}
     {{end}}
 
     {{if isset(.Items)}}
-      <span class="meta-item-tagline-item">{{i18n("bundle_items_all_films", len(.Items))}}</span>
+      {{yield taglineItem() content}}
+        {{i18n("bundle_items_all_films", len(.Items))}}
+      {{end}}
+      {{yield taglineDivider(dividers=dividers)}}
+      {{dividers = dividers - 1}}
     {{end}}
 
     {{if isset(.Episodes)}}
-      <span class="meta-item-tagline-item">{{i18n("episode_count", len(.Episodes))}}</span>
+      {{yield taglineItem() content}}
+        {{i18n("episode_count", len(.Episodes))}}
+      {{end}}
+      {{yield taglineDivider(dividers=dividers)}}
+      {{dividers = dividers - 1}}
+    {{end}}
+
+    {{if isset(.ReleaseDate) && .ReleaseDate.Year() > 1}}
+      {{yield taglineItem() content}}
+        {{.ReleaseDate.Year()}}
+      {{end}}
+      {{yield taglineDivider(dividers=dividers)}}
+      {{dividers = dividers - 1}}
     {{end}}
   </div>
 {{end}}
+
+{{block taglineItem()}}
+  <span class="meta-item-tagline-item">{{yield content}}</span>
+{{end}}
+
+{{block taglineDivider(dividers)}}
+  {{if dividers > 0}}
+    <span class="meta-item-tagline-divider">•</span>
+  {{end}}
+{{end}}

package/site/templates/page/homepage.jet

@@ -17,7 +17,8 @@
 
 {{block body()}}
   <h1 class="sr-only">{{i18n("wcag_homepage_h1")}}</h1>
-  <main id="main" class="page page-{{page.PageType|lower}}">
+
+  <main id="main" class="page page-{{page.PageType|lower}} carousel-len-{{len(page.PageCollections[0].Items)}}">
     {{yield pageCollectionCarousel() page.PageCollections[0]}}
 
     <div class="other-sliders">