{% extends "base.html" %}

<!-- ============================================================
     pages/projects.html — 作品集页模板
     网格卡片布局展示所有已发布项目。

     模板变量：
       - projects: Vec<Project> 所有已发布项目
     ============================================================ -->

{% block title %}作品集 — {{ site_name }}{% endblock %}

{% block content %}
<h1 class="page-title">作品集</h1>

{% if projects %}
    <div class="project-grid">
        {% for project in projects %}
        <div class="project-card">
            <h2 class="project-card-title">
                <a href="/projects/{{ project.slug }}">{{ project.title }}</a>
            </h2>
            <p class="project-card-desc">{{ project.description }}</p>
            {% if project.tech_stack %}
            <div class="project-card-tech">
                {% for tech in project.tech_stack | split(pat=",") %}
                <span class="tech-tag">{{ tech | trim }}</span>
                {% endfor %}
            </div>
            {% endif %}
            <div class="project-card-links">
                {% if project.url %}
                <a href="{{ project.url }}" target="_blank" rel="noopener">访问 &rarr;</a>
                {% endif %}
                {% if project.github_url %}
                <a href="{{ project.github_url }}" target="_blank" rel="noopener">GitHub</a>
                {% endif %}
            </div>
        </div>
        {% endfor %}
    </div>
{% else %}
    <div class="empty-state">
        <p>还没有项目，敬请期待。</p>
    </div>
{% endif %}
{% endblock %}