layouts/episode/single.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104

{{ define "main" }}

  <div class = "row">
    <div class = "col-md-12">
      <h1>{{ title .Title }}</h1>
    </div>
  </div>

  <div class = "row">
    <div class = "col-md-3">
      <img src = "{{ .Params.episode_image }}" class="img-fluid episode_image" />
    </div>
      <div class = "col-md-8">
        {{ .Description | markdownify }}
      </div>
    </div>
    <div class = "row">
      <div class = "col-md-12 player_row">
        <audio src="{{ .Site.Params.media_prefix }}{{ .Params.podcast_file }}" preload="auto" />
      </div>
    </div>
  <div class = "row">
    <div class = "col-md-12">
      <h2>Show Notes</h2>
      {{ .Content }}
    </div>
  </div>
  {{ if .Params.guests }}
    <div class = "row"><!-- guests begin -->
      <div class = "col-md-12">
        <h2>Guests</h2>
      </div>
      <div class = "col-md-12">
        {{ range $person :=.Params.guests }}
        {{ if (isset $.Site.Data.guests $person) }}
          {{ $p :=  (index $.Site.Data.guests $person) }}
            <div class="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-responsive" width = "250px">
                  {{ else }}
                    <img alt = "{{ $p.full_name }}" src = "{{ $.Site.BaseURL }}{{ $p.thumbnail}}" class="img-responsive" width = "250px">
                  {{ end }}
                {{ else }}
                  <img alt = "{{ $p.full_name }}" src = "{{ $.Site.BaseURL }}/img/guest/default-guest.png" class="img-responsive" 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="fa fa-home fa-2x"></i></a>
                {{ end }}
                {{ if isset $p "twitter" }}
                  <a href = "https://twitter.com/{{ $p.Twitter }}"><i class="fa fa-twitter-square fa-2x"></i></a>
                {{ end }}
                {{ if isset $p "github"}}
                  <a href = "https://github.com/{{ $p.GitHub}}"><i class="fa fa-github-square fa-2x"></i></a>
                {{ end }}
                {{ if isset $p "linkedin" }}
                  <a href = "{{ $p.LinkedIn}}"><i class="fa fa-linkedin-square fa-2x"></i></a>
                {{ end }}
                {{ if isset $p "facebook" }}
                  <a href = "{{ $p.Facebook}}"><i class="fa fa-facebook-square fa-2x"></i></a>
                {{ end }}
              </div>
              {{ end }}
            </div>
        {{ end }}
      </div>
    </div><!-- guests end -->
    {{ end }}
  <div class = "row"><!-- sharing begins -->
    <div class = "col-md-12">
      <div id="share"></div>
    </div>
  </div><!-- sharing ends -->
  <div class = "row"><!-- disqus begins -->
    <div class = "col-md-12">
      {{ partial "disqus.html" . }}
    </div>
  </div><!-- disqus 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 }}