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"
2025-08-04 16:35:49 +09:00
xmlns:sec = "http://www.thymeleaf.org/extras/spring-security"
2024-10-23 10:07:45 +09:00
layout:decorate = "~{layout/default_layout}" >
< th:block layout:fragment = "content" id = "content" >
2025-09-12 16:55:21 +09:00
< section id = "banner"
2025-09-16 18:42:55 +09:00
th:styleappend = "${randomBannerImage != null} ? |background-image: url('${apiBaseUrl}${randomBannerImage}');| : ''" >
2025-09-24 17:29:33 +09:00
< header th:if = "${gibberish != null}" >
< h2 > Bum's Gibberish: < em > [[${gibberish}]]</ em ></ h2 >
< a th:href = "@{/blog/viewer/{id}(id=${gibberishId})}" class = "button" > 코멘트 남기기< br > [Leave a Comment]</ a >
</ header >
< header th:if = "${gibberish == null}" >
2025-03-11 17:44:21 +09:00
< 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-09-23 17:37:22 +09:00
<!-- <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>-->
<!-- <section id="cta2" class="wrapper style3">-->
<!-- <div class="container">-->
<!-- <header>-->
<!-- <h2>Are you ready to continue your quest?</h2>-->
<!-- </header>-->
<!-- </div>-->
<!-- </section>-->
2025-09-12 16:55:21 +09:00
< section class = "wrapper style1" >
2025-03-11 17:44:21 +09:00
< div class = "container" >
2025-09-12 16:55:21 +09:00
< div class = "row" >
< div class = "col-12" >
< div id = "content_inner" >
< article >
2025-09-26 14:56:56 +09:00
< section th:each = "post , iterStat : ${Posts}" >
2025-09-12 16:55:21 +09:00
< div class = "box post" th:id = "${post.id}" onclick = "goToViewer(this)" style = "cursor: pointer;" >
< span class = "image left" >
2025-09-16 18:42:55 +09:00
< img th:src = "${post.thumb != null and not #strings.isEmpty(post.thumb)} ? ${apiBaseUrl + post.thumb} : @{/images/pic01.jpg}" alt = "Post Thumbnail" />
2025-09-12 16:55:21 +09:00
</ span >
< div class = "inner" >
< h3 style = "display: flex; justify-content: space-between; align-items: center;" >
< span th:text = "${post.title != null and not #strings.isEmpty(post.title)} ? ${post.title} : 'untitled[' + ${#temporals.format(T(java.time.Instant).ofEpochMilli(post.writeTime).atZone(T(java.time.ZoneId).systemDefault()).toLocalDateTime(), 'yyyy-MM-dd HH:mm')} + ']'" ></ span >
< span style = "font-size: 0.75em; color: #888; font-weight: normal; white-space: nowrap; margin-left: 1em;" >
(읽음: < span th:text = "${post.readCount}" > 0</ span > )
</ span >
</ h3 >
< p style = "font-size: 0.9em; color: #555; margin-bottom: 0.5em;" th:text = "${'by ' + post.writer}" ></ p >
< p th:text = "${#strings.abbreviate(post.html, 80)}" class = "ellipsis" ></ p >
</ div >
</ div >
2025-09-26 14:56:56 +09:00
< th:block th:if = "${iterStat.count % 3 == 0}" >
< section >
< div class = "box ad-container" style = "padding: 2em; text-align: center;" >
< p style = "margin-bottom: 1em; color: #888;" > - Advertisement -</ p >
< ins class = "adsbygoogle"
style = "display:block"
data-ad-client = "ca-pub-9504446465764716"
data-ad-slot = "5334609005"
data-ad-format = "auto"
data-full-width-responsive = "true" ></ ins >
< script >
( adsbygoogle = window . adsbygoogle || []). push ({});
</ script >
</ div >
</ section >
</ th:block >
2025-09-12 16:55:21 +09:00
</ section >
</ article >
2025-03-11 17:44:21 +09:00
</ div >
2025-09-12 16:55:21 +09:00
</ div >
2025-03-11 17:44:21 +09:00
</ 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" >
2025-09-05 18:02:27 +09:00
2025-08-04 16:35:49 +09:00
< div class = "box highlight" sec:authorize = "isAuthenticated()" onclick = gotoWrite() >
2025-03-21 17:15:55 +09:00
< i class = "icon solid major fa-pencil-alt" ></ i >
< h3 > 글쓰기[Writing]</ h3 >
< 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 >
</ div >
2025-09-05 18:02:27 +09:00
< div class = "box highlight open-login-popup" sec:authorize = "isAnonymous()" to = "#loginPopup" style = "cursor: pointer;" >
2025-03-11 17:44:21 +09:00
< 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 >
2025-09-24 17:29:33 +09:00
< section class = "wrapper style1" sec:authorize = "isAuthenticated()" >
< div class = "container" >
< div id = "gibberish-form" class = "box post" >
< h4 > 오늘의 Gibberish 남기기 (100자 이내)</ h4 >
< textarea id = "gibberish-content" rows = "3" maxlength = "100" placeholder = "문득 떠오른 생각을 적어보세요..." ></ textarea >
< button class = "button" style = "margin-top: 1em;" onclick = "submitGibberish()" > 등록</ button >
</ div >
</ 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 >
2025-09-24 17:29:33 +09:00
<!-- <h2>Are you ready to continue your quest?</h2>-->
2025-03-11 17:44:21 +09:00
</ header >
</ div >
</ section >
2024-10-23 10:07:45 +09:00
</ th:block >
2025-09-12 16:55:21 +09:00
</ html >
