projects.html

{% extends "base.html" %}
{% block title %}Projects · Kishaloy Roy{% endblock %}

{% block head %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/projects_page.css') }}">
{% endblock %}

{% block content %}
<h1 class="page-title">Projects</h1>
<p class="page-desc">A Collection Of Projects I Built.</p>

<div class="projects-grid">
  {% for project in projects %}
    <a class="project-card" href="/projects/{{ project.id }}" aria-label="Open project {{ project.name }}">
      <div class="thumb">
        <img src="{{ project.image_url }}" alt="{{ project.name }}">
      </div>

      <div class="card-body">
        <h2 class="project-name">{{ project.name }}</h2>
        <p class="project-description">{{ project.description }}</p>

        {% if project.tags %}
        <div class="project-chips">
          {% for tag in project.tags %}
            <span class="chip chip--{{ tag|lower }}">{{ tag }}</span>
          {% endfor %}
        </div>
        {% endif %}

        <div class="project-dates">
          <div><span class="label">Created:</span> <span class="mono">{{ project.date_created }}</span></div>
          <div><span class="label">Finished:</span> <span class="mono">{{ project.date_finished }}</span></div>
        </div>
      </div>
    </a>
  {% endfor %}
</div>
{% endblock %}