<!DOCTYPE html>
<html lang="en" th:replace="~{modules/layouts/layout :: layout(content = ~{::content}, htmlType = 'about')}"
      xmlns:th="http://www.thymeleaf.org">

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

    <div class="page" id="body-wrap">

        <!-- 头部导航栏 -->
        <header class="not-top-img" id="page-header">
            <nav th:replace="~{modules/nav :: nav(title = null)}"></nav>
        </header>
        <main class="layout hide-aside" id="content-inner">
            <div id="page">

                <div id="about-page">


                    <div class="author-info">
                        <div class="author-tag-left"
                             th:if="${not #lists.isEmpty(theme.config.about.authorInfoLeftTags)}"
                             th:with="authorTags = ${theme.config.about.authorInfoLeftTags}">
                            <span class="author-tag" th:each="authorTag : ${authorTags}"
                                  th:text="${authorTag.tag}"></span>
                        </div>
                        <div class="author-img">
                            <img
                                    th:src="@{${#strings.isEmpty(site.logo) ?  assets_link + '/images/hao-logo.jpg' : site.logo}}">
                        </div>
                        <div class="author-tag-right"
                             th:if="${not #lists.isEmpty(theme.config.about.authorInfoRightTags)}"
                             th:with="authorTags = ${theme.config.about.authorInfoRightTags}">
                            <span class="author-tag" th:each="authorTag : ${authorTags}"
                                  th:text="${authorTag.tag}"></span>
                        </div>
                    </div>
                    <div class="author-title">关于本站</div>


                    <th:block th:replace="~{modules/about-widgets :: about-widgets(${theme.config.about.widgets})}"></th:block>

                </div>


                <div class="author-content">
                    <div class="create-site-post author-content-item single" th:utext="${theme.config.about.xjlc}">
                    </div>
                </div>
                <div class="author-content">
                    <div class="author-content-item single reward" id="about-reward">
                        <div class="author-content-item-tips">致谢</div>
                        <span class="author-content-item-title" >[[${theme.config.aboutReward.title}]]</span>
                        <div class="author-content-item-description" >
                            [[${theme.config.aboutReward.content}]]
                        </div>

                        <div th:if="${theme.config.aboutReward.reward.enable_reward}" class="about-reward">
                            <div id="con"></div>
                            <div id="TA-con" onclick="heo.rewardShowConsole()">
                                <div id="text-con">
                                    <div id="linght"></div>
                                    <div id="TA">[[${theme.config.aboutReward.reward.name}]]</div>
                                </div>
                            </div>
                            <div id="tube-con"><svg viewBox="0 0 1028 385" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M1 77H234.226L307.006 24H790" stroke="#e5e9ef" stroke-width="20"></path>
                                <path d="M0 140H233.035L329.72 71H1028" stroke="#e5e9ef" stroke-width="20"></path>
                                <path d="M1 255H234.226L307.006 307H790" stroke="#e5e9ef" stroke-width="20"></path>
                                <path d="M0 305H233.035L329.72 375H1028" stroke="#e5e9ef" stroke-width="20"></path>
                                <rect y="186" width="236" height="24" fill="#e5e9ef"></rect>
                                <ellipse cx="790" cy="25.5" rx="25" ry="25.5" fill="#e5e9ef"></ellipse>
                                <circle r="14" transform="matrix(1 0 0 -1 790 25)" fill="white"></circle>
                                <ellipse cx="790" cy="307.5" rx="25" ry="25.5" fill="#e5e9ef"></ellipse>
                                <circle r="14" transform="matrix(1 0 0 -1 790 308)" fill="white"></circle>
                            </svg>
                                <div id="mask"><svg viewBox="0 0 1028 385" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M1 77H234.226L307.006 24H790" stroke="#f25d8e" stroke-width="20"></path>
                                    <path d="M0 140H233.035L329.72 71H1028" stroke="#f25d8e" stroke-width="20"></path>
                                    <path d="M1 255H234.226L307.006 307H790" stroke="#f25d8e" stroke-width="20"></path>
                                    <path d="M0 305H233.035L329.72 375H1028" stroke="#f25d8e" stroke-width="20"></path>
                                    <rect y="186" width="236" height="24" fill="#f25d8e"></rect>
                                    <ellipse cx="790" cy="25.5" rx="25" ry="25.5" fill="#f25d8e"></ellipse>
                                    <circle r="14" transform="matrix(1 0 0 -1 790 25)" fill="white"></circle>
                                    <ellipse cx="790" cy="307.5" rx="25" ry="25.5" fill="#f25d8e"></ellipse>
                                    <circle r="14" transform="matrix(1 0 0 -1 790 308)" fill="white"></circle>
                                </svg></div>
                                <div id="orange-mask"><svg viewBox="0 0 1028 385" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M1 77H234.226L307.006 24H790" stroke="#ffd52b" stroke-width="20"></path>
                                    <path d="M0 140H233.035L329.72 71H1028" stroke="#ffd52b" stroke-width="20"></path>
                                    <path d="M1 255H234.226L307.006 307H790" stroke="#ffd52b" stroke-width="20"></path>
                                    <path d="M0 305H233.035L329.72 375H1028" stroke="#ffd52b" stroke-width="20"></path>
                                    <rect y="186" width="236" height="24" fill="#ffd52b"></rect>
                                    <ellipse cx="790" cy="25.5" rx="25" ry="25.5" fill="#ffd52b"></ellipse>
                                    <circle r="14" transform="matrix(1 0 0 -1 790 25)" fill="white"></circle>
                                    <ellipse cx="790" cy="307.5" rx="25" ry="25.5" fill="#ffd52b"></ellipse>
                                    <circle r="14" transform="matrix(1 0 0 -1 790 308)" fill="white"></circle>
                                </svg></div>
                                <p id="people">共<b>[[${theme.config.aboutReward.reward_list.size()}]]</b>人</p>
                            </div>
                        </div>
                        <div class="reward-list-all" th:if="${not #lists.isEmpty(theme.config.aboutReward.reward_list)}"
                             th:with="authorRewardList = ${theme.config.aboutReward.reward_list}">

                            <div class="reward-list-item" th:each="authorReward : ${authorRewardList}">
                                <div class="reward-list-item-name">[[${authorReward.name}]]</div>
                                <div class="reward-list-bottom-group">
                                    <div th:if="${authorReward.sign == 'N'}" class="reward-list-item-money">¥
                                        [[${authorReward.amount}]]</div>
                                    <div th:if="${authorReward.sign == 'Y'}" class="reward-list-item-money"
                                         style="background: var(--heo-vip);">¥ [[${authorReward.amount}]]
                                    </div>
                                    <time class="datatime reward-list-item-time">[[${authorReward.datatime}]]</time>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>




            </div>

            <!-- 评论模块 -->


        </main>
        <!-- 底部 -->
        <footer th:replace="~{modules/footer :: footer}"></footer>
    </div>

</th:block>

</html>
