halo-theme-joe3.0/templates/photos.html

53 lines
2.2 KiB
HTML

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
th:replace="~{modules/layout :: html(title = ${theme.config.photos.photos_title?:'我的图库'}+'-'+${site.title},htmlType = photos,header = null,leftSidebar = true,content = ~{::content}, head = null, footer = null)}"
>
<th:block th:fragment="content">
<body>
<div id="Joe">
<th:block th:replace="~{modules/macro/navbar :: navbar}" />
<div class="joe_container joe_main_container page-photos"
th:classappend="|${theme.config.theme.enable_show_in_up ? 'animated showInUp':''} ${theme.config.aside.aside_position == 'left' ? 'revert':''}|">
<div class="joe_main">
<div class="joe_photos__type">
<div class="joe_photos__type-title">
<i class="joe-font joe-icon-tupian"></i>&nbsp;[[${theme.config.photos.photos_title?:'我的图库'}]]
</div>
<nav class="joe_photos__filter">
<ul>
<li data-sjslink="*" class="active">
<a >全部</a>
</li>
<th:block th:each="group : ${groups}">
<li th:data-sjslink="${group.metadata.name}">
<a >[[${group.spec.displayName}]]</a>
</li>
</th:block>
</ul>
</nav>
</div>
<div class="wrapper">
<div class="grid " id="image-grid">
<!-- 预留空间 -->
</div>
<th:block th:replace="~{modules/macro/loading :: loading}" />
</div>
</div>
<th:block th:if="${theme.config.aside.enable_photos_aside}">
<th:block th:replace="~{modules/common/aside :: aside}" />
</th:block>
</div>
<th:block th:replace="~{modules/common/actions :: actions}" />
<th:block th:replace="~{modules/common/footer :: footer}" />
</div>
<th:block th:replace="~{modules/macro/tail :: tail}" />
</body>
</th:block>
</html>