Add Category, Tag and Series taxonomies to theme (#307)

Co-authored-by: Chris Reddington <chredd@microsoft.com>
Co-authored-by: Matt Stratton <matt.stratton@hey.com>

19 files changed, 467 insertions, 9 deletions

diff --git a/layouts/category/list.html b/layouts/category/list.html
new file mode 100644
index 0000000..10f9e11
--- /dev/null
+++ b/layouts/category/list.html
@@ -0,0 +1,18 @@
+{{ define "main" }}
+
+<div class = "row">
+  <div class = "col-md-12">
+    <h1>Category: {{ .Title }}</h1>
+  </div>
+</div>
+{{ with .Content }}
+<div class = "row">
+  <div class = "col">
+    {{ . }}
+  </div>
+</div>
+{{- end -}}
+
+{{ partial "taxonomy-episodes.html" . }}
+
+{{ end }} 
diff --git a/layouts/category/terms.html b/layouts/category/terms.html
new file mode 100644
index 0000000..415a4d2
--- /dev/null
+++ b/layouts/category/terms.html
@@ -0,0 +1,18 @@
+{{ define "main" }}
+
+<div class = "row">
+  <div class = "col-md-12">
+    <h1>{{ .Site.Title }} Categories</h1>
+  </div>
+</div>
+{{ with .Content }}
+<div class = "row">
+  <div class = "col">
+    {{ . }}
+  </div>
+</div>
+{{- end -}}
+
+{{ partial "taxonomies.html" . }}
+
+{{ end }} 
diff --git a/layouts/episode/single.html b/layouts/episode/single.html
index b1ba058..cd57805 100644
--- a/layouts/episode/single.html
+++ b/layouts/episode/single.html
@@ -4,9 +4,9 @@
     <div class="col">
       <h1>{{ title .Title }}</h1>
       {{- if ne $.Params.upcoming true -}}
-        <small>Posted on {{ dateFormat "Monday, Jan 2, 2006" .Date }}</small>
+        <small>Posted on {{ dateFormat "Monday, Jan 2, 2006" .Date }} {{ partial "episode-metadata.html" .}}</small>
       {{- else -}}
-        <small>Scheduled for {{ dateFormat "Monday, Jan 2, 2006" .Date }}</small>
+        <small>Scheduled for {{ dateFormat "Monday, Jan 2, 2006" .Date }} {{ partial "episode-metadata.html" .}}</small>
       {{- end -}}
     </div>
   </div>
diff --git a/layouts/partials/categories.html b/layouts/partials/categories.html
new file mode 100644
index 0000000..16bbccc
--- /dev/null
+++ b/layouts/partials/categories.html
@@ -0,0 +1,8 @@
+{{ $taxonomy := "categories" }} {{ with .Param $taxonomy }}
+  {{ $len := (len .) }}
+  {{ range $index, $tag := . }}
+  {{ $urlTag := $tag | urlize }}
+  {{ with $.Site.GetPage (printf "/%s/%s" $taxonomy $urlTag) -}}
+  <a href="{{ .Permalink }}">{{ $tag }}</a>{{ cond (eq (add $index 1) $len) "" ", " }}
+  {{- end -}}{{- end -}}
+{{ end }} 
diff --git a/layouts/partials/episode-metadata.html b/layouts/partials/episode-metadata.html
new file mode 100644
index 0000000..71aa1e6
--- /dev/null
+++ b/layouts/partials/episode-metadata.html
@@ -0,0 +1,10 @@
+{{ $pageScope := . }}
+{{ with .Param "categories" }}
+    | Category: {{ partial "categories.html" $pageScope}}
+{{ end }}
+{{ with .Param "series" }}
+    | Series: {{ partial "series.html" $pageScope}}
+{{ end }}
+{{ with .Param "tags" }}
+    | {{ partial "tags.html" $pageScope}}
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/grid-taxonomy.html b/layouts/partials/grid-taxonomy.html
new file mode 100644
index 0000000..bfe0b17
--- /dev/null
+++ b/layouts/partials/grid-taxonomy.html
@@ -0,0 +1,117 @@
+<section class="episode-list">
+
+  <div class = "col episode-list-header">
+    <h2 class = "episode-list-header">All Episodes</h2>
+  </div>
+
+  <div class = "row">
+
+    {{ $paginator := .Paginator }}
+
+        {{ range $paginator.Pages }}
+        {{ $.Scratch.Set "episode" .File.BaseFileName }}
+          <div class="col-md-4 grid_episode_col">
+            <div class="episode-image-homepage">
+              <a href="{{ .Permalink }}">
+                  <img src="{{ .Params.episode_image | absURL }}" class="img-fluid" alt="{{ .Title }}" />
+
+
+
+              </a>
+            </div>
+            <div class="grid_episode_detail">
+              <a href="{{ .Permalink }}" class= "grid_episode_title"><h3>{{ title .Title }}</h3></a>
+              <small class = "grid_episode_title">Posted on {{ dateFormat "Monday, Jan 2, 2006" .Date }} {{ partial "episode-metadata.html" .}}</small>
+            </div>
+
+          </div>
+        {{ end }}
+
+
+  </div>
+
+</section>
+{{ if gt $paginator.TotalPages 1 }}
+<div class = "row">
+<div class = "col">
+
+
+<nav class="pagination justify-content-center">
+
+{{ $pag := $.Paginator }}
+{{ $window := $.Site.Params.paginateWindow | default 1 }}
+{{ if gt $pag.TotalPages 1 }}
+  {{ $total := $pag.TotalPages }}
+  {{ $size := add 5 (add $window $window) }}
+  {{ $cur := $pag.PageNumber }}
+  {{ if gt $total $size }}
+    {{ if lt $cur (sub $size (add $window 1)) }}
+      {{ $.Scratch.Set "show" (seq 1 (sub $size 2)) }}
+    {{ else if lt (sub $total $cur) (sub $size (add $window 2)) }}
+      {{ $.Scratch.Set "show" (seq (add (sub $total $size) 3) $total) }}
+    {{ else }}
+      {{ $.Scratch.Set "show" (seq (sub $cur $window) (add $cur $window)) }}
+    {{ end }}
+    {{ $.Scratch.Add "show" 1 }}
+    {{ $.Scratch.Add "show" $total }}
+  {{ else }}
+    {{ $.Scratch.Set "show" (seq 1 $total) }}
+  {{ end }}
+
+<ul class="pagination pagination-lg">
+	<!-- first page button -->
+  {{if $paginator.HasPrev }}
+    {{ if gt $paginator.PageNumber 2 }}
+        {{- with $paginator.First -}}
+        {{- $url := trim (string .URL) "/" | absURL -}}
+            <li class="page-item">
+            <a href="{{ $url }}" aria-label="First" class="page-link"><span aria-hidden="true">&laquo;&laquo;</span></a>
+            </li>
+        {{- end -}}
+    {{ end }}
+  {{ end }}
+
+
+  <!-- prev page button -->
+  {{- with $paginator.HasPrev -}}
+    	<li class="page-item">
+    		<a href="{{ $paginator.Prev.URL }}" class="page-link"> &laquo; </a>
+    	</li>
+  {{ end }}
+
+  <!-- page # buttons -->
+  {{ range $pag.Pagers }}
+    {{ $cur := .PageNumber }}
+    {{- $url := trim (string $.URL) "/" | absURL -}}
+    {{ if in ($.Scratch.Get "show") $cur }}
+      <li class = "{{ if eq . $pag }}active{{ end }} page-item"><a href="{{ .URL }}" class="page-link hidden-md-down">{{ .PageNumber }}</a></li>
+    {{ else if in (slice 2 (sub $total 1)) $cur }}
+      <li class="disabled page-item"><a name="" class="page-link hidden-md-down">&hellip;</a></li>
+    {{ end }}
+  {{ end }}
+
+  <!-- next page button -->
+  {{- with $paginator.HasNext -}}
+  <li class="page-item">
+    <a href="{{ $paginator.Next.URL }}" class="page-link"> &raquo; </a>
+  </li>
+  {{ end }}
+
+  <!-- last page button -->
+  {{ if lt $paginator.PageNumber (sub $paginator.TotalPages 1) }}
+    {{- with $paginator.Last -}}
+        {{- $url := trim (string .URL) "/" | absURL -}}
+            <li class="page-item">
+                <a href="{{ $url }}" aria-label="Last" class="page-link"><span aria-hidden="true">&raquo;&raquo;</span></a>
+            </li>
+    {{- end -}}
+  {{ end }}
+
+</ul>
+{{ end }}
+</nav>
+</div>
+</div>
+{{ end }}
+</div>
+</div>
diff --git a/layouts/partials/grid-upcoming.html b/layouts/partials/grid-upcoming.html
index 0807df8..4c72ea4 100644
--- a/layouts/partials/grid-upcoming.html
+++ b/layouts/partials/grid-upcoming.html
@@ -21,7 +21,7 @@
             </div>
             <div class="grid_episode_detail">
               <a href="{{ .Permalink }}" class= "grid_episode_title"><h3>{{ title .Title }}</h3></a>
-              <small class = "grid_episode_title">Scheduled for {{ dateFormat "Monday, Jan 2, 2006" .Date }}</small>
+              <small class = "grid_episode_title">Scheduled for {{ dateFormat "Monday, Jan 2, 2006" .Date }} {{ partial "episode-metadata.html" .}}</small>
             </div>
 
           </div>
diff --git a/layouts/partials/grid.html b/layouts/partials/grid.html
index cec0ac7..a369027 100644
--- a/layouts/partials/grid.html
+++ b/layouts/partials/grid.html
@@ -23,7 +23,7 @@
             </div>
             <div class="grid_episode_detail">
               <a href="{{ .Permalink }}" class= "grid_episode_title"><h3>{{ title .Title }}</h3></a>
-              <small class = "grid_episode_title">Posted on {{ dateFormat "Monday, Jan 2, 2006" .Date }}</small>
+              <small class = "grid_episode_title">Posted on {{ dateFormat "Monday, Jan 2, 2006" .Date }} {{ partial "episode-metadata.html" .}}</small>
             </div>
 
           </div>
diff --git a/layouts/partials/row-taxonomy.html b/layouts/partials/row-taxonomy.html
new file mode 100644
index 0000000..00f706a
--- /dev/null
+++ b/layouts/partials/row-taxonomy.html
@@ -0,0 +1,166 @@
+<section class="episode-list">
+<!-- rest of episodes -->
+{{- if (where site.RegularPages "Type" "in" site.Params.mainSections) -}}
+{{- $paginator := .Paginator }}
+{{- $list := .Paginator.Pages  -}}
+{{- $len := (len $list) -}}
+<div class="row main_container">
+{{- with .Site.Params.enable_jumbo -}}
+  {{- if eq . "true" -}}
+    <div class = "col">
+  {{- else -}}
+    <div class="col-md-8">
+  {{- end -}}
+{{- else -}}
+  <div class="col-md-8">
+{{- end -}}
+    {{- range $paginator.Pages -}}
+    {{- with .Params.truncate -}}
+      {{- $.Scratch.Set "truncate" . }}
+    {{- else -}}
+      {{- with .Site.Params.truncate -}}
+        {{- $.Scratch.Set "truncate" . }}
+      {{- else -}}
+        {{- $.Scratch.Set "truncate" 600 -}}
+      {{- end -}}
+    {{- end -}}
+      <div class = "row homepage_episode_row">
+        <div class = "col-md-12">
+          <a href="{{ .Permalink }}" class= "grid_episode_title"><h3 class= "grid_episode_title">{{ .Title }}</h3></a>          
+          <small>Posted on {{ dateFormat "Monday, Jan 2, 2006" .Date }} {{ partial "episode-metadata.html" .}}</small>
+        </div>
+      </div>
+      <div class = "row homepage_episode_row">
+      {{- if .Params.episode_image -}}
+          <div class = "col-md-4">
+            <a href="{{ .Permalink }}"><img class = "img-fluid" src = "{{ .Params.episode_image | absURL }}" /></a>
+          </div>
+          <div class = "col-md-8">
+          {{- if ge (countrunes .Description ) ($.Scratch.Get "truncate") -}}
+            <p class = "hompage_episode_description">{{ .Description | markdownify | truncate ($.Scratch.Get "truncate") " "}}&nbsp;<small><a href = "{{ .Permalink }}">Read More</a></small></p>
+          {{- else -}}
+            <p class = "hompage_episode_description">{{ .Description | markdownify }}</p>
+          {{- end -}}
+          </div>
+        {{- else -}}
+          <div class = "col">
+          {{- if ge (countrunes .Description ) ($.Scratch.Get "truncate") -}}
+            <p class = "hompage_episode_description">{{ .Description | markdownify | truncate ($.Scratch.Get "truncate") " "}}&nbsp;<small><a href = "{{ .Permalink }}">Read More</a></small></p>
+          {{- else -}}
+            <p class = "hompage_episode_description">{{ .Description | markdownify }}</p>
+          {{- end -}}
+          </div>
+        {{- end -}}
+      </div>
+      {{- with .Params.podcast_file -}}
+        <div class = "row homepage_episode_row">
+          <div class = "col-md-12 player_row">
+            <audio src="{{ $.Site.Params.media_prefix }}{{ . }}" preload="auto" />
+          </div>
+        </div>
+      {{- end -}}
+
+    {{- end -}}
+</div>
+
+
+{{- if isset .Site.Params "enable_jumbo" -}}
+  {{- if ne .Site.Params.enable_jumbo "true" -}}
+    <div class="col-md-4 sidebar_col">
+      {{- partial "sidebar.html" . -}}
+    </div>
+  {{- end -}}
+{{- else -}}
+  <div class="col-md-4 sidebar_col">
+    {{- partial "sidebar.html" . -}}
+  </div>
+{{- end -}}
+
+</div>
+<div class="row">
+<div class="col-md-12">
+{{- if gt $paginator.TotalPages 1 -}}
+<div class = "row">
+<div class = "col">
+
+
+<nav class="pagination justify-content-center">
+
+{{ $pag := $.Paginator }}
+{{ $window := $.Site.Params.paginateWindow | default 1 }}
+{{ if gt $pag.TotalPages 1 }}
+  {{ $total := $pag.TotalPages }}
+  {{ $size := add 5 (add $window $window) }}
+  {{ $cur := $pag.PageNumber }}
+  {{ if gt $total $size }}
+    {{ if lt $cur (sub $size (add $window 1)) }}
+      {{ $.Scratch.Set "show" (seq 1 (sub $size 2)) }}
+    {{ else if lt (sub $total $cur) (sub $size (add $window 2)) }}
+      {{ $.Scratch.Set "show" (seq (add (sub $total $size) 3) $total) }}
+    {{ else }}
+      {{ $.Scratch.Set "show" (seq (sub $cur $window) (add $cur $window)) }}
+    {{ end }}
+    {{ $.Scratch.Add "show" 1 }}
+    {{ $.Scratch.Add "show" $total }}
+  {{ else }}
+    {{ $.Scratch.Set "show" (seq 1 $total) }}
+  {{ end }}
+
+<ul class="pagination pagination-lg">
+	<!-- first page button -->
+  {{if $paginator.HasPrev }}
+    {{ if gt $paginator.PageNumber 2 }}
+        {{- with $paginator.First -}}
+        {{- $url := trim (string .URL) "/" | absURL -}}
+            <li class="page-item">
+            <a href="{{ $url }}" aria-label="First" class="page-link"><span aria-hidden="true">&laquo;&laquo;</span></a>
+            </li>
+        {{- end -}}
+    {{ end }}
+  {{ end }}
+
+
+  <!-- prev page button -->
+  {{- with $paginator.HasPrev -}}
+    	<li class="page-item">
+    		<a href="{{ $paginator.Prev.URL }}" class="page-link"> &laquo; </a>
+    	</li>
+  {{ end }}
+
+  <!-- page # buttons -->
+  {{ range $pag.Pagers }}
+    {{ $cur := .PageNumber }}
+    {{- $url := trim (string .URL) "/" | absURL -}}
+    {{ if in ($.Scratch.Get "show") $cur }}
+      <li class = "{{ if eq . $pag }}active{{ end }} page-item"><a href="{{ .URL }}" class="page-link hidden-md-down">{{ .PageNumber }}</a></li>
+    {{ else if in (slice 2 (sub $total 1)) $cur }}
+      <li class="disabled page-item"><a name="" class="page-link hidden-md-down">&hellip;</a></li>
+    {{ end }}
+  {{ end }}
+
+  <!-- next page button -->
+  {{- with $paginator.HasNext -}}
+  <li class="page-item">
+    <a href="{{ $paginator.Next.URL }}" class="page-link"> &raquo; </a>
+  </li>
+  {{ end }}
+
+  <!-- last page button -->
+  {{ if lt $paginator.PageNumber (sub $paginator.TotalPages 1) }}
+    {{- with $paginator.Last -}}
+        {{- $url := trim (string .URL) "/" | absURL -}}
+            <li class="page-item">
+                <a href="{{ $url }}" aria-label="Last" class="page-link"><span aria-hidden="true">&raquo;&raquo;</span></a>
+            </li>
+    {{- end -}}
+  {{ end }}
+</ul>
+{{ end }}
+</nav>
+</div>
+</div>
+{{- end -}}
+</div>
+{{- end -}}
+</div>
+</div> <!-- end section -->
diff --git a/layouts/partials/row-upcoming.html b/layouts/partials/row-upcoming.html
index ee801a9..5ddacdf 100644
--- a/layouts/partials/row-upcoming.html
+++ b/layouts/partials/row-upcoming.html
@@ -27,7 +27,7 @@
       <div class = "row homepage_episode_row">
         <div class = "col-md-12">
           <a href="{{ .Permalink }}" class= "grid_episode_title"><h3 class= "grid_episode_title">{{ .Title }}</h3></a>
-          <small>Scheduled for {{ dateFormat "Monday, Jan 2, 2006" .Date }}</small>
+          <small>Scheduled for {{ dateFormat "Monday, Jan 2, 2006" .Date }} {{ partial "episode-metadata.html" .}}</small>
         </div>
       </div>
       <div class = "row homepage_episode_row">
diff --git a/layouts/partials/row.html b/layouts/partials/row.html
index 3c8389c..da92323 100644
--- a/layouts/partials/row.html
+++ b/layouts/partials/row.html
@@ -34,7 +34,7 @@
       <div class = "row homepage_episode_row">
         <div class = "col">
           <a href="{{ .Permalink }}" class = "row_latest_episode_title"><h2>{{ .Title }}</h2></a>
-          <small>Posted on {{ dateFormat "Monday, Jan 2, 2006" .Date }}</small>
+          <small>Posted on {{ dateFormat "Monday, Jan 2, 2006" .Date }} {{ partial "episode-metadata.html" .}}</small>
         </div>
       </div>
       <div class = "row homepage_episode_row">
@@ -53,7 +53,7 @@
       <div class = "row homepage_episode_row">
         <div class = "col">
           <a href="{{ .Permalink }}" class = "row_latest_episode_title"><h2>{{ .Title }}</h2></a>
-          <small>Posted on {{ dateFormat "Monday, Jan 2, 2006" .Date }}</small>
+          <small>Posted on {{ dateFormat "Monday, Jan 2, 2006" .Date }} {{ partial "episode-metadata.html" .}}</small>
         </div>
       </div>
       <div class = "row homepage_episode_row">
@@ -71,7 +71,7 @@
     <div class = "row homepage_episode_row">
       <div class = "col-md-12">
         <a href="{{ .Permalink }}" class = "row_latest_episode_title"><h2>{{ .Title }}</h2></a>
-        <small>Posted on {{ dateFormat "Monday, Jan 2, 2006" .Date }}</small>
+        <small>Posted on {{ dateFormat "Monday, Jan 2, 2006" .Date }} {{ partial "episode-metadata.html" .}}</small>
       </div>
     </div>
     {{- if .Params.episode_image -}}
@@ -139,7 +139,7 @@
       <div class = "row homepage_episode_row">
         <div class = "col-md-12">
           <a href="{{ .Permalink }}" class= "grid_episode_title"><h3 class= "grid_episode_title">{{ .Title }}</h3></a>
-          <small>Posted on {{ dateFormat "Monday, Jan 2, 2006" .Date }}</small>
+          <small>Posted on {{ dateFormat "Monday, Jan 2, 2006" .Date }} {{ partial "episode-metadata.html" .}}</small>
         </div>
       </div>
       <div class = "row homepage_episode_row">
diff --git a/layouts/partials/series.html b/layouts/partials/series.html
new file mode 100644
index 0000000..4001838
--- /dev/null
+++ b/layouts/partials/series.html
@@ -0,0 +1,8 @@
+{{ $taxonomy := "series" }} {{ with .Param $taxonomy }}
+  {{ $len := (len .) }}
+  {{ range $index, $tag := . }}
+  {{ $urlTag := $tag | urlize }}
+  {{ with $.Site.GetPage (printf "/%s/%s" $taxonomy $urlTag) -}}
+  <a href="{{ .Permalink }}">{{ $tag }}</a>{{ cond (eq (add $index 1) $len) "" ", " }}
+  {{- end -}}{{- end -}}
+{{ end }} 
diff --git a/layouts/partials/tags.html b/layouts/partials/tags.html
new file mode 100644
index 0000000..06eeb37
--- /dev/null
+++ b/layouts/partials/tags.html
@@ -0,0 +1,8 @@
+{{ $taxonomy := "tags" }} {{ with .Param $taxonomy }}
+  {{ $len := (len .) }}
+  {{ range $index, $tag := . }}
+  {{ $urlTag := $tag | urlize }}
+  {{ with $.Site.GetPage (printf "/%s/%s" $taxonomy $urlTag) -}}
+  <a href="{{ .Permalink }}">{{ $tag }}</a>{{ cond (eq (add $index 1) $len) "" ", " }}
+  {{- end -}}{{- end -}}
+{{ end }} 
diff --git a/layouts/partials/taxonomies.html b/layouts/partials/taxonomies.html
new file mode 100644
index 0000000..53452ae
--- /dev/null
+++ b/layouts/partials/taxonomies.html
@@ -0,0 +1,24 @@
+<div class = "row">
+  <div class = "col-md-12">
+      {{ $type := .Type }}
+      {{ range $key, $value := .Data.Terms.Alphabetical }}
+      {{ $name := .Name }}
+      {{ $count := .Count }}
+      {{ $firstChild := index .Pages 0}}
+      {{ $firstImage := index ($firstChild.Params.images) 0}}
+      <div class="row person_row">
+        <div class="col-md-4">          
+          {{ with $.Site.GetPage (printf "/%s/%s" $type $name) }}
+          <a href="{{ .Page.Permalink }}"><img src="{{ $firstImage | absURL }}" alt="{{ .Title }}" class="img-fluid"></a>
+          {{ end }}
+        </div> 
+      <div class= "col-md-8">
+        {{ with $.Site.GetPage (printf "/%s/%s" $type $name) }}
+          <h3><a href="{{ .Permalink }}">{{ .Title }}</a> </h3>
+        {{ end }}
+        <p>{{ $count }} episode{{ if ne $count 1 }}s{{ end }}</p>
+      </div>  
+    </div>
+      {{ end }}
+  </div>
+</div>
diff --git a/layouts/partials/taxonomy-episodes.html b/layouts/partials/taxonomy-episodes.html
new file mode 100644
index 0000000..3517976
--- /dev/null
+++ b/layouts/partials/taxonomy-episodes.html
@@ -0,0 +1,9 @@
+{{ if isset $.Site.Params "site_layout" }}
+  {{ if eq $.Site.Params.site_layout "grid" }}
+    {{- partial "grid-taxonomy.html" . }}
+  {{ else }}
+    {{- partial "row-taxonomy.html" . }}
+  {{ end }}
+{{ else }}
+  {{- partial "row-taxonomy.html" . }}
+{{ end }} 
diff --git a/layouts/series/list.html b/layouts/series/list.html
new file mode 100644
index 0000000..4c142f0
--- /dev/null
+++ b/layouts/series/list.html
@@ -0,0 +1,18 @@
+{{ define "main" }}
+
+<div class = "row">
+  <div class = "col-md-12">
+    <h1>Series: {{ .Title }}</h1>
+  </div>
+</div>
+{{ with .Content }}
+<div class = "row">
+  <div class = "col">
+    {{ . }}
+  </div>
+</div>
+{{- end -}}
+
+{{ partial "taxonomy-episodes.html" . }}
+
+{{ end }} 
diff --git a/layouts/series/terms.html b/layouts/series/terms.html
new file mode 100644
index 0000000..d60df43
--- /dev/null
+++ b/layouts/series/terms.html
@@ -0,0 +1,18 @@
+{{ define "main" }}
+
+<div class = "row">
+  <div class = "col-md-12">
+    <h1>{{ .Site.Title }} Series</h1>
+  </div>
+</div>
+{{ with .Content }}
+<div class = "row">
+  <div class = "col">
+    {{ . }}
+  </div>
+</div>
+{{- end -}}
+
+{{ partial "taxonomies.html" . }}
+
+{{ end }} 
diff --git a/layouts/tag/list.html b/layouts/tag/list.html
new file mode 100644
index 0000000..5d84d28
--- /dev/null
+++ b/layouts/tag/list.html
@@ -0,0 +1,18 @@
+{{ define "main" }}
+
+<div class = "row">
+  <div class = "col-md-12">
+    <h1>Tag: {{ .Title }}</h1>
+  </div>
+</div>
+{{ with .Content }}
+<div class = "row">
+  <div class = "col">
+    {{ . }}
+  </div>
+</div>
+{{- end -}}
+
+{{ partial "taxonomy-episodes.html" . }}
+
+{{ end }} 
diff --git a/layouts/tag/terms.html b/layouts/tag/terms.html
new file mode 100644
index 0000000..5d6d15f
--- /dev/null
+++ b/layouts/tag/terms.html
@@ -0,0 +1,18 @@
+{{ define "main" }}
+
+<div class = "row">
+  <div class = "col-md-12">
+    <h1>{{ .Site.Title }} Tags</h1>
+  </div>
+</div>
+{{ with .Content }}
+<div class = "row">
+  <div class = "col">
+    {{ . }}
+  </div>
+</div>
+{{- end -}}
+
+{{ partial "taxonomies.html" . }}
+
+{{ end }}