...
This commit is contained in:
@@ -33,18 +33,113 @@
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="content" id="content">
|
||||
<div id="main_layer">
|
||||
<section id="banner">
|
||||
<header>
|
||||
<h2>Bum's: <em>짧은 헛소리 혹은 기사?! 링크 있으면 링크까지</a></em></h2>
|
||||
<a href="#" class="button">더 읽으쉴?!<br>[Read More Gibberish]</a>
|
||||
</header>
|
||||
</section>
|
||||
|
||||
<div class="post_layer">
|
||||
<th:block class="posts_layer" id="posts" th:each="post : ${Posts}">
|
||||
<div class="post_item" th:onclick="goToView([[${path}]],[[${post.id}]])" >
|
||||
<span id="postTitle" class="post_attr" th:text="${post.title}"></span>
|
||||
<div id="content" class="post_attr content" th:attr="data=${post.content}"></div>
|
||||
<span id="writeDate" class="post_attr" th:text="${#dates.format(post.writeTime, 'yyyy.MM.dd HH:mm:ss')}"></span>
|
||||
<span id="postId" class="post_attr" th:text="${post.id}"></span>
|
||||
</div>
|
||||
</th:block>
|
||||
<!-- 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>
|
||||
</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>
|
||||
|
||||
Reference in New Issue
Block a user