{% extends "base.html" %}

{% block title %}{{ config.title }}{% endblock title %}
{% block description %}{{ section.description }}{% endblock description %}

{% block content %}
{% set about_url = get_url(path='@/about.md') %}
{% set notes_url = get_url(path='@/notes/_index.md') %}
{% set software_url = get_url(path='@/software/_index.md') %}
{% set software = get_section(path='software/_index.md') %}
{% set notes = get_section(path='notes/_index.md') %}
<section class="site-container home-intro" aria-labelledby="home-title">
  <h1 id="home-title">{{ section.title }}</h1>
  <p>{{ section.description }}</p>
</section>

<div class="site-container home-sections">
  <section class="home-section" aria-labelledby="latest-notes">
    <div class="section-heading">
      <h2 id="latest-notes">最近のNotes</h2>
      <a href="{{ notes_url }}">すべてのNotes</a>
    </div>
    {% if notes.pages %}
    <div class="note-list compact-list">
      {% for note in notes.pages %}
      {% if loop.index <= config.extra.home_notes_limit %}
      {% set item = note %}
      {% include "partials/note-list-item.html" %}
      {% endif %}
      {% endfor %}
    </div>
    {% else %}
    <p class="empty-state">ノートは準備中です。新しい記録はここに追加されます。</p>
    {% endif %}
  </section>

  <section class="home-section" aria-labelledby="home-software">
    <div class="section-heading">
      <h2 id="home-software">Software</h2>
      <a href="{{ software_url }}">すべてのSoftware</a>
    </div>
    {% if software.pages %}
    <div class="software-list compact-list">
      {% for software_item in software.pages %}
      {% if loop.index <= config.extra.home_software_limit %}
      {% set item = software_item %}
      {% include "partials/software-list-item.html" %}
      {% endif %}
      {% endfor %}
    </div>
    {% else %}
    <p class="empty-state">Softwareは準備中です。</p>
    {% endif %}
  </section>

  <section class="home-about" aria-labelledby="home-about-title">
    <h2 id="home-about-title">このサイトについて</h2>
    <p>考えたこと、読んだこと、調べたことと、作成したソフトウェアを長期的に残すための個人アーカイブです。</p>
    <a href="{{ about_url }}">Aboutを読む</a>
  </section>
</div>
{% endblock content %}