최시원 / Singer-Composer

Go to a project
Toggle navigation Toggle navigation pinning
Mukho
97b5de2e 1 parent ec1e5f2b

Add menubar

Inline Side-by-side
Showing 12 changed files with 334 additions and 15 deletions
...@@ -20,13 +20,50 @@ ...@@ -20,13 +20,50 @@
20 <nav class="navbar navbar-light bg-light static-top"> 20 <nav class="navbar navbar-light bg-light static-top">
21 <div class="container"> 21 <div class="container">
22 <a class="navbar-brand" href="/main">묵호의 놀이터</a> 22 <a class="navbar-brand" href="/main">묵호의 놀이터</a>
23 + <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
24 + <li><a href="#" class="nav-link px-2 link-dark">About(미구현)</a></li>
25 + <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
26 + <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li>
27 + <li><a href="#" class="nav-link px-2 link-dark">???(미구현)</a></li>
28 + </ul>
23 <div class="user"> 29 <div class="user">
24 - <a class="btn btn-primary" href="/login">로그인</a> 30 + <a class="btn btn-outline-primary me-2" href="/login">로그인</a>
25 <a class="btn btn-primary" href="/register">회원가입</a> 31 <a class="btn btn-primary" href="/register">회원가입</a>
26 </div> 32 </div>
27 </div> 33 </div>
28 </nav> 34 </nav>
29 - 35 + <!-- Footer-->
36 + <footer class="footer bg-light">
37 + <div class="container">
38 + <div class="row">
39 + <div class="col-lg-6 h-100 text-center text-lg-start my-auto">
40 + <ul class="list-inline mb-2">
41 + <li class="list-inline-item"><a href="#!">About</a></li>
42 + <li class="list-inline-item">⋅</li>
43 + <li class="list-inline-item"><a href="#!">Contact</a></li>
44 + <li class="list-inline-item">⋅</li>
45 + <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
46 + <li class="list-inline-item">⋅</li>
47 + <li class="list-inline-item"><a href="http://geo.khu.ac.kr/">경희대학교 지리학과</a></li>
48 + </ul>
49 + <p class="text-muted small mb-4 mb-lg-0">&copy; Mukho 2021. All Rights Reserved.</p>
50 + </div>
51 + <div class="col-lg-6 h-100 text-center text-lg-end my-auto">
52 + <ul class="list-inline mb-0">
53 + <li class="list-inline-item me-4">
54 + <a href="#!"><i class="bi-facebook fs-3"></i></a>
55 + </li>
56 + <li class="list-inline-item me-4">
57 + <a href="#!"><i class="bi-twitter fs-3"></i></a>
58 + </li>
59 + <li class="list-inline-item">
60 + <a href="#!"><i class="bi-instagram fs-3"></i></a>
61 + </li>
62 + </ul>
63 + </div>
64 + </div>
65 + </div>
66 + </footer>
30 </body> 67 </body>
31 68
32 </html> 69 </html>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -16,10 +16,15 @@ ...@@ -16,10 +16,15 @@
16 <link href="../css/styles.css" rel="stylesheet" /> 16 <link href="../css/styles.css" rel="stylesheet" />
17 </head> 17 </head>
18 <body> 18 <body>
19 - <!-- Navigation-->
20 <nav class="navbar navbar-light bg-light static-top"> 19 <nav class="navbar navbar-light bg-light static-top">
21 <div class="container"> 20 <div class="container">
22 <a class="navbar-brand" href="/main">묵호의 놀이터</a> 21 <a class="navbar-brand" href="/main">묵호의 놀이터</a>
22 + <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
23 + <li><a href="#" class="nav-link px-2 link-dark">About(미구현)</a></li>
24 + <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
25 + <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li>
26 + <li><a href="#" class="nav-link px-2 link-dark">???(미구현)</a></li>
27 + </ul>
23 <div class="user"> 28 <div class="user">
24 <a class="btn btn-primary" href="/register">회원가입</a> 29 <a class="btn btn-primary" href="/register">회원가입</a>
25 </div> 30 </div>
...@@ -43,5 +48,37 @@ ...@@ -43,5 +48,37 @@
43 </div> 48 </div>
44 </form> 49 </form>
45 </div> 50 </div>
51 + <!-- Footer-->
52 + <footer class="footer bg-light">
53 + <div class="container">
54 + <div class="row">
55 + <div class="col-lg-6 h-100 text-center text-lg-start my-auto">
56 + <ul class="list-inline mb-2">
57 + <li class="list-inline-item"><a href="#!">About</a></li>
58 + <li class="list-inline-item">⋅</li>
59 + <li class="list-inline-item"><a href="#!">Contact</a></li>
60 + <li class="list-inline-item">⋅</li>
61 + <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
62 + <li class="list-inline-item">⋅</li>
63 + <li class="list-inline-item"><a href="http://geo.khu.ac.kr/">경희대학교 지리학과</a></li>
64 + </ul>
65 + <p class="text-muted small mb-4 mb-lg-0">&copy; Mukho 2021. All Rights Reserved.</p>
66 + </div>
67 + <div class="col-lg-6 h-100 text-center text-lg-end my-auto">
68 + <ul class="list-inline mb-0">
69 + <li class="list-inline-item me-4">
70 + <a href="#!"><i class="bi-facebook fs-3"></i></a>
71 + </li>
72 + <li class="list-inline-item me-4">
73 + <a href="#!"><i class="bi-twitter fs-3"></i></a>
74 + </li>
75 + <li class="list-inline-item">
76 + <a href="#!"><i class="bi-instagram fs-3"></i></a>
77 + </li>
78 + </ul>
79 + </div>
80 + </div>
81 + </div>
82 + </footer>
46 </body> 83 </body>
47 </html> 84 </html>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -20,8 +20,14 @@ ...@@ -20,8 +20,14 @@
20 <nav class="navbar navbar-light bg-light static-top"> 20 <nav class="navbar navbar-light bg-light static-top">
21 <div class="container"> 21 <div class="container">
22 <a class="navbar-brand" href="/main">묵호의 놀이터</a> 22 <a class="navbar-brand" href="/main">묵호의 놀이터</a>
23 + <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
24 + <li><a href="#" class="nav-link px-2 link-dark">About(미구현)</a></li>
25 + <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
26 + <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li>
27 + <li><a href="#" class="nav-link px-2 link-dark">???(미구현)</a></li>
28 + </ul>
23 <div class="user"> 29 <div class="user">
24 - <a class="btn btn-primary" href="/login">로그인</a> 30 + <a class="btn btn-outline-primary me-2" href="/login">로그인</a>
25 <a class="btn btn-primary" href="/register">회원가입</a> 31 <a class="btn btn-primary" href="/register">회원가입</a>
26 </div> 32 </div>
27 </div> 33 </div>
...@@ -215,11 +221,11 @@ ...@@ -215,11 +221,11 @@
215 <li class="list-inline-item">⋅</li> 221 <li class="list-inline-item">⋅</li>
216 <li class="list-inline-item"><a href="#!">Contact</a></li> 222 <li class="list-inline-item"><a href="#!">Contact</a></li>
217 <li class="list-inline-item">⋅</li> 223 <li class="list-inline-item">⋅</li>
218 - <li class="list-inline-item"><a href="#!">Terms of Use</a></li> 224 + <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
219 <li class="list-inline-item">⋅</li> 225 <li class="list-inline-item">⋅</li>
220 - <li class="list-inline-item"><a href="#!">Privacy Policy</a></li> 226 + <li class="list-inline-item"><a href="http://geo.khu.ac.kr/">경희대학교 지리학과</a></li>
221 </ul> 227 </ul>
222 - <p class="text-muted small mb-4 mb-lg-0">&copy; Your Website 2021. All Rights Reserved.</p> 228 + <p class="text-muted small mb-4 mb-lg-0">&copy; Mukho 2021. All Rights Reserved.</p>
223 </div> 229 </div>
224 <div class="col-lg-6 h-100 text-center text-lg-end my-auto"> 230 <div class="col-lg-6 h-100 text-center text-lg-end my-auto">
225 <ul class="list-inline mb-0"> 231 <ul class="list-inline mb-0">
......
...@@ -19,9 +19,15 @@ ...@@ -19,9 +19,15 @@
19 <!-- Navigation--> 19 <!-- Navigation-->
20 <nav class="navbar navbar-light bg-light static-top"> 20 <nav class="navbar navbar-light bg-light static-top">
21 <div class="container"> 21 <div class="container">
22 - <a class="navbar-brand" href="http://localhost:3000/">묵호의 놀이터</a> 22 + <a class="navbar-brand" href="/main">묵호의 놀이터</a>
23 + <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
24 + <li><a href="#" class="nav-link px-2 link-dark">About(미구현)</a></li>
25 + <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
26 + <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li>
27 + <li><a href="#" class="nav-link px-2 link-dark">???(미구현)</a></li>
28 + </ul>
23 <div class="user"> 29 <div class="user">
24 - <a class="btn btn-primary" href="http://localhost:3000/login">로그인</a> 30 + <a class="btn btn-outline-primary me-2" href="/login">로그인</a>
25 </div> 31 </div>
26 </div> 32 </div>
27 </nav> 33 </nav>
...@@ -59,5 +65,37 @@ ...@@ -59,5 +65,37 @@
59 </div> 65 </div>
60 </form> 66 </form>
61 </div> 67 </div>
68 + <!-- Footer-->
69 + <footer class="footer bg-light">
70 + <div class="container">
71 + <div class="row">
72 + <div class="col-lg-6 h-100 text-center text-lg-start my-auto">
73 + <ul class="list-inline mb-2">
74 + <li class="list-inline-item"><a href="#!">About</a></li>
75 + <li class="list-inline-item">⋅</li>
76 + <li class="list-inline-item"><a href="#!">Contact</a></li>
77 + <li class="list-inline-item">⋅</li>
78 + <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
79 + <li class="list-inline-item">⋅</li>
80 + <li class="list-inline-item"><a href="http://geo.khu.ac.kr/">경희대학교 지리학과</a></li>
81 + </ul>
82 + <p class="text-muted small mb-4 mb-lg-0">&copy; Mukho 2021. All Rights Reserved.</p>
83 + </div>
84 + <div class="col-lg-6 h-100 text-center text-lg-end my-auto">
85 + <ul class="list-inline mb-0">
86 + <li class="list-inline-item me-4">
87 + <a href="#!"><i class="bi-facebook fs-3"></i></a>
88 + </li>
89 + <li class="list-inline-item me-4">
90 + <a href="#!"><i class="bi-twitter fs-3"></i></a>
91 + </li>
92 + <li class="list-inline-item">
93 + <a href="#!"><i class="bi-instagram fs-3"></i></a>
94 + </li>
95 + </ul>
96 + </div>
97 + </div>
98 + </div>
99 + </footer>
62 </body> 100 </body>
63 </html> 101 </html>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -42,6 +42,6 @@ DB구조 - board에서 사용됨(*idx, name, title, content, regdate, modidate, ...@@ -42,6 +42,6 @@ DB구조 - board에서 사용됨(*idx, name, title, content, regdate, modidate,
42 LF 오류시 git config --global core.autocrlf true 입력<br><br> 42 LF 오류시 git config --global core.autocrlf true 입력<br><br>
43 43
44 44
45 -최종 수정: 2021-11-18 13:17<br> 45 +최종 수정: 2021-11-18 19:35<br>
46 -최종 수정 내용: 게시판에 기본 서식 추가, 로그인시에만 게시판 관련 경로에 접근가능하게 함 46 +최종 수정 내용: 메뉴바/하단 추가, 게시판에 기본 서식 추가, 로그인시에만 게시판 관련 경로에 접근가능하게 함
47 수정 내용: 경로 지정 수정, 제목 추가, userDB, 회원가입에 nickname요소 추가, 세션에 ID + 닉네임 전달기능 추가, 게시판의 글쓰기 및 글 열람 기능 추가. 47 수정 내용: 경로 지정 수정, 제목 추가, userDB, 회원가입에 nickname요소 추가, 세션에 ID + 닉네임 전달기능 추가, 게시판의 글쓰기 및 글 열람 기능 추가.
......
1 var express = require('express') 1 var express = require('express')
2 var app = express() 2 var app = express()
3 var router = express.Router(); 3 var router = express.Router();
4 +var path = require('path')
4 5
5 router.get('/', function(req, res){ 6 router.get('/', function(req, res){
7 + var id = req.user;
8 + if(!id) res.redirect('/main')
9 + else{
6 console.log(req.user.ID+"("+req.user.nickname+") 유저가 로그아웃합니다.") 10 console.log(req.user.ID+"("+req.user.nickname+") 유저가 로그아웃합니다.")
7 req.logout(); 11 req.logout();
8 req.session.save(function(){ 12 req.session.save(function(){
9 res.redirect('/'); 13 res.redirect('/');
10 }) 14 })
15 + }
11 }); 16 });
12 17
13 module.exports = router; 18 module.exports = router;
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -20,6 +20,12 @@ ...@@ -20,6 +20,12 @@
20 <nav class="navbar navbar-light bg-light static-top"> 20 <nav class="navbar navbar-light bg-light static-top">
21 <div class="container"> 21 <div class="container">
22 <a class="navbar-brand" href="/main">묵호의 놀이터</a> 22 <a class="navbar-brand" href="/main">묵호의 놀이터</a>
23 + <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
24 + <li><a href="#" class="nav-link px-2 link-dark">About(미구현)</a></li>
25 + <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
26 + <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li>
27 + <li><a href="#" class="nav-link px-2 link-dark">???(미구현)</a></li>
28 + </ul>
23 <div class="user"> 29 <div class="user">
24 <a> <%= nickname %> 님 안녕하세요 </section></a> 30 <a> <%= nickname %> 님 안녕하세요 </section></a>
25 <a class="btn btn-primary" href="/logout">로그아웃</a> 31 <a class="btn btn-primary" href="/logout">로그아웃</a>
...@@ -54,6 +60,38 @@ ...@@ -54,6 +60,38 @@
54 <%}%> 60 <%}%>
55 </table> 61 </table>
56 </div> 62 </div>
63 + <!-- Footer-->
64 + <footer class="footer bg-light">
65 + <div class="container">
66 + <div class="row">
67 + <div class="col-lg-6 h-100 text-center text-lg-start my-auto">
68 + <ul class="list-inline mb-2">
69 + <li class="list-inline-item"><a href="#!">About</a></li>
70 + <li class="list-inline-item">⋅</li>
71 + <li class="list-inline-item"><a href="#!">Contact</a></li>
72 + <li class="list-inline-item">⋅</li>
73 + <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
74 + <li class="list-inline-item">⋅</li>
75 + <li class="list-inline-item"><a href="http://geo.khu.ac.kr/">경희대학교 지리학과</a></li>
76 + </ul>
77 + <p class="text-muted small mb-4 mb-lg-0">&copy; Mukho 2021. All Rights Reserved.</p>
78 + </div>
79 + <div class="col-lg-6 h-100 text-center text-lg-end my-auto">
80 + <ul class="list-inline mb-0">
81 + <li class="list-inline-item me-4">
82 + <a href="#!"><i class="bi-facebook fs-3"></i></a>
83 + </li>
84 + <li class="list-inline-item me-4">
85 + <a href="#!"><i class="bi-twitter fs-3"></i></a>
86 + </li>
87 + <li class="list-inline-item">
88 + <a href="#!"><i class="bi-instagram fs-3"></i></a>
89 + </li>
90 + </ul>
91 + </div>
92 + </div>
93 + </div>
94 + </footer>
57 </body> 95 </body>
58 </html> 96 </html>
59 97
......
...@@ -20,6 +20,12 @@ ...@@ -20,6 +20,12 @@
20 <nav class="navbar navbar-light bg-light static-top"> 20 <nav class="navbar navbar-light bg-light static-top">
21 <div class="container"> 21 <div class="container">
22 <a class="navbar-brand" href="/main">묵호의 놀이터</a> 22 <a class="navbar-brand" href="/main">묵호의 놀이터</a>
23 + <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
24 + <li><a href="#" class="nav-link px-2 link-dark">About(미구현)</a></li>
25 + <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
26 + <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li>
27 + <li><a href="#" class="nav-link px-2 link-dark">???(미구현)</a></li>
28 + </ul>
23 <div class="user"> 29 <div class="user">
24 <a class="btn btn-primary" href="/register">회원가입</a> 30 <a class="btn btn-primary" href="/register">회원가입</a>
25 </div> 31 </div>
...@@ -44,5 +50,37 @@ ...@@ -44,5 +50,37 @@
44 <section class="messages" style="color:crimson;"> <%= message %> </section> 50 <section class="messages" style="color:crimson;"> <%= message %> </section>
45 </form> 51 </form>
46 </div> 52 </div>
53 + <!-- Footer-->
54 + <footer class="footer bg-light">
55 + <div class="container">
56 + <div class="row">
57 + <div class="col-lg-6 h-100 text-center text-lg-start my-auto">
58 + <ul class="list-inline mb-2">
59 + <li class="list-inline-item"><a href="#!">About</a></li>
60 + <li class="list-inline-item">⋅</li>
61 + <li class="list-inline-item"><a href="#!">Contact</a></li>
62 + <li class="list-inline-item">⋅</li>
63 + <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
64 + <li class="list-inline-item">⋅</li>
65 + <li class="list-inline-item"><a href="http://geo.khu.ac.kr/">경희대학교 지리학과</a></li>
66 + </ul>
67 + <p class="text-muted small mb-4 mb-lg-0">&copy; Mukho 2021. All Rights Reserved.</p>
68 + </div>
69 + <div class="col-lg-6 h-100 text-center text-lg-end my-auto">
70 + <ul class="list-inline mb-0">
71 + <li class="list-inline-item me-4">
72 + <a href="#!"><i class="bi-facebook fs-3"></i></a>
73 + </li>
74 + <li class="list-inline-item me-4">
75 + <a href="#!"><i class="bi-twitter fs-3"></i></a>
76 + </li>
77 + <li class="list-inline-item">
78 + <a href="#!"><i class="bi-instagram fs-3"></i></a>
79 + </li>
80 + </ul>
81 + </div>
82 + </div>
83 + </div>
84 + </footer>
47 </body> 85 </body>
48 </html> 86 </html>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -20,6 +20,12 @@ ...@@ -20,6 +20,12 @@
20 <nav class="navbar navbar-light bg-light static-top"> 20 <nav class="navbar navbar-light bg-light static-top">
21 <div class="container"> 21 <div class="container">
22 <a class="navbar-brand" href="/main">묵호의 놀이터</a> 22 <a class="navbar-brand" href="/main">묵호의 놀이터</a>
23 + <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
24 + <li><a href="#" class="nav-link px-2 link-dark">About(미구현)</a></li>
25 + <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
26 + <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li>
27 + <li><a href="#" class="nav-link px-2 link-dark">???(미구현)</a></li>
28 + </ul>
23 <div class="user"> 29 <div class="user">
24 <a> <%=nickname%> 님 안녕하세요 </a> 30 <a> <%=nickname%> 님 안녕하세요 </a>
25 <a class="btn btn-primary" href="/logout">로그아웃</a> 31 <a class="btn btn-primary" href="/logout">로그아웃</a>
...@@ -206,11 +212,11 @@ ...@@ -206,11 +212,11 @@
206 <li class="list-inline-item">⋅</li> 212 <li class="list-inline-item">⋅</li>
207 <li class="list-inline-item"><a href="#!">Contact</a></li> 213 <li class="list-inline-item"><a href="#!">Contact</a></li>
208 <li class="list-inline-item">⋅</li> 214 <li class="list-inline-item">⋅</li>
209 - <li class="list-inline-item"><a href="#!">Terms of Use</a></li> 215 + <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
210 <li class="list-inline-item">⋅</li> 216 <li class="list-inline-item">⋅</li>
211 - <li class="list-inline-item"><a href="#!">Privacy Policy</a></li> 217 + <li class="list-inline-item"><a href="http://geo.khu.ac.kr/">경희대학교 지리학과</a></li>
212 </ul> 218 </ul>
213 - <p class="text-muted small mb-4 mb-lg-0">&copy; Your Website 2021. All Rights Reserved.</p> 219 + <p class="text-muted small mb-4 mb-lg-0">&copy; Mukho 2021. All Rights Reserved.</p>
214 </div> 220 </div>
215 <div class="col-lg-6 h-100 text-center text-lg-end my-auto"> 221 <div class="col-lg-6 h-100 text-center text-lg-end my-auto">
216 <ul class="list-inline mb-0"> 222 <ul class="list-inline mb-0">
......
...@@ -17,6 +17,12 @@ ...@@ -17,6 +17,12 @@
17 <nav class="navbar navbar-light bg-light static-top"> 17 <nav class="navbar navbar-light bg-light static-top">
18 <div class="container"> 18 <div class="container">
19 <a class="navbar-brand" href="/main">묵호의 놀이터</a> 19 <a class="navbar-brand" href="/main">묵호의 놀이터</a>
20 + <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
21 + <li><a href="#" class="nav-link px-2 link-dark">About(미구현)</a></li>
22 + <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
23 + <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li>
24 + <li><a href="#" class="nav-link px-2 link-dark">???(미구현)</a></li>
25 + </ul>
20 <div class="user"> 26 <div class="user">
21 <a> <%= nickname %> 님 안녕하세요 </section></a> 27 <a> <%= nickname %> 님 안녕하세요 </section></a>
22 <a class="btn btn-primary" href="/logout">로그아웃</a> 28 <a class="btn btn-primary" href="/logout">로그아웃</a>
...@@ -66,5 +72,37 @@ ...@@ -66,5 +72,37 @@
66 </table> 72 </table>
67 </form> 73 </form>
68 </div> 74 </div>
75 + <!-- Footer-->
76 + <footer class="footer bg-light">
77 + <div class="container">
78 + <div class="row">
79 + <div class="col-lg-6 h-100 text-center text-lg-start my-auto">
80 + <ul class="list-inline mb-2">
81 + <li class="list-inline-item"><a href="#!">About</a></li>
82 + <li class="list-inline-item">⋅</li>
83 + <li class="list-inline-item"><a href="#!">Contact</a></li>
84 + <li class="list-inline-item">⋅</li>
85 + <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
86 + <li class="list-inline-item">⋅</li>
87 + <li class="list-inline-item"><a href="http://geo.khu.ac.kr/">경희대학교 지리학과</a></li>
88 + </ul>
89 + <p class="text-muted small mb-4 mb-lg-0">&copy; Mukho 2021. All Rights Reserved.</p>
90 + </div>
91 + <div class="col-lg-6 h-100 text-center text-lg-end my-auto">
92 + <ul class="list-inline mb-0">
93 + <li class="list-inline-item me-4">
94 + <a href="#!"><i class="bi-facebook fs-3"></i></a>
95 + </li>
96 + <li class="list-inline-item me-4">
97 + <a href="#!"><i class="bi-twitter fs-3"></i></a>
98 + </li>
99 + <li class="list-inline-item">
100 + <a href="#!"><i class="bi-instagram fs-3"></i></a>
101 + </li>
102 + </ul>
103 + </div>
104 + </div>
105 + </div>
106 + </footer>
69 </body> 107 </body>
70 </html> 108 </html>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -20,8 +20,14 @@ ...@@ -20,8 +20,14 @@
20 <nav class="navbar navbar-light bg-light static-top"> 20 <nav class="navbar navbar-light bg-light static-top">
21 <div class="container"> 21 <div class="container">
22 <a class="navbar-brand" href="/main">묵호의 놀이터</a> 22 <a class="navbar-brand" href="/main">묵호의 놀이터</a>
23 + <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
24 + <li><a href="#" class="nav-link px-2 link-dark">About(미구현)</a></li>
25 + <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
26 + <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li>
27 + <li><a href="#" class="nav-link px-2 link-dark">???(미구현)</a></li>
28 + </ul>
23 <div class="user"> 29 <div class="user">
24 - <a class="btn btn-primary" href="/login">로그인</a> 30 + <a class="btn btn-outline-primary me-2" href="/login">로그인</a>
25 </div> 31 </div>
26 </div> 32 </div>
27 </nav> 33 </nav>
...@@ -61,5 +67,37 @@ ...@@ -61,5 +67,37 @@
61 <section class="messages" style="color:crimson;"> <%= message %> </section> 67 <section class="messages" style="color:crimson;"> <%= message %> </section>
62 </form> 68 </form>
63 </div> 69 </div>
70 + <!-- Footer-->
71 + <footer class="footer bg-light">
72 + <div class="container">
73 + <div class="row">
74 + <div class="col-lg-6 h-100 text-center text-lg-start my-auto">
75 + <ul class="list-inline mb-2">
76 + <li class="list-inline-item"><a href="#!">About</a></li>
77 + <li class="list-inline-item">⋅</li>
78 + <li class="list-inline-item"><a href="#!">Contact</a></li>
79 + <li class="list-inline-item">⋅</li>
80 + <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
81 + <li class="list-inline-item">⋅</li>
82 + <li class="list-inline-item"><a href="http://geo.khu.ac.kr/">경희대학교 지리학과</a></li>
83 + </ul>
84 + <p class="text-muted small mb-4 mb-lg-0">&copy; Mukho 2021. All Rights Reserved.</p>
85 + </div>
86 + <div class="col-lg-6 h-100 text-center text-lg-end my-auto">
87 + <ul class="list-inline mb-0">
88 + <li class="list-inline-item me-4">
89 + <a href="#!"><i class="bi-facebook fs-3"></i></a>
90 + </li>
91 + <li class="list-inline-item me-4">
92 + <a href="#!"><i class="bi-twitter fs-3"></i></a>
93 + </li>
94 + <li class="list-inline-item">
95 + <a href="#!"><i class="bi-instagram fs-3"></i></a>
96 + </li>
97 + </ul>
98 + </div>
99 + </div>
100 + </div>
101 + </footer>
64 </body> 102 </body>
65 </html> 103 </html>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -16,6 +16,12 @@ ...@@ -16,6 +16,12 @@
16 <nav class="navbar navbar-light bg-light static-top"> 16 <nav class="navbar navbar-light bg-light static-top">
17 <div class="container"> 17 <div class="container">
18 <a class="navbar-brand" href="/main">묵호의 놀이터</a> 18 <a class="navbar-brand" href="/main">묵호의 놀이터</a>
19 + <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
20 + <li><a href="#" class="nav-link px-2 link-dark">About(미구현)</a></li>
21 + <li><a href="/board/list" class="nav-link px-2 link-dark">게시판</a></li>
22 + <li><a href="#" class="nav-link px-2 link-dark">채팅</a></li>
23 + <li><a href="#" class="nav-link px-2 link-dark">???(미구현)</a></li>
24 + </ul>
19 <div class="user"> 25 <div class="user">
20 <a> <%= nickname %> 님 안녕하세요 </section></a> 26 <a> <%= nickname %> 님 안녕하세요 </section></a>
21 <a class="btn btn-primary" href="/logout">로그아웃</a> 27 <a class="btn btn-primary" href="/logout">로그아웃</a>
...@@ -51,5 +57,37 @@ ...@@ -51,5 +57,37 @@
51 </table> 57 </table>
52 </form> 58 </form>
53 </div> 59 </div>
60 + <!-- Footer-->
61 + <footer class="footer bg-light">
62 + <div class="container">
63 + <div class="row">
64 + <div class="col-lg-6 h-100 text-center text-lg-start my-auto">
65 + <ul class="list-inline mb-2">
66 + <li class="list-inline-item"><a href="#!">About</a></li>
67 + <li class="list-inline-item">⋅</li>
68 + <li class="list-inline-item"><a href="#!">Contact</a></li>
69 + <li class="list-inline-item">⋅</li>
70 + <li class="list-inline-item"><a href="http://ce.khu.ac.kr/">경희대학교 컴퓨터공학과</a></li>
71 + <li class="list-inline-item">⋅</li>
72 + <li class="list-inline-item"><a href="http://geo.khu.ac.kr/">경희대학교 지리학과</a></li>
73 + </ul>
74 + <p class="text-muted small mb-4 mb-lg-0">&copy; Mukho 2021. All Rights Reserved.</p>
75 + </div>
76 + <div class="col-lg-6 h-100 text-center text-lg-end my-auto">
77 + <ul class="list-inline mb-0">
78 + <li class="list-inline-item me-4">
79 + <a href="#!"><i class="bi-facebook fs-3"></i></a>
80 + </li>
81 + <li class="list-inline-item me-4">
82 + <a href="#!"><i class="bi-twitter fs-3"></i></a>
83 + </li>
84 + <li class="list-inline-item">
85 + <a href="#!"><i class="bi-instagram fs-3"></i></a>
86 + </li>
87 + </ul>
88 + </div>
89 + </div>
90 + </div>
91 + </footer>
54 </body> 92 </body>
55 </html> 93 </html>
...\ No newline at end of file ...\ No newline at end of file
......