{% extends "base.html" %}

{% block title %}All Categories - {{ site_title }}{% endblock %}

{% block meta_tags %}
<meta property="og:title" content="All Categories - {{ site_title }}">
{% if site_description %}
<meta name="description" content="{{ site_description }}">
<meta property="og:description" content="{{ site_description }}">
<meta name="twitter:description" content="{{ site_description }}">
{% endif %}
{% if site_keywords %}
<meta name="keywords" content="{{ site_keywords|join(', ') }}">
{% endif %}
{% endblock %}

{% block extra_head %}
<link rel="stylesheet" href="{{ tag_cloud_css_url }}">
{% endblock %}

{% block content %}
<div class="categories-page">
    <h1>All Categories</h1>
    
    {% if categories %}
    <div class="tag-cloud">
        {% for category_info in categories %}
        <a href="/{{ category_dir }}/{{ category_info.safe_category }}/{{ pagination_page1_suffix }}" 
           class="tag-cloud-item" 
           style="font-size: {{ category_info.font_size }}em;"
           title="{{ category_info.count }} post{% if category_info.count != 1 %}s{% endif %}">
            {{ category_info.display_name }}
            <span class="tag-count">({{ category_info.count }})</span>
        </a>
        {% endfor %}
    </div>
    {% else %}
    <p>No categories yet.</p>
    {% endif %}
</div>
{% endblock %}