themes/coceu/layouts/sessions/single.html

{{ define "main" }}

<!-- Speaker Detail -->
<section class="speaker-detail">
  <div class="container">
    <div class="row mt-4">
      <div class="image-column col-lg-3 d-none d-lg-block">
        <div class="schedule-block col-lg-10 col-md-12 col-sm-12">
          <div class="sec-title text-center">
            <span class="title">Speaker(s):</span>
            <div class="speaker-info" style="margin-bottom: 20px;">
              {{ range (.GetTerms "speakers") }}
              <figure class="thumb my-3">
                <a href="{{ .RelPermalink }}">
                  <div class="img-container">
                    {{ $img := resources.Get (index .Params.images 0) }}
                    {{ with $img }}
                      {{ $imgp := $img.Resize "400x webp" }}
                      <img src="{{$imgp.RelPermalink }}" alt="Photo of {{.Title}}" class="img-fluid rounded-circle">
                    {{ end }}        
                  </div>
                  <h5 class="name">{{ .Title }}</h5>
                </a> 
              </figure>
               {{ end }}
            </div>

          </div>
        </div>
      </div>
      <div class="info-column col-lg-9 col-md-12 col-sm-12">
        <div class="inner-column">
          <div class="text-box">
            <div class="session-meta" id="date">
              {{ range (.GetTerms "tracks") }}
              <div class="mb-3"><h4>Track: <a class="speaker-inline-item" href="{{ .Permalink }}">{{ .Title }}</a></h4></div>
              {{ end }}
              <div>
              <em>{{ with .Params.time_start | time }}{{ .Format "Jan-02 15:04" }}{{ end }}-{{ with .Params.time_end | time }}{{ .Format "15:04" }}{{ end }}{{with .Params.room}} in {{.}}{{ end }}</em>
              </div>
            {{ with .Params.language }}<p class="session-meta" id="lang">Language: {{ humanize . }}</p>{{ end }}
            <div class="d-lg-none d-xl-none">
              By
              {{ range (.GetTerms "speakers") }}
              <a class="speaker-inline-item" href="{{ .Permalink }}">{{ .Title }}</a>
              {{ end }}
            </div>

            {{ with .Params.slides }}
            <br>
            <div class="mb-3"><a href='{{ if hasPrefix . "http" }}{{ . }}{{ else }}/slides/{{ . }}{{ end }}' target="_blanck" download><i class="fa fa-download" aria-hidden="true"></i>&nbsp; Download slides</a></div>
            {{ end }}

            <div class="content mt-4">{{ .Content }}</div>
          </div>
        </div>
      </div>
    </div>
    {{ with .Params.video }}
    <div class="mb-3">
      <iframe id="video-iframe" width="100%" height="600" frameborder="0" marginheight="0" marginwidth="0"
        allowtransparency="true" src='{{ replace . "https://youtu.be" "https://www.youtube.com/embed"}}'
        allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true"
        webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
    </div>
    {{ end }}
  </div>
  </div>
</section>
<!--End Speker Detail -->


{{ end }}