|
@@ -5,7 +5,8 @@
|
5
|
5
|
<meta charset="UTF-8" />
|
6
|
6
|
<title>Blog</title>
|
7
|
7
|
|
8
|
|
- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
|
8
|
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
|
|
9
|
+ crossorigin="anonymous">
|
9
|
10
|
|
10
|
11
|
</head>
|
11
|
12
|
|
|
@@ -15,26 +16,30 @@
|
15
|
16
|
<h1>Welcome to Weblogg!</h1>
|
16
|
17
|
<h3>Posts</h3>
|
17
|
18
|
<div th:each="post : ${posts}">
|
18
|
|
- <div class="card" style="width: 18rem;">
|
19
|
|
- <div class="card-body">
|
20
|
|
- <h5 class="card-title" th:text="${post.title}"></h5>
|
21
|
|
- <p class="card-text" th:text="${post.content}"></p>
|
22
|
|
- <a href="#" class="btn btn-primary">Details...</a>
|
|
19
|
+ <div class="card" style="width: 80%;">
|
|
20
|
+ <div class="card-body">
|
|
21
|
+ <h5 class="card-title" th:text="${post.title}"></h5>
|
|
22
|
+ <p class="card-text" th:text="${post.content}"></p>
|
|
23
|
+ <p><a href="#" class="btn btn-primary">Details...</a>
|
|
24
|
+ <small><small><span style="float: right" th:text="${post.createdAt}"></span></small></small></p>
|
|
25
|
+ </div>
|
23
|
26
|
</div>
|
24
|
|
- </div>
|
25
|
27
|
</div>
|
26
|
28
|
<h3>A Table of the Posts</h3>
|
27
|
29
|
<table class="table table-striped">
|
28
|
30
|
<tr>
|
|
31
|
+ <th>Id</th>
|
29
|
32
|
<th>Title</th>
|
30
|
33
|
<th>Content</th>
|
31
|
34
|
</tr>
|
32
|
35
|
<tr th:each="post : ${posts}">
|
|
36
|
+ <td th:text="${post.id}"></td>
|
33
|
37
|
<td th:text="${post.title}"></td>
|
34
|
38
|
<td th:text="${post.content}"></td>
|
35
|
39
|
</tr>
|
36
|
40
|
</table>
|
37
|
41
|
</div>
|
38
|
|
- </div></body>
|
|
42
|
+ </div>
|
|
43
|
+</body>
|
39
|
44
|
|
40
|
|
-</html>
|
|
45
|
+</html>
|