<!DOCTYPE html>
<html xmlns:th="https://www.thymeleaf.org"
      th:replace="~{modules/layouts/layout :: layout(_head = null,_content = ~{::content},_title = ${'友链' + ' - ' + site.title})}">

<th:block th:fragment="content">

    <div class="page_main uk-width-2-3@m">
        <th:block th:replace="~{modules/header}"/>
        <div id="pjax-container">
            <div class="links_page page_wrap" uk-height-viewport="offset-top: true"
                 style="min-height: calc(100vh - 332px);">
                <div class="page_inner">
                    <div class="link_group_content"
                         th:each="group,iterStat : ${groups}"
                         th:if="${not #lists.isEmpty(group.spec.displayName)}">
                        <div class="link_cat_name"><i class="ri-bookmark-line"></i>[[${group.spec.displayName}]]</div>
                        <div id="link_14" class="link_group">
                            <div class="item" th:title="${link.spec.description}"
                                 th:each="link : ${group.links}">
                                <div class="link-avatar">
                                    <a th:href="${link.spec.url}" target="_blank">
                                        <img alt="avatar" th:src="${link.spec.logo}"
                                             class="avatar avatar-80" height="80" width="80"></a>
                                </div>
                                <div class="info">
                                    <h3 class="name">
                                        <a th:href="${link.spec.url}"
                                           th:text="${link.spec.displayName}"
                                           target="_blank"></a>
                                    </h3>
                                    <div class="meta button">
                                        <a th:href="${link.spec.url}" target="_blank">
                                            <i class="iconfont icon-zhuanfa_3"></i></a>
                                    </div>
                                    <div class="description" th:text="${link.spec.description}"
                                         th:title="${link.spec.description}"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <th:block th:replace="~{modules/footer-main}"/>
    </div>
</th:block>

</html>