GoGronkh/gserver/templates/episode.html

{{ template "header.html" . }}
<div class="row" itemscope itemtype="http://schema.org/Episode">
  <meta itemprop="url" content="https://gronkh.1750studios.com/lets-play/{{ .data.LP.Slug.String }}/{{ .data.EP.Slug.String }}/">
  <meta itemprop="thumbnailUrl" content="{{ .data.EP.ThumbS.String }}" />
  <meta itemprop="datePublished" content="{{ .data.EP.Aired }}" />
  <meta itemprop="timeRequired" content="{{ .data.EP.Duration.Int64 }}" />
  <meta itemprop="episodeNumber" content="{{ .data.EP.Episode.Int64 }}" />
  <div class="flex-video widescreen vimeo">
    <iframe width="213" height="120" src="//www.youtube.com/embed/{{ .data.EP.Youtube.String }}" frameborder="0" allowfullscreen></iframe>
  </div>
  <div class="medium-3 medium-push-9 columns">
    <h5 itemprop="partOfSeries" itemscope itemtype="http://schema.org/TVSeries"><i class="fa fa-gamepad fix-icon"></i> <a href="/lets-play/{{ .data.LP.Slug.String}}/" itemprop="url"><span itemprop="name">{{ .data.LP.Name.String }}</span></a></h5>
    <h5 itemprop="director" itemscope itemtype="http://schema.org/Person"><i class="fa fa-user fix-icon"></i> <a href="/zeige/{{ .data.AT.Slug.String }}/" itemprop="url"><span itemprop="name">{{ .data.AT.Name.String }}</span></a></h5>
    <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
      <meta itemprop="bestRating" content="10" />
      <meta itemprop="worstRating" content="0" />
      <h5><i class="fa fa-star fix-icon"></i> <span itemprop="ratingValue">{{ .data.EP.Rating.Float64 }}</span> von 10</h5>
      <h5><i class="fa fa-users fix-icon"></i> <span itemprop="ratingCount">{{ .data.EP.Votes.Int64 }}</span> Stimmen</h5>
    </div>
  </div>
  <div class="medium-9 medium-pull-3 columns">
    <ul class="button-group even-2">
      {{ if .data.PREV.Name.Valid }}
      <li><a rel="prev" href="/lets-play/{{ .data.LP.Slug.String }}/{{ .data.PREV.Slug.String }}/" class="button"><i class="fa fa-angle-double-left"></i> {{ .data.PREV.Name.String }}</a></li>
      {{ else }}
      <li><a href="/lets-play/{{ .data.LP.Slug.String }}/" class="button"><i class="fa fa-angle-double-up"></i> Zurück zur Übersicht</a></li>
      {{ end }}
      {{ if .data.NEXT.Name.Valid }}
      <li><a rel="next" href="/lets-play/{{ .data.LP.Slug.String }}/{{ .data.NEXT.Slug.String }}/" class="button">{{ .data.NEXT.Name.String }} <i class="fa fa-angle-double-right"></i></a></li>
      {{ else }}
      <li><a href="/lets-play/{{ .data.LP.Slug.String }}/" class="button"><i class="fa fa-angle-double-up"></i> Zurück zur Übersicht</a></li>
      {{ end }}
    </ul>
    <ul class="breadcrumbs" itemscope itemtype="http://schema.org/BreadcrumbList">
      <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a itemprop="item" href="/"><span itemprop="name">Home</span></a>
        <meta itemprop="position" content="1" />
      </li>
      <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a itemprop="item" href="/lets-play/"><span itemprop="name">Let's Plays</span></a>
        <meta itemprop="position" content="2" />
      </li>
      <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a itemprop="item" href="/lets-play/{{ .data.LP.Slug.String }}/"><span itemprop="name">{{ .data.LP.Name.String }}</span></a>
        <meta itemprop="position" content="3" />
      </li>
      <li class="current" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a itemprop="item" href="/lets-play/{{ .data.LP.Slug.String }}/{{ .data.EP.Slug.String }}/"><span itemprop="name">{{ .data.EP.Name.String }}</span></a>
        <meta itemprop="position" content="4" />
      </li>
      <meta itemprop="numberOfItems" content="4" />
    </ul>
    <h1 itemprop="name">{{ .data.EP.Name.String }}</h1>
    <p itemprop="description">{{ .data.DESC }}</p>
  </div>
</div>
{{ template "footer.html" . }}