---
layout: default
title: Home
---

{% assign featured_post = site.posts | sort: 'date' | reverse | first %}

<div class="main-content">
  {% if featured_post %}
  <!-- Featured Latest Post -->
  <article class="post-item">
    <header class="post-item-header">
      <h2 class="post-item-title">
        <a href="{{ featured_post.url | relative_url }}" class="plain">{{ featured_post.title }}</a>
      </h2>
      <div class="post-item-meta">
        <time datetime="{{ featured_post.date | date_to_xmlschema }}">{{ featured_post.date | date: '%B %d, %Y' }}</time>
        {% if featured_post.reading-time %}
          <span class="reading-time">{{ featured_post.reading-time }} minute read</span>
        {% endif %}
      </div>
      {% if featured_post.tags %}
      <div class="post-tags">
        {% for tag in featured_post.tags %}
          <a href="/tags/#{{ tag | slugify }}" class="tag">#{{ tag }}</a>
        {% endfor %}
      </div>
      {% endif %}
    </header>
    <div class="post-item-excerpt">
      {{ featured_post.excerpt | markdownify | strip_html | truncatewords: 40 }}
      <p><a href="{{ featured_post.url | relative_url }}" class="plain">Keep reading &rarr;</a></p>
    </div>
  </article>
  {% endif %}

  <!-- All Posts List -->
  <ul class="post-list">
    {% for post in site.posts | sort: 'date' | reverse %}
      {% unless post == featured_post %}
      <li class="post-item">
        <header class="post-item-header">
          <h2 class="post-item-title">
            <a href="{{ post.url | relative_url }}" class="plain">{{ post.title }}</a>
          </h2>
          <div class="post-item-meta">
            <time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: '%B %d, %Y' }}</time>
            {% if post.reading-time %}
              <span class="reading-time">{{ post.reading-time }} minute read</span>
            {% endif %}
          </div>
          {% if post.tags %}
          <div class="post-tags">
            {% for tag in post.tags %}
              <a href="/tags/#{{ tag | slugify }}" class="tag">#{{ tag }}</a>
            {% endfor %}
          </div>
          {% endif %}
        </header>
        <div class="post-item-excerpt">
          {{ post.excerpt | markdownify | strip_html | truncatewords: 25 }}
          <p><a href="{{ post.url | relative_url }}" class="plain">Keep reading &rarr;</a></p>
        </div>
      </li>
      {% endunless %}
    {% endfor %}
  </ul>

  <!-- Tags Section -->
  <section class="tags-section">
    <h2 class="tags-header">
      <a href="/tags/" class="plain internal-link">Tags</a>
    </h2>
    <p class="tags-description muted">Explore posts by category</p>
    <ul class="tags-grid">
      <li><a href="/tags/#thoughts" class="tag-button">thoughts <span class="tag-count">{{ site.tags.thoughts | size }}</span></a></li>
      <li><a href="/tags/#projects" class="tag-button">projects <span class="tag-count">{{ site.tags.projects | size }}</span></a></li>
      <li><a href="/tags/#ideas" class="tag-button">ideas <span class="tag-count">{{ site.tags.ideas | size }}</span></a></li>
      <li><a href="/tags/#photos" class="tag-button">photos <span class="tag-count">{{ site.tags.photos | size }}</span></a></li>
    </ul>
  </section>
</div>