{{define "home"}}
{{if .Site.Local}}
<div class="ww-page">
  <header class="ww-top">
    <div class="ww-top-in">
      <span class="web-brand">{{.Site.Name}}<small>本地版</small></span>
      <span class="web-badge">Win 本地版 · {{winVerTag}}</span>
    </div>
  </header>

  <section class="ww-hero">
    <div class="ww-hero-in">
      <span class="ww-kicker">今日写作</span>
      <h1>把这一刻，落成文字。</h1>
      <p>坐下来，留一片白。你的手稿都在这里，新的一篇也从这里开始。</p>
      <a class="ww-start" href="/publish">开始写作</a>
      <span class="ww-hero-note">无需联网 · 数据只在这台电脑里</span>
    </div>
  </section>

  <main class="ww-body">
    {{if .Data.Announcements}}
    <div class="ww-notice">
      <span class="ww-notice-label">公告</span>
      {{range .Data.Announcements}}
      <a class="ww-notice-item" href="/announce/{{.Slug}}">{{.Title}}</a>
      {{end}}
    </div>
    {{end}}

    <div class="ww-sec-head">
      <h2 class="web-sec-title">手稿</h2>
      <span class="ww-count">{{len .Data.Posts}} 篇</span>
    </div>

    {{if .Data.Posts}}
    <div class="ww-cards">
      {{range $i, $p := .Data.Posts}}
      <article class="ww-card">
        <a class="ww-card-title" href="/post/{{$p.Slug}}">{{$p.Title}}</a>
        {{if $p.Summary}}<p class="ww-card-summary">{{$p.Summary}}</p>{{end}}
        <div class="web-post-meta">
          <span>{{date $p.CreatedAt}}</span>
          {{if $p.CategoryName}}<span>{{$p.CategoryName}}</span>{{end}}
          <span>阅读 {{$p.Views}}</span>
        </div>
      </article>
      {{end}}
    </div>
    {{else}}
    <div class="web-empty">
      <p>这里还没有手稿。</p>
      <p class="web-empty-note"><a class="ww-inline-link" href="/publish">写下第一篇，让它出现在这里 →</a></p>
    </div>
    {{end}}
    {{template "pagination" .}}
  </main>

  <footer class="web-foot">
    <div class="web-foot-in">
      <span>{{.Site.Name}} · 数据只在这台电脑里</span>
      <span>Win 本地版 · {{winVerTag}} · © {{.Year}}</span>
    </div>
  </footer>
</div>
{{else}}
  <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>

  {{if .Data.Announcements}}
  <div style="display:flex;flex-direction:column;gap:8px;margin-bottom:22px;padding:14px 18px;border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:10px;background:var(--bg-card,#fff);">
    <div style="display:flex;align-items:center;gap:8px;color:var(--primary);font-weight:700;font-size:13px;letter-spacing:1px;">
      {{ico "bell"}} 公告
    </div>
    {{range .Data.Announcements}}
    <div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;">
      {{if eq .IsPinned 1}}<span class="badge pin-badge">{{ico "pin"}} 置顶</span>{{end}}
      <a href="/announce/{{.Slug}}" style="font-weight:600;color:var(--fg);text-decoration:none;">{{.Title}}</a>
      {{if .Summary}}<span style="color:var(--muted);font-size:13px;">{{.Summary}}</span>{{end}}
      <span style="color:var(--muted);font-size:12px;margin-left:auto;">{{date .CreatedAt}}</span>
    </div>
    {{end}}
  </div>
  {{end}}

  {{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}}
{{end}}