{{define "home"}}
  <link rel="stylesheet" href="/static/css/blog.css?v={{assetVer}}">
  <div class="masthead">
    <div class="masthead-top">
      <span class="masthead-issue">晴空编辑部 · 第 {{.Data.Page}} 期</span>
      <span class="blog-masthead-actions">
        <span class="masthead-total">全站共 {{.Data.Total}} 篇</span>
        {{if hasPerm .Perms "post.manage"}}<a class="btn btn-primary blog-write-btn" href="/publish">{{ico "pen"}} 写文章</a>{{end}}
      </span>
    </div>
    <h1 class="masthead-title">把想法落成文字，把文字写给看得懂的人</h1>
    <p class="masthead-sub">这里是「仲夏晴空」的编辑部——把散落的光收集成句子，把流动的念落成白纸黑字。欢迎落座，慢读。</p>
  </div>

  {{range $i, $p := .Data.Posts}}
    {{if eq $i 0}}
    <article class="post-feature">
      <span class="pf-mark">本期焦点</span>
      <h2 class="pf-title"><a href="/post/{{$p.Slug}}">{{$p.Title}}</a></h2>
      <p class="pf-summary">{{if $p.Summary}}{{$p.Summary}}{{else}}{{truncate $p.Content 160}}{{end}}</p>
      <div class="pf-meta">
        <span>{{date $p.CreatedAt}}</span>
        {{if $p.CategoryName}}<a href="/category/{{$p.CategorySlug}}">{{$p.CategoryName}}</a>{{end}}
        <span>阅读 {{$p.Views}}</span>
        {{if index $.Data.Coauthors $p.ID}}<span class="blog-coauthor-tag">共创</span>{{end}}
        <a class="pf-read" href="/post/{{$p.Slug}}">阅读全文 →</a>
      </div>
      <div class="pf-tags">
        {{range $p.Tags}}<a class="tag" href="/tag/{{.Slug}}">{{.Name}}</a>{{end}}
      </div>
    </article>
    {{else}}
    <article class="post-index">
      <span class="pi-num">{{printf "%02d" (add $i 1)}}</span>
      <div class="pi-body">
        <h2><a href="/post/{{$p.Slug}}">{{$p.Title}}</a></h2>
        <div class="pi-meta">
          <span>{{date $p.CreatedAt}}</span>
          {{if $p.CategoryName}}<a href="/category/{{$p.CategorySlug}}">{{$p.CategoryName}}</a>{{end}}
          <span>阅读 {{$p.Views}}</span>
          {{if index $.Data.Coauthors $p.ID}}<span class="blog-coauthor-tag">共创</span>{{end}}
        </div>
      </div>
      <a class="pi-arrow" href="/post/{{$p.Slug}}" aria-label="阅读全文">→</a>
    </article>
    {{end}}
  {{else}}
  <div class="empty">
    <h3>晴空初开，尚无一文</h3>
    <p>登录后台，写下你的第一篇文字吧。</p>
  </div>
  {{end}}

  {{template "pagination" .}}
{{end}}