halo-theme-hao/templates/index.html
2024-04-12 14:35:37 +08:00

76 lines
3.1 KiB
HTML

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
th:replace="~{modules/layouts/layout :: layout(content = ~{::content}, htmlType = 'index', title = null, head = ~{::head})}">
<th:block th:fragment="head">
<th:block th:replace="~{modules/common/open-graph :: open-graph(_title = ${site.title},
_permalink = '',
_cover = ${theme.config.other.opengraph.image},
_excerpt = ${site.seo.description},
_type = 'website')}"></th:block>
</th:block>
<th:block th:fragment="content">
<div class="page" id="body-wrap">
<div class="_3f01c8f5a4546beb05aa576fb01cb512_banner"
style="--bg-color: #F0F3FB;" th:if="${theme.config.advertise.index_top_adv.enable}">
<a class="_3f01c8f5a4546beb05aa576fb01cb512_link"
th:href="${theme.config.advertise.index_top_adv.index_top_adv_url}"
target="_blank"
data-tracker-scm="20140722.M_185485774.P_128.MO_1774-ID_10314565-MID_10314565-CID_31226-ST_10134-PA_m@1000390637-V_1"
data-aplus-ae="x1_6a70ef6a" data-spm-anchor-id="5176.28987142.J_4VYgf18xNlTAyFFbOuOQe.1">
<img th:src="${theme.config.advertise.index_top_adv.index_top_adv_img}" alt="">
</a>
<a class="_3f01c8f5a4546beb05aa576fb01cb512_close"></a>
</div>
<!-- 头部导航栏 -->
<header th:class="${theme.config.top.above.enable_above ? 'full_page' : 'not-top-img'}" id="page-header">
<nav th:replace="~{modules/nav :: nav(title = ${siteTitle})}"></nav>
<!-- 问候语 -->
<th:block th:replace="~{modules/header/greeting}"/>
<!-- 第一屏 -->
<th:block th:replace="~{modules/header/index-img}"/>
</header>
<div id="home_top">
<!-- 每日说说 -->
<div th:replace="~{modules/moment}"/>
<!-- 置顶内容 -->
<div th:replace="~{modules/recent-top}"/>
</div>
<main class="layout" id="content-inner" th:classappend="${theme.config.sidebar.location}">
<div class="recent-posts" id="recent-posts">
<!-- 分类导航栏 -->
<div th:replace="~{'modules/bar/' + ${theme.config.layout.navs.nav}}"></div>
<th:block th:replace="~{modules/post-list}"/>
</div>
<div th:replace="~{modules/aside :: aside(${theme.config.sidebar.widgetss.indexWidgets})}"></div>
</main>
<!-- 底部 -->
<footer th:replace="~{modules/footer}"/>
</div>
<style th:if="${theme.config.advertise.index_top_adv.enable}">
@media screen and (max-width: 768px) {
#page-header.not-top-img:not(.nav-fixed) #nav {
background: var(--heo-none);
}
}
@media screen and (min-width: 770px) {
#page-header.not-top-img:not(.nav-fixed) #nav {
background: var(--heo-none);
margin-top:60px
}
}
</style>
</th:block>
</html>