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

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

@@ -1,47 +1,11 @@
-{{block socialMediaButtons(path="", title="", letterboxdID="")}}
+{{block socialMediaButtons(url="", title="", letterboxdID="")}}
 {{show_facebook_share := config("show_facebook_share", "true") == "true"}}
 {{show_twitter_share := config("show_twitter_share", "true") == "true"}}
 {{show_linkedin_share := config("show_linkedin_share", "true") == "true"}}
 
 	{{if show_facebook_share || show_twitter_share || show_linkedin_share || letterboxdID}}
 		<div class="social-media-buttons">
-			<div class="social-media-buttons-title">
-				<h2>{{i18n("social_media_buttons_title")}}</h2>
-			</div>
-			<div class="social-media-buttons-container">
-				{{if show_facebook_share}}
-					<a class="btn btn-social btn-social-facebook" aria-label="{{i18n("wcag_aria_label_facebook")}}" href="https://www.facebook.com/sharer/sharer.php?u={{site.SiteConfig.SiteURL + path | url}}" target="_blank">
-						<i class="fa fa-facebook" title="Share on Facebook" aria-hidden="true"></i>
-					</a>
-				{{end}}
-
-				{{if show_twitter_share}}
-					<a class="btn btn-social btn-social-twitter" aria-label="{{i18n("wcag_aria_label_twitter")}}" href="https://twitter.com/intent/tweet?text={{title + " " + site.SiteConfig.SiteURL + path | url}}" target="_blank">
-						<i class="fa fa-twitter" title="Share on Twitter" aria-hidden="true"></i>
-					</a>
-				{{end}}
-
-				{{if show_linkedin_share}}
-					<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>
-				{{end}}
-
-				{{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>
+			<s72-share-modal {{letterboxdID ? "letterboxd=" + letterboxdID : ""}} url="{{url}}"></s72-share-modal>
 		</div>
 	{{end}}
 {{end}}

package/site/templates/common/sponsor-image.jet

@@ -0,0 +1,18 @@
+{{block sponsor(hideLink)}}
+  {{sponsorImage := .ImageMap["Sponsor"]}}
+
+  {{if isset(sponsorImage)}}
+    {{sponsorText := .CustomFields.GetString("sponsor_image_text_film", "")}}
+    {{sponsorLink := .CustomFields.GetString("sponsor_image_link_film", "")}}
+    {{sponsorLinkIsExternal := .CustomFields.GetBool("sponsor_image_link_external_film", false)}}
+
+    <div class="sponsor">
+      {{if sponsorText}}
+        <div>{{sponsorText}}</div>
+      {{end}}
+      {{if sponsorLink && !hideLink}}<a href="{{sponsorLink}}" {{if sponsorLinkIsExternal}} target="_blank" {{end}}>{{end}}
+        <s72-image src="{{sponsorImage}}" alt="{{ i18n("sponsor_image_alt") }}" ></s72-image>
+      {{if sponsorLink && !hideLink}}</a>{{end}}
+    </div>
+  {{end}}
+{{end}}

package/site/templates/film/item.jet

@@ -1,12 +1,13 @@
 {{extends "../application/application.jet"}}
 {{import "../common/slider.jet"}}
 {{import "../items/tagline.jet"}}
-{{import "../items/bonus_item.jet"}}
+{{import "../items/sub_item.jet"}}
 {{import "../collection/page_collection_item.jet"}}
 {{import "../collection/slider.jet"}}
 {{import "../common/list.jet"}}
-{{import "../common/social-media-buttons.jet"}}
 {{import "../common/awards/item.jet"}}
+{{import "../common/sponsor-image.jet"}}
+{{import "../common/cta_buttons.jet"}}
 
 {{block head()}}
   {{yield seo() film}}
@@ -18,6 +19,7 @@
 {{end}}
 
 {{block body()}}
+
   <main id="main" class="page page-film meta-detail meta-detail-film">
     <div class="meta-detail-bg">
       <div class="right-gradient"></div>
@@ -25,14 +27,16 @@
     </div>
     <div class="container">
       <div class="meta-detail-main">
-        {{if config("default_image_type") == "portrait"}}
+        <div class="poster-wrapper">
+          {{if config("default_image_type") == "portrait"}}
+            {{yield sponsor() film}}
             <div class="poster poster-portrait">
               <s72-availability-status data-slug="{{film.Slug}}"></s72-availability-status>
               <s72-image src="{{film.ImageMap["Classification"]}}" alt="" class="classification-image">
               <s72-image src="{{film.ImageMap["Portrait"]}}" alt="{{film.Title}}" class="poster poster-image poster-image-portrait"></s72-image>
-
             </div>
-        {{end}}
+          {{end}}
+        </div>
         <div class="meta-detail-content">
           <h1>{{ film.Title }}</h1>
           <div class="meta-detail-tagline-and-classification">
@@ -42,125 +46,117 @@
           </div>
 
           <!-- {{film.CustomFields|json}} -->
+          <s72-availability-label data-slug="{{film.Slug}}"></s72-availability-label>
+
+          {{yield ctaButtons(itemType="film") film}}
 
-          <div class="meta-detail-buttons">
-            <s72-play-button data-slug="{{film.Slug}}" data-title="{{film.Title}}"></s72-play-button>
-            <s72-pricing-buttons data-slug="{{film.Slug}}" data-title="{{film.Title}}"></s72-pricing-buttons>
-            <can-be-watched-button data-slug="{{film.Slug}}" data-url="{{ film.CustomFields.GetString("can_be_watched_button_link", "") }}" data-label="{{ film.CustomFields.GetString("can_be_watched_button_text", "can_be_watched_button_text") }}"></can-be-watched-button>
-            <div class="meta-detail-extras">
-              {{if len(film.Trailers) > 0 }}
-                  <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, letterboxdID=film.Refs.LetterboxdID)}}
-            </div>
-          </div>
           {{if config("default_image_type") != "portrait"}}
             <s72-availability-status data-slug="{{film.Slug}}"></s72-availability-status>
             <br>
           {{end}}
