contacts.html

<!-- templates/contacts.html -->
{% extends "base.html" %}
{% block title %}Contacts · Kishaloy Roy{% endblock %}

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

{% block content %}
  <h1 class="page-title">Contacts</h1>
  <p class="page-desc">Links Where You Can Contact Me.</p>

  <section class="grid" aria-label="Contact links">
    {% for l in links %}
      <a class="card" href="{{ l.href }}" target="_blank" rel="noreferrer">
        <span class="icon" aria-hidden="true">
          <img
            src="{{ url_for('static', filename='images/' ~ l.icon) }}"
            alt=""
            loading="lazy"
          >
        </span>

        <div class="meta">
          <div class="title">{{ l.name }}</div>
          <div class="hint">{{ l.subtitle }}</div>
        </div>

      </a>
    {% endfor %}
  </section>
{% endblock %}