2024-10-05 19:42:29 +09:00
<!DOCTYPE html>
2024-10-23 10:07:45 +09:00
< html
xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorate="~{layout/default_layout}">
2024-10-05 19:42:29 +09:00
< th:block layout:fragment = "head" >
2024-10-25 18:28:25 +09:00
< script type = "text/javascript" th:src = "@{/js/blog.js}" > < / script >
< link th:href = "@{/css/blog.css}" rel = "stylesheet" / >
< script type = "text/javascript" th:src = "@{/js/toast-ui-view.js}" > < / script >
2025-01-23 17:18:23 +09:00
< script type = "text/javascript" th:src = "@{/js/test.js}" > < / script >
2024-10-25 18:28:25 +09:00
< link th:href = "@{/css/toast-ui-dark.css}" rel = "stylesheet" / >
< script th:inline = "javascript" >
document.addEventListener("DOMContentLoaded", onLoaded);
2025-03-19 18:27:39 +09:00
function goToViewer(item) {
let uploadUrl = getMainPath() + "/blog/viewer/"+item.attributes['data'].value;
location.href = uploadUrl
2024-10-25 18:28:25 +09:00
}
< / script >
2024-10-05 19:42:29 +09:00
< / th:block >
2024-10-23 10:07:45 +09:00
< th:block layout:fragment = "content" id = "content" >
2025-03-11 17:44:21 +09:00
< section id = "banner" >
< header >
< h2 > Bum's: < em > 짧은 헛소리 혹은 기사?! 링크 있으면 링크까지< / a > < / em > < / h2 >
2025-03-19 18:27:39 +09:00
< a href = "#" class = "button" > 더 읽으쉴?!< br > [Read More Gibberish]< / a >
2025-03-11 17:44:21 +09:00
< / header >
< / section >
2024-10-25 18:28:25 +09:00
2025-03-11 17:44:21 +09:00
<!-- Highlights -->
<!-- Gigantic Heading -->
< section class = "wrapper style2" >
< div class = "container" >
< header class = "major" >
< h2 > A gigantic heading you can use for whatever< / h2 >
< p > With a much smaller subtitle hanging out just below it< / p >
< / header >
< / div >
< / section >
2025-03-19 18:27:39 +09:00
< section id = "cta2" class = "wrapper style3" >
2025-03-11 17:44:21 +09:00
< div class = "container" >
< header >
< h2 > Are you ready to continue your quest?< / h2 >
< / header >
< / div >
< / section >
<!-- Posts -->
< section class = "wrapper style2" >
< div class = "container" >
2025-03-19 18:27:39 +09:00
< div class = "row" th:each = "row : ${Posts}" >
< section class = "col-6 col-12-narrower" th:each = "post : ${row}" >
<!-- <span th:text="${cell}"></span> -->
< div class = "box post" onclick = "goToViewer(this)" th:data = "${post.id}" >
< a href = "#" class = "image left" > < img th:src = "${#strings.length(post.image) > 0} ? ${post.image} : 'images/pic01.jpg'" alt = "" / > < / a >
2025-03-11 17:44:21 +09:00
< div class = "inner" >
2025-03-19 18:27:39 +09:00
< h3 th:text = "${#strings.length(post.title) > 0} ? ${post.title} : ('untitled[' + ${#temporals.format(T(java.time.Instant).ofEpochMilli(post.writeTime).atZone(T(java.time.ZoneId).systemDefault()).toLocalDateTime(), 'yyyy-MM-dd HH:mm:ss')} + ']')" > < / h3 >
< p th:text = "${#strings.abbreviate(post.html, 80)}" class = "ellipsis" > < / p >
2025-03-11 17:44:21 +09:00
< / div >
< / div >
< / section >
< / div >
< / div >
< / section >
< section class = "wrapper style1" >
< div class = "container" >
< div class = "row gtr-200" >
< section class = "col-4 col-12-narrower" >
< div class = "box highlight" >
< i class = "icon solid major fa-paper-plane" > < / i >
< h3 > This Is Important< / h3 >
< p > Duis neque nisi, dapibus sed mattis et quis, nibh. Sed et dapibus nisl amet mattis, sed a rutrum accumsan sed. Suspendisse eu.< / p >
< / div >
< / section >
< section class = "col-4 col-12-narrower" >
< div class = "box highlight" >
< i class = "icon solid major fa-pencil-alt" > < / i >
< h3 > 글쓰기[Writing]< / h3 >
2025-03-12 22:35:13 +09:00
< p > 오직 주인장 만의 권한 임요. 그냥 내가 쓰기 편하게 여기 놔둔 메뉴임. 님들은 못씀요.< br > [Only the owner has the authority. This is just a menu that I put here for my convenience. You can't use it.]< / p >
2025-03-11 17:44:21 +09:00
< / div >
< / section >
< section class = "col-4 col-12-narrower" >
< div class = "box highlight" >
< i class = "icon solid major fa-wrench" > < / i >
< h3 > Probably Important< / h3 >
< p > Duis neque nisi, dapibus sed mattis et quis, nibh. Sed et dapibus nisl amet mattis, sed a rutrum accumsan sed. Suspendisse eu.< / p >
< / div >
< / section >
< / div >
< / div >
< / section >
<!-- CTA -->
2025-03-19 18:27:39 +09:00
< section id = "cta2" class = "wrapper style3" >
2025-03-11 17:44:21 +09:00
< div class = "container" >
< header >
< h2 > Are you ready to continue your quest?< / h2 >
< / header >
2024-10-25 18:28:25 +09:00
< / div >
2025-03-11 17:44:21 +09:00
< / section >
2024-10-23 10:07:45 +09:00
< / th:block >
< / html >
