{{include "header.html"}}
{{include "nav.html"}}

{{if .Single}}
{{$friends := FriendLinks}}
<section class="section">
  <div class="container">
    <div class="page-banner glass">
      <div class="page-banner-grid">
        <div>
          <span class="kicker">friends wall</span>
          <h1>{{.Single.Name}}</h1>
          {{if .Single.Description}}<p>{{.Single.Description}}</p>{{end}}
        </div>
        {{$banner := index .Single.Ext "banner_img"}}
        {{if $banner}}<img src="{{$banner}}" alt="{{.Single.Name}}">{{end}}
      </div>
    </div>

    <div class="page-body glass">
      <div class="prose">{{.Single.Content | Str2Html}}</div>
      {{if $friends}}
      <div class="gallery-grid" style="margin-top:26px;">
        {{range $friends}}
        <article class="friend-card glass">
          {{if .Logo}}<img class="post-cover" style="aspect-ratio:16/10;margin-bottom:14px;" src="{{.Logo}}" alt="{{.Name}}">{{end}}
          <h3 style="font-size:20px;">{{.Name}}</h3>
          {{if .Remark}}<p>{{.Remark}}</p>{{end}}
          <a href="{{.URL}}" class="card-link" target="_blank" rel="nofollow">串门看看 →</a>
        </article>
        {{end}}
      </div>
      {{end}}
    </div>
  </div>
</section>
{{end}}

{{include "js.html"}}
{{include "footer.html"}}