-          <s72-availability-label data-slug="{{film.Slug}}"></s72-availability-label>
 
           {{yield awardNominations() film}}
-          <s72-element-switcher>
-            {{if isEnabled("element_switcher_enabled")}}
-              <div class="meta-detail-switcher-tagline">
-                <p>{{film.Tagline}}</p>
-              </div>
-            {{end}}
-            <div class="{{ isEnabled("element_switcher_enabled") ? "s72-hide" : "" }}"> {* hide class prevents FOUC *}
-              <div class="meta-detail-synopsis">{{film.Overview | raw}}</div>
-              <div class="meta-detail-cast">
-              {{if len(film.Cast) > 0 }}
-                <h2>{{i18n("meta_detail_cast_title")}}</h2>
-              {{end}}
-                <p>
-                  {{range index, member := film.Cast}}
-                    {{ path := "/search.html?q=" + member.Name }}
-                    <a href="{{ routeToPath(path) }}">{{member.Name}}</a>{{if index < len(film.Cast) - 1}}, {{end}}
-                  {{end}}
-                </p>
-              </div>
-              <div class="meta-detail-crew d-flex">
-                {{range index, member := film.Crew}}
-                  <div class="crew-member">
-                    <h2>{{member.Job}}</h2>
-                    {{ path := "/search.html?q=" + member.Name }}
-                    <a href="{{ routeToPath(path) }}">{{member.Name}}</a>
-                  </div>
-                {{end}}
-              </div>
-              {{if len(film.Languages) > 0 }}
-                <div class="meta-detail-language">
-                  <h2>{{i18n("meta_detail_languages", len(film.Languages))}}</h2>
-                  <p>{{ film.Languages }}</p>
+          <div class="element-switcher-wrapper">
+            <s72-element-switcher>
+              {{if isEnabled("element_switcher_enabled")}}
+                <div class="meta-detail-switcher-tagline">
+                  <p>{{film.Tagline}}</p>
                 </div>
               {{end}}
