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

{{$slides := HomeSlides}}
{{$heroStats := index .ThemesExt "hero_stats"}}
{{$moodCards := index .ThemesExt "mood_cards"}}
{{$timeline := index .ThemesExt "timeline_cards"}}
{{$featuredAnime := ColumnContents "anime-log" 4}}
{{$featuredArt := ColumnContents "illustration" 4}}
{{$galleryList := ColumnContents "gallery" 3}}
{{$friends := FriendLinks}}
{{$galleryIntro := index .ThemesExt "gallery_intro"}}

<section class="hero">
  <div class="container hero-grid">
    <div class="hero-main glass">
      {{if $slides}}
        {{range $i, $s := $slides}}
        <div class="hero-slide {{if eq $i 0}}is-active{{end}}">
          <img src="{{.Img}}" alt="{{.Title}}">
          <div class="hero-overlay"></div>
          <div class="hero-content">
            <div class="hero-copy">
              <span class="kicker">{{index $.ThemesExt "hero_kicker"}}</span>
              <h1>{{.Title}}</h1>
              <p>{{.SubTitle}}</p>
              <div class="hero-actions">
                <a href="{{.URL}}" class="primary-btn">开始阅读</a>
                <a href="{{index $.ThemesExt "hero_secondary_url"}}" class="ghost-btn">{{index $.ThemesExt "hero_secondary_text"}}</a>
              </div>
            </div>
            {{if $heroStats}}
            <div>
              <div class="hero-meta">
                {{range $heroStats}}
                <div class="meta-item">
                  <strong>{{index . "value"}}</strong>
                  <span>{{index . "label"}}</span>
                </div>
                {{end}}
              </div>
              {{if gt (len $slides) 1}}
              <div class="hero-dots">
                {{range $i, $s := $slides}}<span class="hero-dot {{if eq $i 0}}is-active{{end}}" data-index="{{$i}}"></span>{{end}}
              </div>
              {{end}}
            </div>
            {{end}}
          </div>
        </div>
        {{end}}
      {{else}}
      <div class="hero-content">
        <div class="hero-copy">
          <span class="kicker">{{index .ThemesExt "hero_kicker"}}</span>
          <h1>{{.Title}}</h1>
          <p>{{.Description}}</p>
          <div class="hero-actions">
            <a href="{{index .ThemesExt "hero_cta_url"}}" class="primary-btn">{{index .ThemesExt "hero_cta_text"}}</a>
            <a href="{{index .ThemesExt "hero_secondary_url"}}" class="ghost-btn">{{index .ThemesExt "hero_secondary_text"}}</a>
          </div>
        </div>
      </div>
      {{end}}
    </div>

    <div class="hero-side">
      <section class="hero-side-card glass">
        <h3>本周气氛卡</h3>
        <div class="chip-list">
          {{if $moodCards}}
            {{range $moodCards}}<span class="chip">{{index . "icon"}} {{index . "title"}}</span>{{end}}
          {{end}}
        </div>
        <p style="margin-top:14px;">这个小站主要更新追番日志、插画练习和房间生活碎片，尽量把喜欢留得更久一点。</p>
      </section>

      <section class="hero-side-card glass">
        <h3>更新节奏</h3>
        {{if $timeline}}
        <div class="status-list">
          {{range $timeline}}
          <div class="status-item">
            <strong>{{index . "time"}}</strong>
            <span>{{index . "title"}}</span>
          </div>
          {{end}}
        </div>
        {{end}}
      </section>
    </div>
  </div>
</section>

{{if $moodCards}}
<section class="section">
  <div class="container">
    <div class="section-title">
      <div>
        <span class="kicker">current focus</span>
        <h2>这个月我在认真做的事</h2>
        <p>用轻一点的颜色和慢一点的节奏，整理最近最想留下来的内容。</p>
      </div>
    </div>
    <div class="feature-grid">
      {{range $moodCards}}
      <article class="feature-card glass">
        <div class="feature-icon">{{index . "icon"}}</div>
        <h3>{{index . "title"}}</h3>
        <p>{{index . "desc"}}</p>
      </article>
      {{end}}
    </div>
  </div>
