<!DOCTYPE html>
<html lang="zh-CN" th:classappend="(${theme.config.style.theme_set=='dark-theme'} ? 'dark' : '')"
      th:fragment="layout(_head, _content, _title)" xmlns:th="http://www.thymeleaf.org"
      th:with="site_title = ${not #strings.isEmpty(_title) ?  _title  :  #strings.isEmpty(site.subtitle) ? site.title :  site.title +' - ' +site.subtitle },
      user = ${contributorFinder.getContributor(#authentication.name)},
    roleNames = ${#annotations.get(user, 'rbac.authorization.halo.run/role-names')},
    roleName= ${roleNames == '[]' ? 'super-' : #strings.substring(roleNames,2, #strings.length(roleNames) - 2) }">

<head>
    <th:block th:replace="~{modules/head :: head}"></th:block>
</head>

<body class="home blog normal" th:classappend="${theme.config.style.layout_set}">
    <style>
        .color-scheme-dark,.dark,[data-color-scheme=dark] {
            --halo-search-widget-divider-color: rgb(17, 19, 36);
            --halo-search-widget-base-bg-color: rgb(17, 19, 36);
            --halo-search-widget-modal-bg-color: #161829;
            --halo-search-widget-hit-bg-color: #292c45;
        }
    </style>
    <div class="player_box"></div>
    <div id="page" class="site main_wrap">

        <div class="main_body uk-flex uk-flex-center uk-grid-collapse" uk-grid>
           
            <div th:replace="~{modules/aside/aside-left}"/>

            <th:block th:replace="${_content}"></th:block>

            <div th:replace="~{modules/aside/aside-right}"/>
            
        </div>

        <div class="listree-box" aria-hidden="true">
            <ul id="listree-ol" style="display:none;">
            </ul>
        </div>

        <div class="go_top_box">
            <div class="footer_tool">
                <div th:if="${theme.config.music.bgm_open}" class="t_music top_tool icon_color">
                    <a class="bg_music"><i class="ri-disc-line"></i></a>
                </div>
                <div th:if="${theme.config.music.lrc_open}" class="t_lrc top_tool icon_color" style="margin-bottom: 8px;">
                    <a class="bg_lrc">
                        <i class="ri-play-list-line"></i>
                    </a>
                </div>
                <!-- <div th:if="${theme.config.style.theme_set != 'dark-theme'}" class="t_dark top_tool icon_color"><a><i class="ri-contrast-2-line"></i></a></div> -->
            </div>
            <a class="go_top" href="#page" uk-scroll=""><i class="ri-arrow-up-s-line"></i></a>
        </div>

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

        <dev th:replace="~{modules/msg-modal}"/>

        <dev th:replace="~{modules/topic-push :: topic-push}"></dev>
        
    </div>

    <th:block th:replace="~{modules/footer}"></th:block>
 


</body>

</html>