-              {{allSubtitles := film.GetSubtitles()}}
-              {{if len(allSubtitles) > 0 }}
-                {{subtitles := ""}}
-                {{captions := ""}}
-                {{if len(film.SubtitleTracks) == 0}}
-                  {{subtitles = allSubtitles}}
-                {{else}}
-                  {{range subTrack := film.SubtitleTracks}}
-                    {{if len(subTrack) >= 3}}
-                      {{if subTrack[2] == "caption"}}
-                          {{captions = captions ? captions + ", " + subTrack[1] : subTrack[1]}}
-                      {{else}}
-                          {{subtitles = subtitles ? subtitles + ", " + subTrack[1] : subTrack[1]}}
+              <div class="{{ isEnabled("element_switcher_enabled") ? "s72-hide" : "" }}"> {* hide class prevents FOUC *}
+                <div class="meta-detail-synopsis">{{film.Overview | raw}}</div>
+                <div class="meta-detail-info">
+                  {{if len(film.Cast) > 0 }}
+                    <div class="meta-detail-cast">
+                      <h2>{{i18n("meta_detail_cast_title")}}</h2>
+                      <p>
+                        {{range index, member := film.Cast}}
+                          {{ path := "/search.html?q=" + member.Name }}
+                          <a href="{{ routeToPath(path) }}">{{member.Name}}</a>{{if index < len(film.Cast) - 1}}, {{end}}
+                        {{end}}
+                      </p>
+                    </div>
+                  {{end}}
+                  {{range index, member := film.Crew}}
+                    <div class="meta-detail-crew">
+                      <h2>{{member.Job}}</h2>
+                      {{ path := "/search.html?q=" + member.Name }}
+                      <a href="{{ routeToPath(path) }}">{{member.Name}}</a>
+                    </div>
+                  {{end}}
+                  {{if len(film.Languages) > 0 }}
+                    <div class="meta-detail-language">
+                      <h2>{{i18n("meta_detail_languages", len(film.Languages))}}</h2>
+                      <p>{{ film.Languages }}</p>
+                    </div>
+                  {{end}}
+                  {{allSubtitles := film.GetSubtitles()}}
+                  {{if len(allSubtitles) > 0 }}
+                    {{subtitles := ""}}
+                    {{captions := ""}}
+                    {{if len(film.SubtitleTracks) == 0}}
+                      {{subtitles = allSubtitles}}
+                    {{else}}
+                      {{range subTrack := film.SubtitleTracks}}
+                        {{if len(subTrack) >= 3}}
+                          {{if subTrack[2] == "caption"}}
+                              {{captions = captions ? captions + ", " + subTrack[1] : subTrack[1]}}
+                          {{else}}
+                              {{subtitles = subtitles ? subtitles + ", " + subTrack[1] : subTrack[1]}}
+                          {{end}}
+                        {{end}}
                       {{end}}
                     {{end}}
+                    {{if subtitles}}
+                      <div class="meta-detail-subtitle">
+                        <h2>{{i18n("meta_detail_subtitles")}}</h2>
+                        <p>{{subtitles}}</p>
+                      </div>
+                    {{end}}
+                    {{if captions}}
+                      <div class="meta-detail-subtitle">
+                        <h2>{{i18n("meta_detail_captions")}}</h2>
+                        <p>{{captions}}</p>
+                      </div>
+                    {{end}}
+                  {{end}}
+                  {{if len(film.Countries) > 0 }}
+                    <div class="meta-detail-country">
+                      <h2>{{i18n("meta_detail_countries", len(film.Countries))}}</h2>
+                      <p>{{ film.Countries }}</p>
+                    </div>
+                  {{end}}
+                  {{if len(film.Studio) > 0 }}
+                    <div class="meta-detail-studio">
+                      <h2>{{i18n("meta_detail_studios", len(film.Studio))}}</h2>
+                      {*{ FORMAT STUDIOS }*}
+                      {{ studios := "" }}
+                      {{ range studio := film.Studio }}
+                        {{ studios = studios + studio + ", "}}
+                      {{ end }}
+                      {{ if len(studios) > 0 }}
+                        {{ studios = studios[0:len(studios) - 2] }}
+                      {{ end }}
+                      <p>{{ studios }}</p>
+                    </div>
                   {{end}}
-                {{end}}
-                {{if subtitles}}
-                  <div class="meta-detail-subtitle">
-                    <h2>{{i18n("meta_detail_subtitles")}}</h2>
-                    <p>{{subtitles}}</p>
-                  </div>
-                {{end}}
-                {{if captions}}
-                  <div class="meta-detail-subtitle">
-                    <h2>{{i18n("meta_detail_captions")}}</h2>
-                    <p>{{captions}}</p>
-                  </div>
-                {{end}}
-              {{end}}
-              {{if len(film.Countries) > 0 }}
-                <div class="meta-detail-country">
-                  <h2>{{i18n("meta_detail_countries", len(film.Countries))}}</h2>
-                  <p>{{ film.Countries }}</p>
-                </div>
-              {{end}}
-              {{if len(film.Studio) > 0 }}
-                <div class="meta-detail-studio">
-                  <h2>{{i18n("meta_detail_studios", len(film.Studio))}}</h2>
-                  {*{ FORMAT STUDIOS }*}
-                  {{ studios := "" }}
-                  {{ range studio := film.Studio }}
-                    {{ studios = studios + studio + ", "}}
-                  {{ end }}
-                  {{ if len(studios) > 0 }}
-                    {{ studios = studios[0:len(studios) - 2] }}
-                  {{ end }}
-                  <p>{{ studios }}</p>
                 </div>
