cach-radio/inc/themes/castanet/layouts/episode/single.html

391 lines
15 KiB
HTML

{{ define "main" }}
<div class="row">
<div class="col">
{{ if and (isset .Site.Params "episode_number_style") (.Params.episode) }}
{{ if eq .Site.Params.episode_number_style "parens" }}
<h1>{{ title .Title }} ({{ with .Site.Params.episode_number_prefix }}{{ . }}{{ end }}{{ .Params.episode }})</h1>
{{ else if eq .Site.Params.episode_number_style "brackets" }}
<h1>{{ title .Title }} [{{ with .Site.Params.episode_number_prefix }}{{ . }}{{ end }}{{ .Params.episode }}]</h1>
{{ else if eq .Site.Params.episode_number_style "dash" }}
<h1>{{ title .Title }} - {{ with .Site.Params.episode_number_prefix }}{{ . }}{{ end }}{{ .Params.episode }}</h1>
{{ else }}
<h1>{{ title .Title }}</h1>
{{ end }}
{{ else }}
<h1>{{ title .Title }}</h1>
{{ end }}
{{- if ne $.Params.upcoming true -}}
<small>Posted on {{ dateFormat "Monday, Jan 2, 2006" .Date }} {{ partial "episode-metadata.html" .}}</small>
{{- else -}}
<small>Scheduled for {{ dateFormat "Monday, Jan 2, 2006" .Date }} {{ partial "episode-metadata.html" .}}</small>
{{- end -}}
</div>
</div>
{{ if isset .Params "episode_banner" }}
{{ if ne .Params.episode_banner "" }}
<div class = "row">
<div class = "col">
<img src="{{ .Params.episode_banner | absURL }}" class="img-fluid episode_image"/>
</div>
</div>
<div class = "row">
<div class = "col">
{{ .Description | markdownify }}
</div>
</div>
{{ end }}
{{ else }}
<!-- begin square row -->
{{- if isset .Params "episode_image" -}}
{{- if ne .Params.episode_image "" -}}
<div class="row">
<div class="col-md-3">
<img src="{{ .Params.episode_image | absURL }}" class="img-fluid episode_image"/>
</div>
<div class="col-md-8">
{{ .Description | markdownify }}
</div>
</div>
{{- end -}}
{{- else -}}
<div class="row">
<div class="col">
{{ .Description | markdownify }}
</div>
</div>
{{- end -}}
<!-- end square row -->
{{ end }}
{{- with .Params.podcast_file -}}
{{- if ne $.Params.upcoming true -}}
<div class="row">
<div class="col-md-12 player_row">
<audio id="player2" style="width: 100%" controls preload="none">
<source src="{{ $.Site.Params.media_prefix }}{{ . }}" type="audio/mp3">
</audio>
</div>
</div>
{{- end -}}
{{- end -}}
{{- with .Params.youtube -}}
{{- if ne $.Params.upcoming true -}}
<div class = "row youtube_row">
<div class = "col">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="//www.youtube.com/embed/{{ . }}" allowfullscreen></iframe>
</div>
</div>
</div>
{{- end -}}
{{- end -}}
<!-- transcript POC begin-->
{{- with .Params.transcript -}}
<p>
<!-- <a class="btn btn-default" href="/"><i class="fab fa-spotify"></i>&nbsp;Spotify</a> -->
<button class="hide_transcript btn btn-secondary">Hide Transcript</button>
<button class="show_transcript btn btn-secondary">Display Transcript</button>
</p>
<div class="row transcript">
<div class="col-md-12">
<h2>Transcript</h2>
{{ (readFile .) | markdownify}}
</div>
</div>
{{- end -}}
<!-- transcript POC end -->
<div class="row">
<div class="col">
<h2>Show Notes</h2>
{{ .Content }}
</div>
</div>
{{ with .Params.guests }}
<div class="row">
<div class="col">
<h2>Guests</h2>
</div>
</div>
{{ range $name := . }}
{{ $.Scratch.Set "person" $name }}
{{- range where $.Site.Pages "Type" "guest" -}}
{{- if eq .File.BaseFileName ($.Scratch.Get "person") -}}
{{- $.Scratch.Set "guest-exist" "true" -}}
<div class="row person_row">
<div class="col-md-3">
{{- if and (isset .Params "thumbnail") (ne .Params.thumbnail "") -}}
{{- if (eq (slicestr .Params.thumbnail 0 4) "http") -}}
<img alt="{{ .Title }}" src="{{ .Params.thumbnail }}" class="img-fluid" width="250px">
{{- else -}}
<img alt="{{ .Title }}" src="{{ .Params.thumbnail | absURL}}" class="img-fluid" width="250px">
{{- end -}}
{{- else -}}
<img alt="{{ .Title }}" src="{{ "img/guest/default-guest.png" | absURL }}" class="img-fluid" width="250px"/>
{{- end -}}
</div>
<div class="col-md-8">
<h2><a href = "{{(printf "guest/%s/" .File.BaseFileName) | absURL }}">{{ .Title }}</a> {{ with .Params.Pronouns }}({{ . }}){{ end }}</h2>
{{ .Content }}
{{- with .Params.Website -}}
<a href="{{ . }}">
<i class="fas fa-home fa-2x"></i>
</a>
{{- end -}}
{{- with .Params.Twitter -}}
<a href="https://twitter.com/{{ . }}">
<i class="fab fa-twitter-square fa-2x"></i>
</a>
{{- end -}}
{{- with .Params.GitHub -}}
<a href="https://github.com/{{ . }}">
<i class="fab fa-github-square fa-2x"></i>
</a>
{{- end -}}
{{- with .Params.LinkedIn -}}
<a href="https://www.linkedin.com/in/{{ . }}/">
<i class="fab fa-linkedin fa-2x"></i>
</a>
{{- end -}}
{{- with .Params.Facebook -}}
<a href="https://www.facebook.com/{{ . }}">
<i class="fab fa-facebook-square fa-2x"></i>
</a>
{{- end -}}
{{- with .Params.Pinterest -}}
<a href="https://www.pinterest.com/{{ . }}">
<i class="fab fa-pinterest-square fa-2x"></i>
</a>
{{- end -}}
{{- with .Params.Instagram -}}
<a href="https://www.instagram.com/{{ . }}">
<i class="fab fa-instagram fa-2x"></i>
</a>
{{- end -}}
{{- with .Params.YouTube -}}
<a href="https://www.youtube.com/{{ . }}">
<i class="fab fa-youtube-square fa-2x"></i>
</a>
{{- end -}}
{{- with .Params.Twitch -}}
<a href="https://twitch.tv/{{ . }}">
<i class="fab fa-twitch fa-2x"></i>
</a>
{{- end -}}
</div>
</div>
{{- $.Scratch.Set "guest-exist" "false" -}}
{{- end -}}
{{- end -}}
{{- if ne ($.Scratch.Get "guest-exist") "true" -}}
{{- if (isset $.Site.Data.guests ($.Scratch.Get "person")) -}}
{{- $p := (index $.Site.Data.guests ($.Scratch.Get "person")) -}}
<div class="row person_row">
<div class="col-md-3">
{{- if and (isset $p "thumbnail") (ne $p.thumbnail "") -}}
{{- if (eq (slicestr $p.thumbnail 0 4) "http") -}}
<img alt = "{{ $p.full_name }}" src = "{{ $p.thumbnail}}" class="img-fluid" width = "250px">
{{- else -}}
<img alt = "{{ $p.full_name }}" src = "{{ $p.thumbnail | absURL }}" class="img-fluid" width = "250px">
{{- end -}}
{{- else -}}
<img alt = "{{ $p.full_name }}" src = "{{ "img/guest/default-guest.png" | absURL }}" class="img-fluid" width = "250px" />
{{- end -}}
</div>
<div class= "col-md-8">
<h2>{{ $p.full_name }}</h2>
{{- if isset $p "bio" -}}
<p>{{ $p.bio | markdownify }}</p>
{{ end }}
{{ if isset $p "homepage" }}
<a href = "{{ $p.homepage}}"><i class="fas fa-home fa-2x"></i></a>
{{ end }}
{{ if isset $p "twitter" }}
<a href = "https://twitter.com/{{ $p.Twitter }}"><i class="fab fa-twitter-square fa-2x"></i></a>
{{ end }}
{{ if isset $p "github"}}
<a href = "https://github.com/{{ $p.GitHub}}"><i class="fab fa-github-square fa-2x"></i></a>
{{ end }}
{{ if isset $p "linkedin" }}
<a href = "https://www.linkedin.com/in/{{ $p.LinkedIn}}/"><i class="fab fa-linkedin-square fa-2x"></i></a>
{{ end }}
{{ if isset $p "facebook" }}
<a href = "{{ $p.Facebook}}"><i class="fab fa-facebook-square fa-2x"></i></a>
{{ end }}
</div>
</div>
{{ end }}
{{ end }}
{{ end }}
{{ end }}
{{ with .Params.hosts }}
<div class="row">
<div class="col">
<h2>Hosts</h2>
</div>
</div>
{{ range $name := . }}
{{ $.Scratch.Set "person" $name }}
{{- range where $.Site.Pages "Type" "host" -}}
{{- if eq .File.BaseFileName ($.Scratch.Get "person") -}}
{{- $.Scratch.Set "host-exist" "true" -}}
<div class="row person_row">
<div class="col-md-3">
{{- if and (isset .Params "thumbnail") (ne .Params.thumbnail "") -}}
{{- if (eq (slicestr .Params.thumbnail 0 4) "http") -}}
<img alt="{{ .Title }}" src="{{ .Params.thumbnail }}" class="img-fluid" width="250px">
{{- else -}}
<img alt="{{ .Title }}" src="{{ .Params.thumbnail | absURL}}" class="img-fluid" width="250px">
{{- end -}}
{{- else -}}
<img alt="{{ .Title }}" src="{{ "img/host/default-host.png" | absURL }}" class="img-fluid" width="250px"/>
{{- end -}}
</div>
<div class="col-md-8">
<h2><a href = "{{(printf "host/%s/" .File.BaseFileName) | absURL }}">{{ .Title }}</a> {{ with .Params.Pronouns }}({{ . }}){{ end }}</h2>
{{ .Content }}
{{- with .Params.Website -}}
<a href="{{ . }}">
<i class="fas fa-home fa-2x"></i>
</a>
{{- end -}}
{{- with .Params.Twitter -}}
<a href="https://twitter.com/{{ . }}">
<i class="fab fa-twitter-square fa-2x"></i>
</a>
{{- end -}}
{{- with .Params.GitHub -}}
<a href="https://github.com/{{ . }}">
<i class="fab fa-github-square fa-2x"></i>
</a>
{{- end -}}
{{- with .Params.LinkedIn -}}
<a href="https://www.linkedin.com/in/{{ . }}/">
<i class="fab fa-linkedin fa-2x"></i>
</a>
{{- end -}}
{{- with .Params.Facebook -}}
<a href="https://www.facebook.com/{{ . }}">
<i class="fab fa-facebook-square fa-2x"></i>
</a>
{{- end -}}
{{- with .Params.Pinterest -}}
<a href="https://www.pinterest.com/{{ . }}">
<i class="fab fa-pinterest-square fa-2x"></i>
</a>
{{- end -}}
{{- with .Params.Instagram -}}
<a href="https://www.instagram.com/{{ . }}">
<i class="fab fa-instagram fa-2x"></i>
</a>
{{- end -}}
{{- with .Params.YouTube -}}
<a href="https://www.youtube.com/{{ . }}">
<i class="fab fa-youtube-square fa-2x"></i>
</a>
{{- end -}}
{{- with .Params.Twitch -}}
<a href="https://twitch.tv/{{ . }}">
<i class="fab fa-twitch fa-2x"></i>
</a>
{{- end -}}
</div>
</div>
{{- $.Scratch.Set "host-exist" "false" -}}
{{- end -}}
{{- end -}}
{{ end }}
{{ end }}
<!-- begin sponsor section -->
{{- with .Params.sponsors -}}
<hr />
{{- end -}}
{{ range $sponsor :=.Params.sponsors }}
{{ if isset $.Site.Data.sponsors $sponsor }}
{{ $s := (index $.Site.Data.sponsors $sponsor) }}
<div><a href = "{{ $s.url | absURL }}"><img alt = "{{ $sponsor }}" src = "{{ $s.ad | absURL }}" class="img-fluid"></a></div><br />
{{end}}
{{end}}
{{- with .Params.sponsors -}}
<hr />
{{- end -}}
<!-- end sponsor section -->
<div class="row">
<!-- sharing begins -->
<div class="col-md-12">
<div id="share"></div>
</div>
</div>
<!-- sharing ends -->
{{ with .Site.Params.disqusShortname }}
<!-- disqus begins -->
<div class="row">
<div class="col-md-12">
{{ partial "disqus.html" }}
</div>
</div>
<!-- disqus ends -->
{{ end }}
{{ with .Site.Params.giscus }}
<!-- giscus begins -->
<hr />
<div class="row">
<div class="col-md-12">
{{ partial "giscus.html" }}
</div>
</div>
{{ end }}
<!-- giscus ends -->
<div class="row">
<!-- pager begin -->
<div class="col-md-12">
<nav>
<ul class="pagination">
{{ if .PrevInSection }}
<li class="page-item">
<a href="{{.PrevInSection.Permalink}}" class="page-link">
<span aria-hidden="true">&larr;</span>
Previous</a>
</li>
{{ else }}
<li class="page-item disabled">
<a href="#" class="page-link">
<span aria-hidden="true">&larr;</span>
Previous</a>
</li>
{{ end }}
{{ if .NextInSection }}
<li class="page-item">
<a href="{{.NextInSection.Permalink}}" class="page-link">Next
<span aria-hidden="true">&rarr;</span>
</a>
</li>
{{ else }}
<li class="page-item disabled">
<a href="#" class="page-link">Next
<span aria-hidden="true">&rarr;</span>
</a>
</li>
{{ end }}
</ul>
</nav>
</div>
</div>
<!-- pager end -->
{{ end }}