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

<div class="home">
    <div class="featured-posts">
        <h2 class="section-title">Featured Games</h2>
        <div class="featured-posts-grid">
            {% assign featured_posts = site.gameposts | sort: 'date' | reverse | limit: 3 %}
            {% for post in featured_posts %}
            <div class="featured-post">
                <a href="{{ post.url | relative_url }}">
                    {% if post.featured_image %}
                    <div class="featured-image">
                        <img src="{{ post.featured_image }}" alt="{{ post.title }}">
                    </div>
                    {% endif %}
                    <div class="featured-content">
                        <h3>{{ post.title }}</h3>
                        {% if post.description %}
                        <p class="post-excerpt">{{ post.description | truncate: 100 }}</p>
                        {% endif %}
                    </div>
                </a>
            </div>
            {% endfor %}
        </div>
    </div>

    <div class="recent-posts">
        <h2 class="section-title">Latest Games</h2>
        <div class="post-list">
            {% assign latest_posts = site.gameposts | sort: 'date' | reverse %}
            {% for post in latest_posts %}
            <div class="post-item">
                <a href="{{ post.url | relative_url }}">
                    {% if post.featured_image %}
                    <div class="post-image">
                        <img src="{{ post.featured_image }}" alt="{{ post.title }}">
                    </div>
                    {% endif %}
                    <div class="post-details">
                        <h3>{{ post.title }}</h3>
                        {% if post.description %}
                        <p class="post-excerpt">{{ post.description | truncate: 150 }}</p>
                        {% endif %}
                        <div class="post-meta">
                            <span class="date">{{ post.date | date: "%B %-d, %Y" }}</span>
                            {% if post.tags.size > 0 %}
                            <span class="tags">
                                {% for tag in post.tags limit:3 %}
                                <a href="{{ site.baseurl }}/tags/#{{ tag | slugify }}">{{ tag }}</a>{% unless forloop.last %}, {% endunless %}
                                {% endfor %}
                            </span>
                            {% endif %}
                        </div>
                    </div>
                </a>
            </div>
            {% endfor %}
        </div>
    </div>
</div>