-              {{end}}
-            </div>
-          </s72-element-switcher>
+              </div>
+            </s72-element-switcher>
+            {{yield sponsor() film}}
+          </div>
           {{if len(film.Bonuses) > 0 && !film.CustomFields.GetBool("hide_bonus_content", false)}}
             <section class="meta-detail-bonus-content" aria-label="{{i18n("meta_detail_bonus_title")}}">
               <h2>{{i18n("meta_detail_bonus_title")}}</h2>
               {{yield list(itemsPerRow=4, itemLayout="landscape") content}}
                 {{range bonus := film.Bonuses}}
-                  <div class="bonus-item">
-                    {{yield bonusItem(item=bonus)}}
+                  <div class="sub-item">
+                    {{yield subItem(item=bonus)}}
                   </div>
                 {{end}}
               {{end}}
             </section>
-          </div>
-        {{end}}
+          {{end}}
         </div>
       </div>
     </div>

package/site/templates/items/sub_item.jet

@@ -0,0 +1,22 @@
+{{ block subItem(item) }}
+  <div class="poster-container">
+    <div class="poster">
+      <s72-availability-status slug="{{item.Slug}}"></s72-availability-status>
+      <s72-image src="{{item.Images.Landscape}}" alt="{{item.Title}}" class="poster-image poster-image-landscape"></s72-image>
+      <s72-play-button data-slug="{{item.Slug}}" title="{{item.Title}}"></s72-play-button>
+      <s72-playback-progress slug="{{item.Slug}}"></s72-playback-progress>
+    </div>
+  </div>
+  <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}}
+  {{if item.Overview}}
+    <div class="synopsis">{{item.Overview | raw}}</div>
+  {{end}}
+{{ end }}

package/site/templates/items/tagline.jet

@@ -28,7 +28,7 @@
     {{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}}
@@ -47,7 +47,7 @@
 
     {{if isset(.Items)}}
       {{yield taglineItem() content}}
-        {{i18n("bundle_items_all_films", len(.Items))}}
+        {{i18n("bundle_items_generic", len(.Items))}}
       {{end}}
       {{yield taglineDivider(dividers=dividers)}}
       {{dividers = dividers - 1}}

package/site/templates/page/homepage.jet

@@ -1,7 +1,6 @@
 {{extends "templates/application/application.jet"}}
 {{import "templates/collection/page_collection.jet"}}
-{{import "templates/items/featured_item.jet"}}
-{{import "../collection/carousel.jet"}}
+{{import "../collection/carousel/carousel.jet"}}
 {{import "templates/collection/wishlist.jet"}}
 
 {{block head()}}
@@ -19,7 +18,7 @@
   <h1 class="sr-only">{{i18n("wcag_homepage_h1")}}</h1>
 
   <main id="main" class="page page-{{page.PageType|lower}} carousel-len-{{len(page.PageCollections[0].Items)}}">
-    {{yield pageCollectionCarousel() page.PageCollections[0]}}
+    {{yield carousel() page.PageCollections[0]}}
 
     <div class="other-sliders">
       <h2 class="sr-only">{{i18n("wcag_collections_h2")}}</h2>

package/site/templates/tv/detail.jet

@@ -1,11 +1,11 @@
 {{extends "../application/application.jet"}}
 {{import "../common/slider.jet"}}
 {{import "../items/tagline.jet"}}
-{{import "../items/bonus_item.jet"}}
+{{import "../items/sub_item.jet"}}
 {{import "../collection/page_collection_item.jet"}}
-{{import "./episode.jet"}}
 {{import "../common/list.jet"}}
-{{import "../common/social-media-buttons.jet"}}
+{{import "../common/cta_buttons.jet"}}
+
 {{block head()}}
   {{yield seo() tvseason}}
 {{end}}
@@ -34,38 +34,41 @@
           <div class="meta-detail-tagline">
             {{yield metaItemTagline() tvseason}}
           </div>
