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" >
let editor
document . addEventListener ( "DOMContentLoaded" , onLoaded );
function onLoaded () {
var els = document . getElementsByClassName ( 'content' )
for ( i = 0 ; i < els . length ; i ++ ) {
var item = $ ( els [ i ])
console . log ( item [ 0 ])
2024-10-05 19:42:29 +09:00
2024-10-25 18:28:25 +09:00
console . log ( item . attr ( "data" ))
new toastui . Editor ({
el : item [ 0 ],
width : ( item [ 0 ]. getBoundingClientRect (). width * 0.8 ) + 'px' ,
height : ( item [ 0 ]. getBoundingClientRect (). width * 0.8 ) + 'px' ,
viewer : true ,
usageStatistics : false ,
initialValue : item . attr ( "data" ),
theme : "dark" ,
});
}
}
</ 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 >
< a href = "#" class = "button" > 더 읽으쉴?!< br > [Read More Gibberish]</ a >
</ 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 >
2024-10-25 18:28:25 +09:00
</ div >
2025-03-11 17:44:21 +09:00
</ section >
< section id = "cta__3" class = "wrapper style3" >
< div class = "container" >
< header >
< h2 > Are you ready to continue your quest?</ h2 >
</ header >
</ div >
</ section >
<!-- Posts -->
< section class = "wrapper style2" >
< div class = "container" >
< div class = "row" >
< section class = "col-6 col-12-narrower" >
< div class = "box post" >
< a href = "#" class = "image left" >< img src = "images/pic01.jpg" alt = "" /></ a >
< div class = "inner" >
< h3 > The First Thing</ 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 >
</ div >
</ section >
< section class = "col-6 col-12-narrower" >
< div class = "box post" >
< a href = "#" class = "image left" >< img src = "images/pic02.jpg" alt = "" /></ a >
< div class = "inner" >
< h3 > The Second Thing</ 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 >
</ div >
</ section >
</ div >
< div class = "row" >
< section class = "col-6 col-12-narrower" >
< div class = "box post" >
< a href = "#" class = "image left" >< img src = "images/pic03.jpg" alt = "" /></ a >
< div class = "inner" >
< h3 > The Third Thing</ 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 >
</ div >
</ section >
< section class = "col-6 col-12-narrower" >
< div class = "box post" >
< a href = "#" class = "image left" >< img src = "images/pic04.jpg" alt = "" /></ a >
< div class = "inner" >
< h3 > The Fourth Thing</ 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 >
</ 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 >
< br > 오직 주인장 만의 권한 임요. 그냥 내가 쓰기 편하게 여기 놔둔 메뉴임. 님들은 못씀요.< 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 >
</ 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 -->
< section id = "cta" class = "wrapper style3" >
< div class = "container" >
< header >
< h2 > Are you ready to continue your quest?</ h2 >
< a href = "#" class = "button" > Insert Coin</ a >
</ header >
</ div >
</ section >
2024-10-23 10:07:45 +09:00
</ th:block >
</ html >
