---
layout: default
wide_gallery: true
---

<div class="home art">
  <div class='side-anchors'>
    <details>
      <summary>Highlights</summary>
      <ul>
        {% for post in site.art reversed %}
          {% if post.published == false %}
            {% continue %}
          {% endif %}
          {% if post.anchor == nil %}
            {% continue %}
          {% endif %}
          <li>
            <a href='#{{ post.title }}'>
              <span class='meta'>
                {{ post.date | date: "%Y" }}
              </span>
              {{ post.anchor | escape }}
            </a>
          </li>
        {% endfor %}
      </ul>
    </details>
  </div>

  <div class="post-list">
    {% assign gallery_index = 0 %}
    {% for post in site.art reversed %}
      {% if post.published == false %}
        {% continue %}
      {% endif %}
      {% assign items = post.content | markdownify | lazy_images | gallery_items %}
      {% for item in items %}
      {% assign row_position = gallery_index | modulo: 2 %}
      {% if row_position == 0 %}<ul class="gallery-row">{% endif %}
      <li class='lang-{% if post.lang %}{{ post.lang }}{% else %}en{% endif %}' style='--photo-ratio: {{ item | gallery_image_ratio }}'>
        <article class='post-content'>
          {% if post.anchor and forloop.first %}
          <span id='{{ post.title }}'></span>
          {% endif %}
          {{ item }}
        </article>
      </li>
      {% assign gallery_index = gallery_index | plus: 1 %}
      {% assign row_position = gallery_index | modulo: 2 %}
      {% if row_position == 0 %}</ul>{% endif %}
      {% endfor %}
    {% endfor %}
    {% if row_position == 1 %}</ul>{% endif %}
  </div>

  <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via rss</a></p>

</div>