<#include "module/macro.ftl">
<@layout title="${settings.tags_title! '标签列表'} | ${options.blog_title!} " keywords="${options.seo_keywords!}" description="${options.seo_description!}">
    <main class="mx-auto" id="container">
        <header class="bg-cover post-cover">
            <#if settings.tag_patternimg?? && settings.tag_patternimg!=''>
                <div class="cover-bg">
                    <img src="${settings.tag_patternimg!}" class="z-auto"
                         alt="${settings.tags_title! '标签列表'}">
                </div>
            <#else>
                <div class="placeholder-bg">
                </div>
            </#if>
            <div class="cover-content flex justify-center">
                <!-- 封面内容 -->
                <div class="inner flex flex-col justify-center">
                    <p class="cover-title text-base md:text-4xl lg:text-4xl xl:text-5xl">${settings.tags_title! '标签列表'}</p>
                </div>
            </div>
        </header>
        <div class="container mx-auto px-4 mt-16 max-w-6xl tracking-wider md:leading-relaxed sm:leading-normal ct-container cn-pd content-container">
            <h2>标签</h2>
            <p class="flex flex-row justify-start flex-wrap">
                <@tagTag method="list">
                    <#if tags?? && tags?size gt 0>
                        <#list tags as tag>
                            <a href="${tag.fullPath}" class="post-tag mt-2 mb-2 mr-2">
                                ${tag.name} <span class="tag-length">${tag.postCount!}</span>
                            </a>
                        </#list>
                    </#if>
                </@tagTag>
            </p>
            <h2 style="margin-bottom: 0;">标签云</h2>
            <div id="tagCloud" class="card-content jqcloud jqcloud-hg"></div>
        </div>
    </main>
</@layout>