-          <div class="meta-detail-buttons">
-            <s72-play-button data-slug="{{tvseason.Slug}}" data-title="{{tvseason.Title}}"></s72-play-button>
-            <s72-pricing-buttons data-slug="{{tvseason.Slug}}" data-title="{{tvseason.Title}}"></s72-pricing-buttons>
-            <div class="meta-detail-extras">
-              {{if len(tvseason.Trailers) > 0 }}
-                <s72-modal-player src="{{tvseason.Trailers[0].URL}}" class="s72-btn-trailer" data-slug="{{tvseason.Slug}}" data-label="{{i18n("play_trailer")}}" autoplay="querystring"></s72-modal-player>
-              {{end}}
-              <s72-userwishlist-button data-slug="{{tvseason.Slug}}" class="btn-wishlist"></s72-userwishlist-button>
-              {{yield socialMediaButtons(path=currentUrlPath)}}
-            </div>
-          </div>
           <s72-availability-label data-slug="{{tvseason.Slug}}"></s72-availability-label>
-          <div class="meta-detail-synopsis">{{tvseason.Overview | raw}}</div>
-          <div class="meta-detail-cast">
-          {{if len(tvseason.Cast) > 0 }}
-            <h2>{{i18n("meta_detail_cast_title")}}</h2>
-          {{end}}
-            <p>
-              {{range index, member := tvseason.Cast}}
-                {{ path := "/search.html?q=" + member.Name }}
-                <a href="{{ routeToPath(path) }}">{{member.Name}}</a>{{if index < len(tvseason.Cast) - 1}}, {{end}}
+
+          {{yield ctaButtons(itemType="tvseason") tvseason}}
+
+          <div class="element-switcher-wrapper">
+            <s72-element-switcher>
+              {{if isEnabled("element_switcher_enabled")}}
+                <div class="meta-detail-switcher-tagline">
+                  <p>{{tvseason.Tagline}}</p>
+                </div>
               {{end}}
-            </p>
-          </div>
-          <div class="meta-detail-crew d-flex">
-            {{range index, member := tvseason.Crew}}
-              <div class="crew-member">
-                <h2>{{member.Job}}</h2>
-                {{ path := "/search.html?q=" + member.Name }}
-                <a href="{{ routeToPath(path) }}"">{{member.Name}}</a>
+              <div class="{{ isEnabled("element_switcher_enabled") ? "s72-hide" : "" }}"> {* hide class prevents FOUC *}
+                <div class="meta-detail-synopsis">{{tvseason.Overview | raw}}</div>
+                <div class="meta-detail-info">
+                  {{if len(tvseason.Cast) > 0 }}
+                    <div class="meta-detail-cast">
+                      <h2>{{i18n("meta_detail_cast_title")}}</h2>
+                      <p>
+                        {{range index, member := tvseason.Cast}}
+                          {{ path := "/search.html?q=" + member.Name }}
+                          <a href="{{ routeToPath(path) }}">{{member.Name}}</a>{{if index < len(tvseason.Cast) - 1}}, {{end}}
+                        {{end}}
+                      </p>
+                    </div>
+                  {{end}}
+                  {{range index, member := tvseason.Crew}}
+                    <div class="meta-detail-crew">
+                      <h2>{{member.Job}}</h2>
+                      {{ path := "/search.html?q=" + member.Name }}
+                      <a href="{{ routeToPath(path) }}"">{{member.Name}}</a>
+                    </div>
+                  {{end}}
+                </div>
               </div>
-            {{end}}
+            </s72-element-switcher>
           </div>
 
           {{if len(tvseason.Episodes) > 0}}
@@ -73,8 +76,8 @@
               <h2>{{i18n("meta_detail_episodes_title")}}</h2>
               {{yield list(itemsPerRow=4, itemLayout="portrait") content}}
                 {{range episode := tvseason.Episodes}}
-                  <div class="episode-item">
-                    {{yield episodeCollectionItem(item=episode)}}
+                  <div class="sub-item">
+                    {{yield subItem(item=episode)}}
                   </div>
                 {{end}}
               {{end}}
@@ -86,8 +89,8 @@
               <h2>{{i18n("meta_detail_bonus_title")}}</h2>
               {{yield list(itemsPerRow=4, itemLayout="landscape") content}}
                 {{range bonus := tvseason.Bonuses}}
-                  <div class="bonus-item">
-                    {{yield bonusItem(item=bonus)}}
+                  <div class="sub-item">
+                    {{yield subItem(item=bonus)}}
                   </div>
                 {{end}}
               {{end}}
@@ -95,8 +98,6 @@
           {{end}}
         </div>
       </div>
-        </div>
-      </div>
     </div>
     {{if len(tvseason.Recommendations) > 0 }}
       <section class="page-collection recommendations-collection" aria-label="{{i18n("meta_detail_recommendations_title")}}">