2025-03-11 17:44:21 +09:00

146 lines
6.4 KiB
HTML

<!DOCTYPE html>
<html
xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorate="~{layout/default_layout}">
<th:block layout:fragment="head">
<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>
<script type="text/javascript" th:src="@{/js/test.js}"></script>
<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])
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>
</th:block>
<th:block layout:fragment="content" id="content">
<section id="banner">
<header>
<h2>Bum's: <em>짧은 헛소리 혹은 기사?! 링크 있으면 링크까지</a></em></h2>
<a href="#" class="button">더 읽으쉴?!<br>[Read More Gibberish]</a>
</header>
</section>
<!-- 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>
<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>
</th:block>
</html>