{{ template "header.html" . }}
<div class="row">
  <h1 id="lpName" class="small-12 columns">{{ .data.LP.Name.String }}</h1>
  <div class="medium-3 large-2 columns">
    {{ if .data.LP.PosterB.Valid }}<a class="th show-for-medium-up" href="{{ .data.LP.PosterB.String }}" data-reveal-id="coverModal">{{ end }}<img src="{{ .data.LP.PosterS.String }}" />{{ if .data.LP.PosterB.Valid }}</a>{{ end }}
    <h5><i class="fa fa-user fix-icon"></i> <a href="/zeige/{{ .data.AT.Slug.String }}/">{{ .data.AT.Name.String }}</a></h5>
  </div>
  <div class="small-12 medium-9 large-10 columns">
    {{ range .data.EPs }}
    <div class="row entry">
      <div class="large-12 columns">
        <a href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}">
          <img src="{{ if .EP.ThumbS.Valid }}{{ .EP.ThumbS.String }}{{ else }}https://placeholdit.imgix.net/~text?txtsize=72&txt=Kein%20Thumbnail&w=640&h=360{{ end }}" />
        </a>
        <h4><a href="/lets-play/{{ .LP.Slug.String }}/{{ .EP.Slug.String }}">{{ .EP.Name.String }}</a></h4>
        <p class="show-for-medium-up">{{ .EP.Descr.String }}</p>
      </div>
    </div>
    {{ end }}
  </div>
</div>
<div id="coverModal" class="reveal-modal" data-reveal aria-labelledby="lpName" aria-hidden="true" role="dialog">
  <img src="{{ .data.LP.PosterB.String }}">
  <a class="close-reveal-modal" aria-label="Close">&#215;</a>
</div>
{{ template "footer.html" . }}