</section>
{{end}}

<section class="section">
  <div class="container content-layout">
    <div>
      {{if $featuredAnime}}
      <div class="section-title">
        <div>
          <span class="kicker">anime log</span>
          <h2>追番日志</h2>
          <p>每周更新的新番感想、角色碎碎念和一些只想写给深夜看的话。</p>
        </div>
        <a class="card-link" href="/anime-log">查看更多 →</a>
      </div>
      <div class="post-grid">
        {{range $featuredAnime}}
        <article class="post-card glass">
          {{if .Img}}<img class="post-cover" src="{{.Img}}" alt="{{.Title}}">{{end}}
          <div class="post-topline">
            {{$badge := index .Ext "badge"}}{{if $badge}}<span class="badge">{{$badge}}</span>{{end}}
            <span>{{ParseTime .CreatedAt "2006-01-02"}}</span>
          </div>
          <h3>{{.Title}}</h3>
          <p>{{StrSub .Description 92}}</p>
          <a href="{{.URL}}" class="card-link">继续阅读 →</a>
        </article>
        {{end}}
      </div>
      {{end}}

      {{if $featuredArt}}
      <div class="section-title" style="margin-top:34px;">
        <div>
          <span class="kicker">illustration notes</span>
          <h2>插画练习</h2>
          <p>记录配色、线稿、笔刷和慢慢变得顺手的创作过程。</p>
        </div>
        <a class="card-link" href="/illustration">查看更多 →</a>
      </div>
      <div class="post-grid">
        {{range $featuredArt}}
        <article class="post-card glass">
          {{if .Img}}<img class="post-cover" src="{{.Img}}" alt="{{.Title}}">{{end}}
          <div class="post-topline">
            {{$badge := index .Ext "badge"}}{{if $badge}}<span class="badge">{{$badge}}</span>{{end}}
            <span>{{ParseTime .CreatedAt "2006-01-02"}}</span>
          </div>
          <h3>{{.Title}}</h3>
          <p>{{StrSub .Description 92}}</p>
          <a href="{{.URL}}" class="card-link">继续阅读 →</a>
        </article>
        {{end}}
      </div>
      {{end}}
    </div>

    {{include "sidebar.html"}}
  </div>
</section>

{{if $galleryList}}
<section class="section">
  <div class="container">
    <div class="section-title">
      <div>
        <span class="kicker">gallery shelf</span>
        <h2>画集展柜</h2>
        <p>{{if $galleryIntro}}{{$galleryIntro}}{{else}}插画、拼贴与摄影，都放在这里慢慢陈列。{{end}}</p>
      </div>
      <a class="card-link" href="/gallery">走进展柜 →</a>
    </div>
    <div class="gallery-grid">
      {{range $galleryList}}
      <article class="gallery-card glass">
        {{if .Img}}<img src="{{.Img}}" alt="{{.Title}}">{{end}}
        <div class="gallery-meta">
          {{$badge := index .Ext "badge"}}{{if $badge}}<span class="badge">{{$badge}}</span>{{end}}
          {{$palette := index .Ext "palette"}}{{if $palette}}<span>{{$palette}}</span>{{end}}
        </div>
        <h3>{{.Title}}</h3>
        <p>{{StrSub .Description 88}}</p>
        <a href="{{.URL}}" class="card-link">查看作品 →</a>
      </article>
      {{end}}
    </div>
  </div>
</section>
{{end}}

{{if $friends}}
<section class="section">
  <div class="container">
    <div class="section-title">
      <div>
        <span class="kicker">same frequency</span>
        <h2>同频小站</h2>
        <p>认真更新、认真喜欢生活的人，总会在某处遇见彼此。</p>
      </div>
      <a class="card-link" href="/friends">去友链墙 →</a>
    </div>
    <div class="gallery-grid">
      {{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 class="card-link" href="{{.URL}}" target="_blank" rel="nofollow">访问小站 →</a>
      </article>
      {{end}}
    </div>
  </div>
</section>
{{end}}

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