<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{blog/sketch/header::head-fragment}"></head>
<link rel="stylesheet" th:href="@{/blog/sketch/css/comment.css}">
<body>
    <div class="side-click-mask"></div>
    <div class="move-block">
        <div th:replace="~{blog/sketch/header::header}"></div>
        <div th:replace="~{blog/sketch/header::burger}"></div>
        <div th:replace="~{blog/sketch/header::sidebar-container}"></div>

        <main>
            <article class="post">
                <header>
                    <section class="author">
                        <div class="author-ava">
                            <img
                                th:src="${GravatarUtils.getAvatarUrlProxied('huocaizhu@gmail.com', 160)}"
                                referrerpolicy="same-origin"
                                alt="Doghole" width="160" height="160">
                        </div>
                    </section>
                </header>
                <div class="post-content" th:utext="${@markdownService.renderPostContent(post)}">
                </div>
            </article>
            <div class="comment-page"
                th:insert="~{blog/sketch/comment-only}"></div>
            <comment th:replace="~{blog/sketch/comment::reply-comment}"></comment>
        </main>
        <footer th:replace="~{blog/sketch/footer::footer}"></footer>
    </div>
    <script th:src="@{/blog/sketch/js/menu.js}"></script>
    <script th:src="@{/blog/sketch/js/post.js}"></script>
    <script th:src="@{/blog/sketch/js/comment.js}"></script>
</body>
</html>