---
layout: page
title: Posts
---
<a href="{{ '/' | relative_url }}" class="back-link">/</a>

<header class="posts-header">
    <h1 class="posts-title">All Posts</h1>
</header>

<div class="site-posts">
    {% for post in site.posts %}
    <div class="site-post">
        <h3>
            <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
            <span class="post-date-inline">{{ post.date | date: "%B %d, %Y" }}</span>
        </h3>
        <div class="post-meta-line">
            <span class="post-excerpt-inline">{{ post.excerpt | strip_html | truncate: 80 }}</span>
            {% if post.category or post.tags or post.series %}
            <div class="tags-section">
                {% if post.series %}
                <a href="/posts/{{ post.series | slugify }}/" class="post-type series">{{ post.series }}</a>
                {% endif %}
                {% if post.category == "project" %}
                <span class="post-type">Project</span>
                {% endif %}
                {% if post.category == "concept" %}
                <span class="post-type">Concept</span>
                {% endif %}
                {% if post.category == "project" and post.tags %}
                <div class="tech-tags-inline">
                    {% for tech in post.tags limit:3 %}
                    <a href="/tags/?tag={{ tech | url_encode }}" class="tech-tag-small">{{ tech }}</a>
                    {% endfor %}
                </div>
                {% endif %}
            </div>
            {% endif %}
        </div>
    </div>
    {% endfor %}
    
    {% if site.posts.size == 0 %}
    <div class="site-post">
        <h3>
            <a href="#">Coming Soon</a>
            <span class="post-date-inline">Stay tuned</span>
        </h3>
        <div class="post-meta-line">
            <span class="post-excerpt-inline">Upcoming posts about software engineering and product development.</span>
        </div>
    </div>
    {% endif %}
</div>