GoGronkh/gserver/templates/at.html

{{ template "header.html" . }}
<div class="row" itemscope itemtype="http://schema.org/Person">
  <h1 id="atName" class="small-12 columns" itemprop="name">{{ .data.AT.Name.String }}</h1>
  <div class="medium-3 large-2 columns show-for-medium-up">
    <img alt="{{ .data.AT.Name.String }}'s Avatar" src="{{ .data.AT.AvatarB.String }}" itemprop="image" />
  </div>
  <div class="small-12 medium-9 large-10 columns">
    <h2>Aktuelle Let's Plays</h2>
    <ul class="small-block-grid-2 medium-block-grid-3 large-block-grid-5">
      {{ range .data.LPs }}
      <li itemscope itemtype="http://schema.org/TVSeries">
        <a class="th" href="/lets-play/{{ .Slug.String }}/" itemprop="url">
          {{ if .PosterS.Valid }}
          <img alt="{{ .Name.String }} Cover" src="{{ .PosterS.String }}" itemprop="thumbnailUrl" />
          {{ else }}
          <img alt="Kein Cover" src="https://placeholdit.imgix.net/~text?txtsize=12&txt=Kein%20Cover&w=178&h=265" />
          {{ end }}
        </a>
        <br /><a href="/lets-play/{{ .Slug.String }}/"><strong itemprop="name">{{ .Name.String }}</strong></a>
      </li>
      {{ end }}
    </ul>
    <h2>Aktuelle Episoden</h2>
    <ul class="small-block-grid-2 medium-block-grid-3 large-block-grid-5">
      {{ range .data.EPs }}
      <li itemscope itemtype="http://schema.org/Episode">
        <a class="th" href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}/" itemprop="url">
          <img alt="{{ .EP.Name.String }} Thumbail" src="{{ if .EP.ThumbS.Valid }}{{ .EP.ThumbS.String }}{{ else }}https://placeholdit.imgix.net/~text?txtsize=36&txt=Kein%20Thumbnail&w=265&h=149{{ end }}" itemprop="thumbnailUrl" />
        </a>
        <a href="/lets-play/{{ .LP.Slug.String }}/"><strong>{{ .LP.Name.String }}</strong></a>:
        <br /><a href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}/"><span itemprop="name">{{ .EP.Name.String }}</span></a>
      </li>
      {{ end }}
    </ul>
    {{ if .data.LTs }}
    <h2>Aktuelle Let's Tests</h2>
    <ul class="small-block-grid-2 medium-block-grid-3 large-block-grid-5">
      {{ range .data.LTs }}
      <li itemscope itemtype="http://schema.org/Episode">
        <a class="th" href="/testet/{{ .Slug.String }}/" itemprop="url">
          <img alt="{{ .Name.String }} Thumbnail" src="{{ if .ThumbS.Valid }}{{ .ThumbS.String }}{{ else }}https://placeholdit.imgix.net/~text?txtsize=36&txt=Kein%20Thumbnail&w=265&h=149{{ end }}" itemprop="thumbnailUrl" />
        </a>
        <br /><a href="/testet/{{ .Slug.String }}/"><strong itemprop="name">{{ .Name.String }}</strong></a>
      </li>
      {{ end }}
    </ul>
    {{ end }}
  </div>
</div>
{{ template "footer.html" . }}