Deploy latest changes from develop

themes/jb/assets/css/layout/show-slider.scss

@@ -1,7 +1,7 @@
 
 .show-img {
- height: 168px !important;
- width: 300px !important
+//  height: 170px !important;
+//  width: 303px !important
 }
 
 .show-card {
@@ -11,14 +11,56 @@
 .show-slider {
   margin-bottom: 2rem;
   display: block;
+  border-radius: 12px;
 }
 
+.swiper-button-prev,
+.swiper-button-next {
+  top: 0;
+  width: 50px;
+  margin-top: 0;
+  height: 100%;
+
+  &.swiper-button-disabled:before {
+    display: none;
+  }
+}
 .swiper-button-prev {
   color: white;
+  left: 0;
+
+  &:before {
+    content: '';
+    background: linear-gradient(90deg, #333333dd, transparent);
+    inset: 0;
+    position: absolute;
+    z-index: -1;
+    opacity: .75;
+    transition: opacity .5s ease-in-out;
+
+  }
+  &:hover:before {
+    opacity: 1;
+  }
 }
 
 .swiper-button-next {
   color: white;
+  right: 0;
+
+  &:before {
+    content: '';
+    background: linear-gradient(-90deg, #333333dd, transparent);
+    inset: 0;
+    position: absolute;
+    z-index: -1;
+    opacity: .75;
+    transition: opacity .5s ease-in-out;
+
+  }
+  &:hover:before {
+    opacity: 1;
+  }
 }
 
 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {

themes/jb/assets/css/main.sass

@@ -7,3 +7,10 @@
 @import "helpers/_all"
 #wrapper
   padding-top: 4rem
+
+.host-list .columns
+  @include until(600px)
+    display: grid
+    grid-template-columns: repeat(2, 1fr)
+    .column:first-child:last-child
+      grid-column: 1 / span 2

themes/jb/layouts/_default/terms.html

@@ -14,7 +14,7 @@ <h1 class="title">{{.Title}}</h1>
       {{ range sort .Site.Taxonomies.tags }}
       <span class="tag">
         <!-- urlquery found here: https://discourse.gohugo.io/t/url-encoding-percent-encoding-with-hugo/16546/13 -->
-        <a href="{{ .Page.Permalink }}">{{ .Page.Title }} ({{ .Count }})</a>
+        <a href='{{ replace .Page.Permalink "#" "%23" }}'>{{ .Page.Title }} ({{ .Count }})</a>
         </span>
 
       {{ end }}

themes/jb/layouts/episode/single.html

@@ -39,8 +39,8 @@ <h6 style="font-style: italic">{{ .Date.Day }}  {{ .Date.Month }} {{ .Date.Year
       <div class="tile is-ancestor mt-5">
         <div class="tile is-parent is-vertical is-8">
           <!-- Hosts Section -->
-          <div class="tile is-child mb-5 columns is-multiline is-flex-grow-0">
-            <div class="column">
+          <div class="tile is-child mb-5 columns is-multiline is-flex-grow-0 hosts">
+            <div class="column px-0">
               <h2 class="has-text-centered-mobile">Hosts</h2>
               <section class="section host-list">
                 <div class="columns is-narrow">
@@ -53,7 +53,7 @@ <h2 class="has-text-centered-mobile">Hosts</h2>
                 </div>
               </section>
             </div>
-            <div class="column">
+            <div class="column px-0">
               {{ with .Params.guests }}
               <h2 class="has-text-centered-mobile">Guests</h2>
               <section class="section host-list">
@@ -71,20 +71,37 @@ <h2 class="has-text-centered-mobile">Guests</h2>
             {{ end }}
             </div>
           </div>
+          <!-- Sponsors: will be shown on mobile to promote sponsors -->
+          <div class="tile is-child columns is-flex-grow-0 is-hidden-tablet">
+            <div class="column px-0">
+              {{ with .Params.sponsors }}
+                <h2>Sponsors</h2>
+                <section class="section px-0 sponsor-list">
+                  {{ range . }}
+                    {{ $sponsor := index (where (where site.Pages "Section" "sponsors") "Params.shortname" .) 0 }}
+                    {{ if $sponsor }}
+                      {{ partial "sponsor/small.html" $sponsor }}
+                      <br />
+                    {{ end }}
+                  {{ end }}
+                </section>
+              {{ end }}
+            </div>
+          </div>
           <!-- Episode Links -->
           <div class="tile is-child columns is-flex-grow-0">
-            <div class="column">
+            <div class="column px-0">
               {{ .Content }}
             </div>
           </div>
         </div>
         <div class="tile is-parent is-vertical is-4">
-          <!-- Sponsors -->
-          <div class="tile is-child columns is-flex-grow-0">
-            <div class="column">
+          <!-- Sponsors: will hide on mobile so sponsors can be shown above episode links -->
+          <div class="tile is-child columns is-flex-grow-0 is-hidden-mobile">
+            <div class="column px-0">
               {{ with .Params.sponsors }}
                 <h2>Sponsors</h2>
-                <section class="section sponsor-list">
+                <section class="section px-0 sponsor-list">
                   {{ range . }}
                     {{ $sponsor := index (where (where site.Pages "Section" "sponsors") "Params.shortname" .) 0 }}
                     {{ if $sponsor }}

themes/jb/layouts/show/list.html

@@ -41,7 +41,7 @@ <h1 class="title">{{.Title}}</h1>
         {{.Content}}
         {{ partial "show/links.html" . }}
       </div>
-      <div class="column is-half">
+      <div class="column is-half host-list">
         <h2 class="subtitle has-text-centered-mobile">Your Hosts</h2>
         <div class="columns is-multiline">
         {{ $currentPeopleSlice := where $peoplePages "Params.username" "in" .Params.hosts }}