391 lines
15 KiB
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> 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">←</span>
|
||
|
|
Previous</a>
|
||
|
|
</li>
|
||
|
|
{{ else }}
|
||
|
|
<li class="page-item disabled">
|
||
|
|
<a href="#" class="page-link">
|
||
|
|
<span aria-hidden="true">←</span>
|
||
|
|
Previous</a>
|
||
|
|
</li>
|
||
|
|
{{ end }}
|
||
|
|
{{ if .NextInSection }}
|
||
|
|
<li class="page-item">
|
||
|
|
<a href="{{.NextInSection.Permalink}}" class="page-link">Next
|
||
|
|
<span aria-hidden="true">→</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
{{ else }}
|
||
|
|
<li class="page-item disabled">
|
||
|
|
<a href="#" class="page-link">Next
|
||
|
|
<span aria-hidden="true">→</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
{{ end }}
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- pager end -->
|
||
|
|
{{ end }}
|