김민규 / rest_stop_list

Go to a project
Toggle navigation Toggle navigation pinning
min1925k@gmail.com
5148efb4 1 parent 49666f76

Password **, index

Inline Side-by-side
Showing 3 changed files with 69 additions and 15 deletions
1 -<%- include('./header.ejs') %> 1 +<!DOCTYPE html>
2 - 2 +<html lang="en">
3 + <head>
4 + <meta charset="utf-8" />
5 + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
6 + <meta name="description" content="" />
7 + <meta name="author" content="" />
8 + <title>Modern Business - Start Bootstrap Template</title>
9 + <!-- Favicon-->
10 + <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
11 + <!-- Bootstrap icons-->
12 + <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />
13 + <!-- Core theme CSS (includes Bootstrap)-->
3 <link href="css/styles.css" rel="stylesheet" /> 14 <link href="css/styles.css" rel="stylesheet" />
4 <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=c71c02e15245260c3350614980ba87c8&libraries=services,clusterer,drawing"></script> 15 <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=c71c02e15245260c3350614980ba87c8&libraries=services,clusterer,drawing"></script>
5 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 16 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
...@@ -9,7 +20,6 @@ ...@@ -9,7 +20,6 @@
9 infowindow.open(map, marker); 20 infowindow.open(map, marker);
10 }; 21 };
11 } 22 }
12 -
13 // 인포윈도우를 닫는 클로저를 만드는 함수입니다 23 // 인포윈도우를 닫는 클로저를 만드는 함수입니다
14 function makeOutListener(infowindow) { 24 function makeOutListener(infowindow) {
15 return function() { 25 return function() {
...@@ -200,7 +210,40 @@ ...@@ -200,7 +210,40 @@
200 } 210 }
201 211
202 </script> 212 </script>
203 - 213 + </head>
214 + <body class="d-flex flex-column h-100">
215 + <main class="flex-shrink-0">
216 + <!-- Navigation-->
217 + <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
218 + <div class="container px-5">
219 + <a class="navbar-brand" href="/">휴게소 정보</a>
220 + <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
221 + data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
222 + aria-expanded="false" aria-label="Toggle navigation"><span
223 + class="navbar-toggler-icon"></span></button>
224 + <div class="collapse navbar-collapse" id="navbarSupportedContent">
225 + <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
226 + <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
227 + <li class="nav-item"><a class="nav-link" href="/menu">휴게소 메뉴</a></li>
228 + <li class="nav-item"><a class="nav-link" href="/weather">날씨</a></li>
229 + <li class="nav-item"><a class="nav-link" href="/lpg">LPG</a></li>
230 + <li class="nav-item"><a class="nav-link" href="/post">Board</a></li>
231 + <% if(session.sessId){ %>
232 + <li class="nav-item"><a class="nav-link" href="/logout">Log-Out</a></li>
233 + <% } else { %>
234 + <li class="nav-item dropdown">
235 + <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button"
236 + data-bs-toggle="dropdown" aria-expanded="false">Login</a>
237 + <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin">
238 + <li><a class="dropdown-item" href="/login">Login</a></li>
239 + <li><a class="dropdown-item" href="/signup">Sign-up</a></li>
240 + </ul>
241 + </li>
242 + <% } %>
243 + </ul>
244 + </div>
245 + </div>
246 + </nav>
204 <!-- Header--> 247 <!-- Header-->
205 <header class="bg-dark py-5"> 248 <header class="bg-dark py-5">
206 <div class="container px-5"> 249 <div class="container px-5">
...@@ -224,8 +267,6 @@ ...@@ -224,8 +267,6 @@
224 <script> 267 <script>
225 // 지도 구현 부분 268 // 지도 구현 부분
226 </script> 269 </script>
227 -
228 -
229 <div id="map" style="width:600px;height:400px;"></div> 270 <div id="map" style="width:600px;height:400px;"></div>
230 271
231 <script> 272 <script>
...@@ -245,7 +286,6 @@ ...@@ -245,7 +286,6 @@
245 // 정상적으로 검색이 완료됐으면 286 // 정상적으로 검색이 완료됐으면
246 287
247 if (status === kakao.maps.services.Status.OK) { 288 if (status === kakao.maps.services.Status.OK) {
248 -
249 var coords = new kakao.maps.LatLng(result[0].y, result[0].x); 289 var coords = new kakao.maps.LatLng(result[0].y, result[0].x);
250 290
251 // 결과값으로 받은 위치를 마커로 표시합니다 291 // 결과값으로 받은 위치를 마커로 표시합니다
...@@ -264,12 +304,10 @@ ...@@ -264,12 +304,10 @@
264 304
265 305
266 306
267 -
268 </script> 307 </script>
269 </div> 308 </div>
270 </div> 309 </div>
271 </header> 310 </header>
272 -
273 <!-- 311 <!--
274 312
275 313
...@@ -326,7 +364,6 @@ ...@@ -326,7 +364,6 @@
326 <span class="fw-bold text-primary mx-1">/</span> 364 <span class="fw-bold text-primary mx-1">/</span>
327 2018102164 365 2018102164
328 <span class="fw-bold text-primary mx-1"> </span> 366 <span class="fw-bold text-primary mx-1"> </span>
329 -
330 </div> 367 </div>
331 <img class="rounded-circle me-3" src="https://dummyimage.com/40x40/ced4da/6c757d" alt="..." /> 368 <img class="rounded-circle me-3" src="https://dummyimage.com/40x40/ced4da/6c757d" alt="..." />
332 <div class="fw-bold"> 369 <div class="fw-bold">
...@@ -334,7 +371,6 @@ ...@@ -334,7 +371,6 @@
334 <span class="fw-bold text-primary mx-1">/</span> 371 <span class="fw-bold text-primary mx-1">/</span>
335 2021105623 372 2021105623
336 <span class="fw-bold text-primary mx-1"> </span> 373 <span class="fw-bold text-primary mx-1"> </span>
337 -
338 </div> 374 </div>
339 </div> 375 </div>
340 </div> 376 </div>
...@@ -418,7 +454,6 @@ ...@@ -418,7 +454,6 @@
418 </div> 454 </div>
419 </div> 455 </div>
420 </div>--> 456 </div>-->
421 -
422 <!-- Call to action 457 <!-- Call to action
423 <aside class="bg-primary bg-gradient rounded-3 p-4 p-sm-5 mt-5"> 458 <aside class="bg-primary bg-gradient rounded-3 p-4 p-sm-5 mt-5">
424 <div class="d-flex align-items-center justify-content-between flex-column flex-xl-row text-center text-xl-start"> 459 <div class="d-flex align-items-center justify-content-between flex-column flex-xl-row text-center text-xl-start">
...@@ -439,4 +474,23 @@ ...@@ -439,4 +474,23 @@
439 </section>--> 474 </section>-->
440 </main> 475 </main>
441 <!-- Footer--> 476 <!-- Footer-->
442 - <%- include('./header.ejs') %> 477 + <footer class="bg-dark py-4 mt-auto">
478 + <div class="container px-5">
479 + <div class="row align-items-center justify-content-between flex-column flex-sm-row">
480 + <div class="col-auto"><div class="small m-0 text-white">Copyright &copy; Your Website 2022</div></div>
481 + <div class="col-auto">
482 + <a class="link-light small" href="#!">Privacy</a>
483 + <span class="text-white mx-1">&middot;</span>
484 + <a class="link-light small" href="#!">Terms</a>
485 + <span class="text-white mx-1">&middot;</span>
486 + <a class="link-light small" href="#!">Contact</a>
487 + </div>
488 + </div>
489 + </div>
490 + </footer>
491 + <!-- Bootstrap core JS-->
492 + <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
493 + <!-- Core theme JS-->
494 + <script src="js/scripts.js"></script>
495 + </body>
496 +</html>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
16 </tr> 16 </tr>
17 <tr> 17 <tr>
18 <td><label>비밀번호</label></td> 18 <td><label>비밀번호</label></td>
19 - <td><input type="text" name="password"></td> 19 + <td><input type="password" name="password"></td>
20 </tr> 20 </tr>
21 </table> 21 </table>
22 <input type="submit" value="전송" name=""> 22 <input type="submit" value="전송" name="">
......
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
24 </tr> 24 </tr>
25 <tr> 25 <tr>
26 <td><label>비밀번호</label></td> 26 <td><label>비밀번호</label></td>
27 - <td><input type="text" name="password"></td> 27 + <td><input type="password" name="password"></td>
28 </tr> 28 </tr>
29 </table> 29 </table>
30 <input type="submit" value="전송" name=""> 30 <input type="submit" value="전송" name="">
......