{{define "bulletin_announce_index"}}
<div class="bulletin-page">
  <header class="bulletin-board">
    <div class="bulletin-chalk-head">
      <h1 class="bulletin-title">{{ico "bell"}} 公告</h1>
      <p class="bulletin-desc">站点的重要消息都挂在这块黑板上：维护计划、规则变更、功能上线，置顶公告优先看。</p>
    </div>

    {{if .Data.Announcements}}
    <div class="bulletin-list">
      {{range .Data.Announcements}}
      <article class="bulletin-item{{if eq .IsPinned 1}} is-pinned{{end}}">
        <div class="bulletin-tags">
          {{if eq .IsPinned 1}}<span class="bulletin-badge bulletin-badge-pin">{{ico "pin"}} 置顶</span>{{end}}
          {{if .Fresh}}<span class="bulletin-badge bulletin-badge-new">新</span>{{end}}
        </div>
        <h2 class="bulletin-title-sm"><a href="/announce/{{.Slug}}">{{.Title}}</a></h2>
        {{if .Summary}}<p class="bulletin-summary">{{.Summary}}</p>{{end}}
        <div class="bulletin-meta">
          <span>{{ico "clock"}} {{date .CreatedAt}}</span>
          <span>{{ico "eye"}} {{.Views}} 次阅读</span>
        </div>
      </article>
      {{end}}
    </div>
    {{else}}
    <div class="empty">
      <h3>暂时没有公告</h3>
      <p>站点维护、规则变更、功能上线都会挂在这里。</p>
    </div>
    {{end}}

    {{template "pagination" .}}
    {{template "module_meta" .}}
  </header>
</div>
{{end}}