Showing
23 changed files
with
119 additions
and
1118 deletions
| ... | @@ -5,7 +5,7 @@ var router = express.Router(); | ... | @@ -5,7 +5,7 @@ var router = express.Router(); |
| 5 | 5 | ||
| 6 | 6 | ||
| 7 | router.get('/',function(req,res){ | 7 | router.get('/',function(req,res){ |
| 8 | - res.render('index.html', { | 8 | + res.render('index.ejs', { |
| 9 | session : req.session | 9 | session : req.session |
| 10 | }) | 10 | }) |
| 11 | }) | 11 | }) | ... | ... |
| ... | @@ -6,7 +6,7 @@ var router = express.Router(); | ... | @@ -6,7 +6,7 @@ var router = express.Router(); |
| 6 | 6 | ||
| 7 | router.get('/',function(req,res){ | 7 | router.get('/',function(req,res){ |
| 8 | 8 | ||
| 9 | - res.render('login.html') | 9 | + res.render('login.ejs',{session:req.session}) |
| 10 | }); | 10 | }); |
| 11 | 11 | ||
| 12 | router.post('/process', function(req, res) { | 12 | router.post('/process', function(req, res) { |
| ... | @@ -39,13 +39,13 @@ router.post('/process', function(req, res) { | ... | @@ -39,13 +39,13 @@ router.post('/process', function(req, res) { |
| 39 | req.session.sessId = paramId; | 39 | req.session.sessId = paramId; |
| 40 | req.session.save(); | 40 | req.session.save(); |
| 41 | // 조회 결과에서 사용자 이름 확인 | 41 | // 조회 결과에서 사용자 이름 확인 |
| 42 | - res.render('index.html',{ | 42 | + res.render('index.ejs',{ |
| 43 | session : req.session | 43 | session : req.session |
| 44 | }); | 44 | }); |
| 45 | 45 | ||
| 46 | 46 | ||
| 47 | } else { // 조회된 레코드가 없는 경우 실패 응답 전송 | 47 | } else { // 조회된 레코드가 없는 경우 실패 응답 전송 |
| 48 | - res.render('login.html'); | 48 | + res.render('login.ejs'); |
| 49 | 49 | ||
| 50 | } | 50 | } |
| 51 | }); | 51 | }); | ... | ... |
| ... | @@ -8,7 +8,7 @@ router.get('/',function(req,res){ | ... | @@ -8,7 +8,7 @@ router.get('/',function(req,res){ |
| 8 | req.session.destroy(function() { | 8 | req.session.destroy(function() { |
| 9 | req.session; | 9 | req.session; |
| 10 | }); | 10 | }); |
| 11 | - res.render('index.html') | 11 | + res.render('index.ejs') |
| 12 | }); | 12 | }); |
| 13 | 13 | ||
| 14 | module.exports = router | 14 | module.exports = router |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -2,7 +2,7 @@ var express = require('express') | ... | @@ -2,7 +2,7 @@ var express = require('express') |
| 2 | var router = express.Router() | 2 | var router = express.Router() |
| 3 | 3 | ||
| 4 | router.get('/',function(req,res){ | 4 | router.get('/',function(req,res){ |
| 5 | - res.render('lpg.html') | 5 | + res.render('lpg.ejs',{session:req.session}) |
| 6 | }) | 6 | }) |
| 7 | 7 | ||
| 8 | module.exports = router | 8 | module.exports = router |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -2,7 +2,7 @@ var express = require('express') | ... | @@ -2,7 +2,7 @@ var express = require('express') |
| 2 | var router = express.Router() | 2 | var router = express.Router() |
| 3 | 3 | ||
| 4 | router.get('/',function(req,res){ | 4 | router.get('/',function(req,res){ |
| 5 | - res.render('menu.html') | 5 | + res.render('menu.ejs',{session:req.session}) |
| 6 | }) | 6 | }) |
| 7 | 7 | ||
| 8 | module.exports = router | 8 | module.exports = router |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -34,6 +34,7 @@ router.get('/:id',function(req,res){ | ... | @@ -34,6 +34,7 @@ router.get('/:id',function(req,res){ |
| 34 | 34 | ||
| 35 | // 뷰 템플레이트를 이용하여 렌더링한 후 전송 | 35 | // 뷰 템플레이트를 이용하여 렌더링한 후 전송 |
| 36 | var context = { | 36 | var context = { |
| 37 | + session:req.session, | ||
| 37 | title: '글 조회 ', | 38 | title: '글 조회 ', |
| 38 | posts: results, | 39 | posts: results, |
| 39 | Entities: Entities | 40 | Entities: Entities | ... | ... |
| ... | @@ -3,7 +3,7 @@ var Conn = require('../database/database') | ... | @@ -3,7 +3,7 @@ var Conn = require('../database/database') |
| 3 | var router = express.Router() | 3 | var router = express.Router() |
| 4 | 4 | ||
| 5 | router.get('/',function(req,res){ | 5 | router.get('/',function(req,res){ |
| 6 | - res.render('signup.html') | 6 | + res.render('signup.ejs',{session:req.session}) |
| 7 | }); | 7 | }); |
| 8 | 8 | ||
| 9 | router.post('/process', function(req, res) { | 9 | router.post('/process', function(req, res) { | ... | ... |
| ... | @@ -2,7 +2,7 @@ var express = require('express') | ... | @@ -2,7 +2,7 @@ var express = require('express') |
| 2 | var router = express.Router() | 2 | var router = express.Router() |
| 3 | 3 | ||
| 4 | router.get('/',function(req,res){ | 4 | router.get('/',function(req,res){ |
| 5 | - res.render('weather.html') | 5 | + res.render('weather.ejs',{session:req.session}) |
| 6 | }) | 6 | }) |
| 7 | 7 | ||
| 8 | module.exports = router | 8 | module.exports = router |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
app/views/contact.html
deleted
100644 → 0
| 1 | -<!DOCTYPE html> | ||
| 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)--> | ||
| 14 | - <link href="css/styles.css" rel="stylesheet" /> | ||
| 15 | - </head> | ||
| 16 | - <body class="d-flex flex-column"> | ||
| 17 | - <main class="flex-shrink-0"> | ||
| 18 | - <!-- Navigation--> | ||
| 19 | - <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> | ||
| 20 | - <div class="container px-5"> | ||
| 21 | - <a class="navbar-brand" href="/">휴게소 정보</a> | ||
| 22 | - <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button> | ||
| 23 | - <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
| 24 | - <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> | ||
| 25 | - <li class="nav-item"><a class="nav-link" href="/">Home</a></li> | ||
| 26 | - <li class="nav-item"><a class="nav-link" href="/menu">휴게소 메뉴</a></li> | ||
| 27 | - <li class="nav-item"><a class="nav-link" href="/weather">날씨</a></li> | ||
| 28 | - <li class="nav-item"><a class="nav-link" href="/lpg">LPG</a></li> | ||
| 29 | - <li class="nav-item"><a class="nav-link" href="/post">Board</a></li> | ||
| 30 | - <li class="nav-item dropdown"> | ||
| 31 | - <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a> | ||
| 32 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog"> | ||
| 33 | - <li><a class="dropdown-item" href="blog-home.html">Blog Home</a></li> | ||
| 34 | - <li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li> | ||
| 35 | - </ul> | ||
| 36 | - </li> | ||
| 37 | - <li class="nav-item dropdown"> | ||
| 38 | - <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a> | ||
| 39 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> | ||
| 40 | - <li><a class="dropdown-item" href="/login">Login</a></li> | ||
| 41 | - <li><a class="dropdown-item" href="/signup">Sign-up</a></li> | ||
| 42 | - </ul> | ||
| 43 | - </li> | ||
| 44 | - </ul> | ||
| 45 | - </div> | ||
| 46 | - </div> | ||
| 47 | - </nav> | ||
| 48 | - <!-- Page content--> | ||
| 49 | - <section class="py-5"> | ||
| 50 | - <div class="container px-5"> | ||
| 51 | - <!-- Contact form--> | ||
| 52 | - <div class="bg-light rounded-3 py-5 px-4 px-md-5 mb-5"> | ||
| 53 | - <div class="text-center mb-5"> | ||
| 54 | - <div class="feature bg-primary bg-gradient text-white rounded-3 mb-3"><i class="bi bi-envelope"></i></div> | ||
| 55 | - <h1 class="fw-bolder">Get in touch</h1> | ||
| 56 | - <p class="lead fw-normal text-muted mb-0">We'd love to hear from you</p> | ||
| 57 | - </div> | ||
| 58 | - <div class="row gx-5 justify-content-center"> | ||
| 59 | - <div class="col-lg-8 col-xl-6"> | ||
| 60 | - <!-- * * * * * * * * * * * * * * *--> | ||
| 61 | - <!-- * * SB Forms Contact Form * *--> | ||
| 62 | - <!-- * * * * * * * * * * * * * * *--> | ||
| 63 | - <!-- This form is pre-integrated with SB Forms.--> | ||
| 64 | - <!-- To make this form functional, sign up at--> | ||
| 65 | - <!-- https://startbootstrap.com/solution/contact-forms--> | ||
| 66 | - <!-- to get an API token!--> | ||
| 67 | - <form id="contactForm" data-sb-form-api-token="API_TOKEN"> | ||
| 68 | - <!-- Name input--> | ||
| 69 | - <div class="form-floating mb-3"> | ||
| 70 | - <input class="form-control" id="name" type="text" placeholder="Enter your name..." data-sb-validations="required" /> | ||
| 71 | - <label for="name">Full name</label> | ||
| 72 | - <div class="invalid-feedback" data-sb-feedback="name:required">A name is required.</div> | ||
| 73 | - </div> | ||
| 74 | - <!-- Email address input--> | ||
| 75 | - <div class="form-floating mb-3"> | ||
| 76 | - <input class="form-control" id="email" type="email" placeholder="name@example.com" data-sb-validations="required,email" /> | ||
| 77 | - <label for="email">Email address</label> | ||
| 78 | - <div class="invalid-feedback" data-sb-feedback="email:required">An email is required.</div> | ||
| 79 | - <div class="invalid-feedback" data-sb-feedback="email:email">Email is not valid.</div> | ||
| 80 | - </div> | ||
| 81 | - <!-- Phone number input--> | ||
| 82 | - <div class="form-floating mb-3"> | ||
| 83 | - <input class="form-control" id="phone" type="tel" placeholder="(123) 456-7890" data-sb-validations="required" /> | ||
| 84 | - <label for="phone">Phone number</label> | ||
| 85 | - <div class="invalid-feedback" data-sb-feedback="phone:required">A phone number is required.</div> | ||
| 86 | - </div> | ||
| 87 | - <!-- Message input--> | ||
| 88 | - <div class="form-floating mb-3"> | ||
| 89 | - <textarea class="form-control" id="message" type="text" placeholder="Enter your message here..." style="height: 10rem" data-sb-validations="required"></textarea> | ||
| 90 | - <label for="message">Message</label> | ||
| 91 | - <div class="invalid-feedback" data-sb-feedback="message:required">A message is required.</div> | ||
| 92 | - </div> | ||
| 93 | - <!-- Submit success message--> | ||
| 94 | - <!----> | ||
| 95 | - <!-- This is what your users will see when the form--> | ||
| 96 | - <!-- has successfully submitted--> | ||
| 97 | - <div class="d-none" id="submitSuccessMessage"> | ||
| 98 | - <div class="text-center mb-3"> | ||
| 99 | - <div class="fw-bolder">Form submission successful!</div> | ||
| 100 | - To activate this form, sign up at | ||
| 101 | - <br /> | ||
| 102 | - <a href="https://startbootstrap.com/solution/contact-forms">https://startbootstrap.com/solution/contact-forms</a> | ||
| 103 | - </div> | ||
| 104 | - </div> | ||
| 105 | - <!-- Submit error message--> | ||
| 106 | - <!----> | ||
| 107 | - <!-- This is what your users will see when there is--> | ||
| 108 | - <!-- an error submitting the form--> | ||
| 109 | - <div class="d-none" id="submitErrorMessage"><div class="text-center text-danger mb-3">Error sending message!</div></div> | ||
| 110 | - <!-- Submit Button--> | ||
| 111 | - <div class="d-grid"><button class="btn btn-primary btn-lg disabled" id="submitButton" type="submit">Submit</button></div> | ||
| 112 | - </form> | ||
| 113 | - </div> | ||
| 114 | - </div> | ||
| 115 | - </div> | ||
| 116 | - <!-- Contact cards--> | ||
| 117 | - <div class="row gx-5 row-cols-2 row-cols-lg-4 py-5"> | ||
| 118 | - <div class="col"> | ||
| 119 | - <div class="feature bg-primary bg-gradient text-white rounded-3 mb-3"><i class="bi bi-chat-dots"></i></div> | ||
| 120 | - <div class="h5 mb-2">Chat with us</div> | ||
| 121 | - <p class="text-muted mb-0">Chat live with one of our support specialists.</p> | ||
| 122 | - </div> | ||
| 123 | - <div class="col"> | ||
| 124 | - <div class="feature bg-primary bg-gradient text-white rounded-3 mb-3"><i class="bi bi-people"></i></div> | ||
| 125 | - <div class="h5">Ask the community</div> | ||
| 126 | - <p class="text-muted mb-0">Explore our community forums and communicate with other users.</p> | ||
| 127 | - </div> | ||
| 128 | - <div class="col"> | ||
| 129 | - <div class="feature bg-primary bg-gradient text-white rounded-3 mb-3"><i class="bi bi-question-circle"></i></div> | ||
| 130 | - <div class="h5">Support center</div> | ||
| 131 | - <p class="text-muted mb-0">Browse FAQ's and support articles to find solutions.</p> | ||
| 132 | - </div> | ||
| 133 | - <div class="col"> | ||
| 134 | - <div class="feature bg-primary bg-gradient text-white rounded-3 mb-3"><i class="bi bi-telephone"></i></div> | ||
| 135 | - <div class="h5">Call us</div> | ||
| 136 | - <p class="text-muted mb-0">Call us during normal business hours at (555) 892-9403.</p> | ||
| 137 | - </div> | ||
| 138 | - </div> | ||
| 139 | - </div> | ||
| 140 | - </section> | ||
| 141 | - </main> | ||
| 142 | - <!-- Footer--> | ||
| 143 | - <footer class="bg-dark py-4 mt-auto"> | ||
| 144 | - <div class="container px-5"> | ||
| 145 | - <div class="row align-items-center justify-content-between flex-column flex-sm-row"> | ||
| 146 | - <div class="col-auto"><div class="small m-0 text-white">Copyright © Your Website 2022</div></div> | ||
| 147 | - <div class="col-auto"> | ||
| 148 | - <a class="link-light small" href="#!">Privacy</a> | ||
| 149 | - <span class="text-white mx-1">·</span> | ||
| 150 | - <a class="link-light small" href="#!">Terms</a> | ||
| 151 | - <span class="text-white mx-1">·</span> | ||
| 152 | - <a class="link-light small" href="#!">Contact</a> | ||
| 153 | - </div> | ||
| 154 | - </div> | ||
| 155 | - </div> | ||
| 156 | - </footer> | ||
| 157 | - <!-- Bootstrap core JS--> | ||
| 158 | - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> | ||
| 159 | - <!-- Core theme JS--> | ||
| 160 | - <script src="js/scripts.js"></script> | ||
| 161 | - <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *--> | ||
| 162 | - <!-- * * SB Forms JS * *--> | ||
| 163 | - <!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *--> | ||
| 164 | - <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *--> | ||
| 165 | - <script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script> | ||
| 166 | - </body> | ||
| 167 | -</html> |
app/views/faq.html
deleted
100644 → 0
| 1 | -<!DOCTYPE html> | ||
| 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)--> | ||
| 14 | - <link href="css/styles.css" rel="stylesheet" /> | ||
| 15 | - </head> | ||
| 16 | - <body class="d-flex flex-column h-100"> | ||
| 17 | - <main class="flex-shrink-0"> | ||
| 18 | - <!-- Navigation--> | ||
| 19 | - <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> | ||
| 20 | - <div class="container px-5"> | ||
| 21 | - <a class="navbar-brand" href="/">휴게소 정보</a> | ||
| 22 | - <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button> | ||
| 23 | - <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
| 24 | - <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> | ||
| 25 | - <li class="nav-item"><a class="nav-link" href="/">Home</a></li> | ||
| 26 | - <li class="nav-item"><a class="nav-link" href="/menu">휴게소 메뉴</a></li> | ||
| 27 | - <li class="nav-item"><a class="nav-link" href="/weather">날씨</a></li> | ||
| 28 | - <li class="nav-item"><a class="nav-link" href="/lpg">LPG</a></li> | ||
| 29 | - <li class="nav-item"><a class="nav-link" href="/post">Board</a></li> | ||
| 30 | - <li class="nav-item dropdown"> | ||
| 31 | - <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a> | ||
| 32 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog"> | ||
| 33 | - <li><a class="dropdown-item" href="blog-home.html">Blog Home</a></li> | ||
| 34 | - <li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li> | ||
| 35 | - </ul> | ||
| 36 | - </li> | ||
| 37 | - <li class="nav-item dropdown"> | ||
| 38 | - <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a> | ||
| 39 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> | ||
| 40 | - <li><a class="dropdown-item" href="/login">Login</a></li> | ||
| 41 | - <li><a class="dropdown-item" href="/signup">Sign-up</a></li> | ||
| 42 | - </ul> | ||
| 43 | - </li> | ||
| 44 | - </ul> | ||
| 45 | - </div> | ||
| 46 | - </div> | ||
| 47 | - </nav> | ||
| 48 | - <!-- Page Content--> | ||
| 49 | - <section class="py-5"> | ||
| 50 | - <div class="container px-5 my-5"> | ||
| 51 | - <div class="text-center mb-5"> | ||
| 52 | - <h1 class="fw-bolder">Frequently Asked Questions</h1> | ||
| 53 | - <p class="lead fw-normal text-muted mb-0">How can we help you?</p> | ||
| 54 | - </div> | ||
| 55 | - <div class="row gx-5"> | ||
| 56 | - <div class="col-xl-8"> | ||
| 57 | - <!-- FAQ Accordion 1--> | ||
| 58 | - <h2 class="fw-bolder mb-3">Account & Billing</h2> | ||
| 59 | - <div class="accordion mb-5" id="accordionExample"> | ||
| 60 | - <div class="accordion-item"> | ||
| 61 | - <h3 class="accordion-header" id="headingOne"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">Accordion Item #1</button></h3> | ||
| 62 | - <div class="accordion-collapse collapse show" id="collapseOne" aria-labelledby="headingOne" data-bs-parent="#accordionExample"> | ||
| 63 | - <div class="accordion-body"> | ||
| 64 | - <strong>This is the first item's accordion body.</strong> | ||
| 65 | - It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the | ||
| 66 | - <code>.accordion-body</code> | ||
| 67 | - , though the transition does limit overflow. | ||
| 68 | - </div> | ||
| 69 | - </div> | ||
| 70 | - </div> | ||
| 71 | - <div class="accordion-item"> | ||
| 72 | - <h3 class="accordion-header" id="headingTwo"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Accordion Item #2</button></h3> | ||
| 73 | - <div class="accordion-collapse collapse" id="collapseTwo" aria-labelledby="headingTwo" data-bs-parent="#accordionExample"> | ||
| 74 | - <div class="accordion-body"> | ||
| 75 | - <strong>This is the second item's accordion body.</strong> | ||
| 76 | - It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the | ||
| 77 | - <code>.accordion-body</code> | ||
| 78 | - , though the transition does limit overflow. | ||
| 79 | - </div> | ||
| 80 | - </div> | ||
| 81 | - </div> | ||
| 82 | - <div class="accordion-item"> | ||
| 83 | - <h3 class="accordion-header" id="headingThree"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">Accordion Item #3</button></h3> | ||
| 84 | - <div class="accordion-collapse collapse" id="collapseThree" aria-labelledby="headingThree" data-bs-parent="#accordionExample"> | ||
| 85 | - <div class="accordion-body"> | ||
| 86 | - <strong>This is the third item's accordion body.</strong> | ||
| 87 | - It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the | ||
| 88 | - <code>.accordion-body</code> | ||
| 89 | - , though the transition does limit overflow. | ||
| 90 | - </div> | ||
| 91 | - </div> | ||
| 92 | - </div> | ||
| 93 | - </div> | ||
| 94 | - <!-- FAQ Accordion 2--> | ||
| 95 | - <h2 class="fw-bolder mb-3">Website Issues</h2> | ||
| 96 | - <div class="accordion mb-5 mb-xl-0" id="accordionExample2"> | ||
| 97 | - <div class="accordion-item"> | ||
| 98 | - <h3 class="accordion-header" id="headingOne"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">Accordion Item #1</button></h3> | ||
| 99 | - <div class="accordion-collapse collapse show" id="collapseOne" aria-labelledby="headingOne" data-bs-parent="#accordionExample2"> | ||
| 100 | - <div class="accordion-body"> | ||
| 101 | - <strong>This is the first item's accordion body.</strong> | ||
| 102 | - It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the | ||
| 103 | - <code>.accordion-body</code> | ||
| 104 | - , though the transition does limit overflow. | ||
| 105 | - </div> | ||
| 106 | - </div> | ||
| 107 | - </div> | ||
| 108 | - <div class="accordion-item"> | ||
| 109 | - <h3 class="accordion-header" id="headingTwo"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Accordion Item #2</button></h3> | ||
| 110 | - <div class="accordion-collapse collapse" id="collapseTwo" aria-labelledby="headingTwo" data-bs-parent="#accordionExample2"> | ||
| 111 | - <div class="accordion-body"> | ||
| 112 | - <strong>This is the second item's accordion body.</strong> | ||
| 113 | - It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the | ||
| 114 | - <code>.accordion-body</code> | ||
| 115 | - , though the transition does limit overflow. | ||
| 116 | - </div> | ||
| 117 | - </div> | ||
| 118 | - </div> | ||
| 119 | - <div class="accordion-item"> | ||
| 120 | - <h3 class="accordion-header" id="headingThree"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">Accordion Item #3</button></h3> | ||
| 121 | - <div class="accordion-collapse collapse" id="collapseThree" aria-labelledby="headingThree" data-bs-parent="#accordionExample2"> | ||
| 122 | - <div class="accordion-body"> | ||
| 123 | - <strong>This is the third item's accordion body.</strong> | ||
| 124 | - It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the | ||
| 125 | - <code>.accordion-body</code> | ||
| 126 | - , though the transition does limit overflow. | ||
| 127 | - </div> | ||
| 128 | - </div> | ||
| 129 | - </div> | ||
| 130 | - </div> | ||
| 131 | - </div> | ||
| 132 | - <div class="col-xl-4"> | ||
| 133 | - <div class="card border-0 bg-light mt-xl-5"> | ||
| 134 | - <div class="card-body p-4 py-lg-5"> | ||
| 135 | - <div class="d-flex align-items-center justify-content-center"> | ||
| 136 | - <div class="text-center"> | ||
| 137 | - <div class="h6 fw-bolder">Have more questions?</div> | ||
| 138 | - <p class="text-muted mb-4"> | ||
| 139 | - Contact us at | ||
| 140 | - <br /> | ||
| 141 | - <a href="#!">support@domain.com</a> | ||
| 142 | - </p> | ||
| 143 | - <div class="h6 fw-bolder">Follow us</div> | ||
| 144 | - <a class="fs-5 px-2 link-dark" href="#!"><i class="bi-twitter"></i></a> | ||
| 145 | - <a class="fs-5 px-2 link-dark" href="#!"><i class="bi-facebook"></i></a> | ||
| 146 | - <a class="fs-5 px-2 link-dark" href="#!"><i class="bi-linkedin"></i></a> | ||
| 147 | - <a class="fs-5 px-2 link-dark" href="#!"><i class="bi-youtube"></i></a> | ||
| 148 | - </div> | ||
| 149 | - </div> | ||
| 150 | - </div> | ||
| 151 | - </div> | ||
| 152 | - </div> | ||
| 153 | - </div> | ||
| 154 | - </div> | ||
| 155 | - </section> | ||
| 156 | - </main> | ||
| 157 | - <!-- Footer--> | ||
| 158 | - <footer class="bg-dark py-4 mt-auto"> | ||
| 159 | - <div class="container px-5"> | ||
| 160 | - <div class="row align-items-center justify-content-between flex-column flex-sm-row"> | ||
| 161 | - <div class="col-auto"><div class="small m-0 text-white">Copyright © Your Website 2022</div></div> | ||
| 162 | - <div class="col-auto"> | ||
| 163 | - <a class="link-light small" href="#!">Privacy</a> | ||
| 164 | - <span class="text-white mx-1">·</span> | ||
| 165 | - <a class="link-light small" href="#!">Terms</a> | ||
| 166 | - <span class="text-white mx-1">·</span> | ||
| 167 | - <a class="link-light small" href="#!">Contact</a> | ||
| 168 | - </div> | ||
| 169 | - </div> | ||
| 170 | - </div> | ||
| 171 | - </footer> | ||
| 172 | - <!-- Bootstrap core JS--> | ||
| 173 | - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> | ||
| 174 | - <!-- Core theme JS--> | ||
| 175 | - <script src="js/scripts.js"></script> | ||
| 176 | - </body> | ||
| 177 | -</html> |
| 1 | +<footer class="bg-dark py-4 mt-auto"> | ||
| 2 | + <div class="container px-5"> | ||
| 3 | + <div class="row align-items-center justify-content-between flex-column flex-sm-row"> | ||
| 4 | + <div class="col-auto"><div class="small m-0 text-white">Copyright © Your Website 2022</div></div> | ||
| 5 | + <div class="col-auto"> | ||
| 6 | + <a class="link-light small" href="#!">Privacy</a> | ||
| 7 | + <span class="text-white mx-1">·</span> | ||
| 8 | + <a class="link-light small" href="#!">Terms</a> | ||
| 9 | + <span class="text-white mx-1">·</span> | ||
| 10 | + <a class="link-light small" href="#!">Contact</a> | ||
| 11 | + </div> | ||
| 12 | + </div> | ||
| 13 | + </div> | ||
| 14 | +</footer> | ||
| 15 | +<!-- Bootstrap core JS--> | ||
| 16 | +<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> | ||
| 17 | +<!-- Core theme JS--> | ||
| 18 | +<script src="js/scripts.js"></script> | ||
| 19 | +</body> | ||
| 20 | +</html> | ... | ... |
| 1 | -<!DOCTYPE html> | 1 | +<%- include('./header.ejs') %> |
| 2 | -<html lang="en"> | 2 | + |
| 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)--> | ||
| 14 | <link href="css/styles.css" rel="stylesheet" /> | 3 | <link href="css/styles.css" rel="stylesheet" /> |
| 15 | <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=c71c02e15245260c3350614980ba87c8&libraries=services,clusterer,drawing"></script> | 4 | <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=c71c02e15245260c3350614980ba87c8&libraries=services,clusterer,drawing"></script> |
| 16 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> | 5 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> |
| ... | @@ -211,39 +200,7 @@ | ... | @@ -211,39 +200,7 @@ |
| 211 | } | 200 | } |
| 212 | 201 | ||
| 213 | </script> | 202 | </script> |
| 214 | - </head> | 203 | + |
| 215 | - <body class="d-flex flex-column h-100"> | ||
| 216 | - <main class="flex-shrink-0"> | ||
| 217 | - <!-- Navigation--> | ||
| 218 | - <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> | ||
| 219 | - <div class="container px-5"> | ||
| 220 | - <a class="navbar-brand" href="/">휴게소 정보</a> | ||
| 221 | - <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button> | ||
| 222 | - <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
| 223 | - <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> | ||
| 224 | - <li class="nav-item"><a class="nav-link" href="/">Home</a></li> | ||
| 225 | - <li class="nav-item"><a class="nav-link" href="/menu">휴게소 메뉴</a></li> | ||
| 226 | - <li class="nav-item"><a class="nav-link" href="/weather">날씨</a></li> | ||
| 227 | - <li class="nav-item"><a class="nav-link" href="/lpg">LPG</a></li> | ||
| 228 | - <li class="nav-item"><a class="nav-link" href="/post">Board</a></li> | ||
| 229 | - <li class="nav-item dropdown"> | ||
| 230 | - <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a> | ||
| 231 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog"> | ||
| 232 | - <li><a class="dropdown-item" href="blog-home.html">Blog Home</a></li> | ||
| 233 | - <li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li> | ||
| 234 | - </ul> | ||
| 235 | - </li> | ||
| 236 | - <li class="nav-item dropdown"> | ||
| 237 | - <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a> | ||
| 238 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> | ||
| 239 | - <li><a class="dropdown-item" href="/login">Login</a></li> | ||
| 240 | - <li><a class="dropdown-item" href="/signup">Sign-up</a></li> | ||
| 241 | - </ul> | ||
| 242 | - </li> | ||
| 243 | - </ul> | ||
| 244 | - </div> | ||
| 245 | - </div> | ||
| 246 | - </nav> | ||
| 247 | <!-- Header--> | 204 | <!-- Header--> |
| 248 | <header class="bg-dark py-5"> | 205 | <header class="bg-dark py-5"> |
| 249 | <div class="container px-5"> | 206 | <div class="container px-5"> |
| ... | @@ -482,23 +439,4 @@ | ... | @@ -482,23 +439,4 @@ |
| 482 | </section>--> | 439 | </section>--> |
| 483 | </main> | 440 | </main> |
| 484 | <!-- Footer--> | 441 | <!-- Footer--> |
| 485 | - <footer class="bg-dark py-4 mt-auto"> | 442 | + <%- include('./header.ejs') %> |
| 486 | - <div class="container px-5"> | ||
| 487 | - <div class="row align-items-center justify-content-between flex-column flex-sm-row"> | ||
| 488 | - <div class="col-auto"><div class="small m-0 text-white">Copyright © Your Website 2022</div></div> | ||
| 489 | - <div class="col-auto"> | ||
| 490 | - <a class="link-light small" href="#!">Privacy</a> | ||
| 491 | - <span class="text-white mx-1">·</span> | ||
| 492 | - <a class="link-light small" href="#!">Terms</a> | ||
| 493 | - <span class="text-white mx-1">·</span> | ||
| 494 | - <a class="link-light small" href="#!">Contact</a> | ||
| 495 | - </div> | ||
| 496 | - </div> | ||
| 497 | - </div> | ||
| 498 | - </footer> | ||
| 499 | - <!-- Bootstrap core JS--> | ||
| 500 | - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> | ||
| 501 | - <!-- Core theme JS--> | ||
| 502 | - <script src="js/scripts.js"></script> | ||
| 503 | - </body> | ||
| 504 | -</html> | ... | ... |
app/views/login.ejs
0 → 100644
| 1 | +<%- include('./header.ejs') %> | ||
| 2 | + | ||
| 3 | + <!-- Header--> | ||
| 4 | + <header class="py-5"> | ||
| 5 | + <div class="container px-5"> | ||
| 6 | + <div class="row justify-content-center"> | ||
| 7 | + <div class="col-lg-8 col-xxl-6"> | ||
| 8 | + <div class="text-center my-5"> | ||
| 9 | + <h1>로그인</h1> | ||
| 10 | + <br> | ||
| 11 | + <form method="post" action="/login/process"> | ||
| 12 | + <table> | ||
| 13 | + <tr> | ||
| 14 | + <td><label>아이디</label></td> | ||
| 15 | + <td><input type="text" name="id"></td> | ||
| 16 | + </tr> | ||
| 17 | + <tr> | ||
| 18 | + <td><label>비밀번호</label></td> | ||
| 19 | + <td><input type="text" name="password"></td> | ||
| 20 | + </tr> | ||
| 21 | + </table> | ||
| 22 | + <input type="submit" value="전송" name=""> | ||
| 23 | + </form> | ||
| 24 | + </div> | ||
| 25 | + </div> | ||
| 26 | + </div> | ||
| 27 | + </div> | ||
| 28 | + </header> | ||
| 29 | + <!-- About section one--> | ||
| 30 | + </main> | ||
| 31 | + <!-- Footer--> | ||
| 32 | + <%- include('./footer.ejs') %> |
app/views/login.html
deleted
100644 → 0
| 1 | -<!DOCTYPE html> | ||
| 2 | -<html lang="en"> | ||
| 3 | - | ||
| 4 | -<head> | ||
| 5 | - <meta charset="utf-8" /> | ||
| 6 | - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> | ||
| 7 | - <meta name="description" content="" /> | ||
| 8 | - <meta name="author" content="" /> | ||
| 9 | - <title>Modern Business - Start Bootstrap Template</title> | ||
| 10 | - <!-- Favicon--> | ||
| 11 | - <link rel="icon" type="image/x-icon" href="assets/favicon.ico" /> | ||
| 12 | - <!-- Bootstrap icons--> | ||
| 13 | - <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" /> | ||
| 14 | - <!-- Core theme CSS (includes Bootstrap)--> | ||
| 15 | - <link href="css/styles.css" rel="stylesheet" /> | ||
| 16 | -</head> | ||
| 17 | - | ||
| 18 | -<body class="d-flex flex-column"> | ||
| 19 | - <main class="flex-shrink-0"> | ||
| 20 | - <!-- Navigation--> | ||
| 21 | - <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> | ||
| 22 | - <div class="container px-5"> | ||
| 23 | - <a class="navbar-brand" href="/">휴게소 정보</a> | ||
| 24 | - <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button> | ||
| 25 | - <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
| 26 | - <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> | ||
| 27 | - <li class="nav-item"><a class="nav-link" href="/">Home</a></li> | ||
| 28 | - <li class="nav-item"><a class="nav-link" href="/menu">휴게소 메뉴</a></li> | ||
| 29 | - <li class="nav-item"><a class="nav-link" href="/weather">날씨</a></li> | ||
| 30 | - <li class="nav-item"><a class="nav-link" href="/lpg">LPG</a></li> | ||
| 31 | - <li class="nav-item"><a class="nav-link" href="/post">Board</a></li> | ||
| 32 | - <li class="nav-item dropdown"> | ||
| 33 | - <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a> | ||
| 34 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog"> | ||
| 35 | - <li><a class="dropdown-item" href="blog-home.html">Blog Home</a></li> | ||
| 36 | - <li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li> | ||
| 37 | - </ul> | ||
| 38 | - </li> | ||
| 39 | - <li class="nav-item dropdown"> | ||
| 40 | - <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a> | ||
| 41 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> | ||
| 42 | - <li><a class="dropdown-item" href="/login">Login</a></li> | ||
| 43 | - <li><a class="dropdown-item" href="/signup">Sign-up</a></li> | ||
| 44 | - </ul> | ||
| 45 | - </li> | ||
| 46 | - </ul> | ||
| 47 | - </div> | ||
| 48 | - </div> | ||
| 49 | - </nav> | ||
| 50 | - <!-- Header--> | ||
| 51 | - <header class="py-5"> | ||
| 52 | - <div class="container px-5"> | ||
| 53 | - <div class="row justify-content-center"> | ||
| 54 | - <div class="col-lg-8 col-xxl-6"> | ||
| 55 | - <div class="text-center my-5"> | ||
| 56 | - <h1>로그인</h1> | ||
| 57 | - <br> | ||
| 58 | - <form method="post" action="/login/process"> | ||
| 59 | - <table> | ||
| 60 | - <tr> | ||
| 61 | - <td><label>아이디</label></td> | ||
| 62 | - <td><input type="text" name="id"></td> | ||
| 63 | - </tr> | ||
| 64 | - <tr> | ||
| 65 | - <td><label>비밀번호</label></td> | ||
| 66 | - <td><input type="text" name="password"></td> | ||
| 67 | - </tr> | ||
| 68 | - </table> | ||
| 69 | - <input type="submit" value="전송" name=""> | ||
| 70 | - </form> | ||
| 71 | - </div> | ||
| 72 | - </div> | ||
| 73 | - </div> | ||
| 74 | - </div> | ||
| 75 | - </header> | ||
| 76 | - <!-- About section one--> | ||
| 77 | - </main> | ||
| 78 | - <!-- Footer--> | ||
| 79 | - <footer class="bg-dark py-4 mt-auto"> | ||
| 80 | - <div class="container px-5"> | ||
| 81 | - <div class="row align-items-center justify-content-between flex-column flex-sm-row"> | ||
| 82 | - <div class="col-auto"> | ||
| 83 | - <div class="small m-0 text-white">Copyright © Your Website 2022</div> | ||
| 84 | - </div> | ||
| 85 | - <div class="col-auto"> | ||
| 86 | - <a class="link-light small" href="#!">Privacy</a> | ||
| 87 | - <span class="text-white mx-1">·</span> | ||
| 88 | - <a class="link-light small" href="#!">Terms</a> | ||
| 89 | - <span class="text-white mx-1">·</span> | ||
| 90 | - <a class="link-light small" href="#!">Contact</a> | ||
| 91 | - </div> | ||
| 92 | - </div> | ||
| 93 | - </div> | ||
| 94 | - </footer> | ||
| 95 | - <!-- Bootstrap core JS--> | ||
| 96 | - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> | ||
| 97 | - <!-- Core theme JS--> | ||
| 98 | - <script src="js/scripts.js"></script> | ||
| 99 | -</body> | ||
| 100 | - | ||
| 101 | -</html> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 1 | -<!DOCTYPE html> | 1 | +<%- include('./header.ejs') %> |
| 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)--> | ||
| 14 | - <link href="css/styles.css" rel="stylesheet" /> | ||
| 15 | - <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> | ||
| 16 | <script src="https://code.jquery.com/jquery-1.12.4.js"></script> | 2 | <script src="https://code.jquery.com/jquery-1.12.4.js"></script> |
| 17 | <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> | 3 | <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> |
| 18 | - </head> | ||
| 19 | <script> | 4 | <script> |
| 20 | var LPG_Reststop_List2 = []; | 5 | var LPG_Reststop_List2 = []; |
| 21 | fetch('http://data.ex.co.kr/openapi/business/lpgServiceAreaInfo?key=6806352377&type=json&numOfRows=1000').then(function (response) { | 6 | fetch('http://data.ex.co.kr/openapi/business/lpgServiceAreaInfo?key=6806352377&type=json&numOfRows=1000').then(function (response) { |
| ... | @@ -61,38 +46,6 @@ | ... | @@ -61,38 +46,6 @@ |
| 61 | });}); | 46 | });}); |
| 62 | </script> | 47 | </script> |
| 63 | 48 | ||
| 64 | - <body class="d-flex flex-column"> | ||
| 65 | - <main class="flex-shrink-0"> | ||
| 66 | - <!-- Navigation--> | ||
| 67 | - <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> | ||
| 68 | - <div class="container px-5"> | ||
| 69 | - <a class="navbar-brand" href="/">휴게소 정보</a> | ||
| 70 | - <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button> | ||
| 71 | - <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
| 72 | - <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> | ||
| 73 | - <li class="nav-item"><a class="nav-link" href="/">Home</a></li> | ||
| 74 | - <li class="nav-item"><a class="nav-link" href="/menu">휴게소 메뉴</a></li> | ||
| 75 | - <li class="nav-item"><a class="nav-link" href="/weather">날씨</a></li> | ||
| 76 | - <li class="nav-item"><a class="nav-link" href="/lpg">LPG</a></li> | ||
| 77 | - <li class="nav-item"><a class="nav-link" href="/post">Board</a></li> | ||
| 78 | - <li class="nav-item dropdown"> | ||
| 79 | - <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a> | ||
| 80 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog"> | ||
| 81 | - <li><a class="dropdown-item" href="blog-home.html">Blog Home</a></li> | ||
| 82 | - <li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li> | ||
| 83 | - </ul> | ||
| 84 | - </li> | ||
| 85 | - <li class="nav-item dropdown"> | ||
| 86 | - <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a> | ||
| 87 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> | ||
| 88 | - <li><a class="dropdown-item" href="/login">Login</a></li> | ||
| 89 | - <li><a class="dropdown-item" href="/signup">Sign-up</a></li> | ||
| 90 | - </ul> | ||
| 91 | - </li> | ||
| 92 | - </ul> | ||
| 93 | - </div> | ||
| 94 | - </div> | ||
| 95 | - </nav> | ||
| 96 | 49 | ||
| 97 | <!-- Header--> | 50 | <!-- Header--> |
| 98 | <header class="py-5"> | 51 | <header class="py-5"> |
| ... | @@ -216,24 +169,4 @@ | ... | @@ -216,24 +169,4 @@ |
| 216 | </script> | 169 | </script> |
| 217 | 170 | ||
| 218 | 171 | ||
| 219 | - <!-- Footer--> | 172 | +<%- include('./footer.ejs') %> |
| 220 | - <footer class="bg-dark py-4 mt-auto"> | ||
| 221 | - <div class="container px-5"> | ||
| 222 | - <div class="row align-items-center justify-content-between flex-column flex-sm-row"> | ||
| 223 | - <div class="col-auto"><div class="small m-0 text-white">Copyright © Your Website 2022</div></div> | ||
| 224 | - <div class="col-auto"> | ||
| 225 | - <a class="link-light small" href="#!">Privacy</a> | ||
| 226 | - <span class="text-white mx-1">·</span> | ||
| 227 | - <a class="link-light small" href="#!">Terms</a> | ||
| 228 | - <span class="text-white mx-1">·</span> | ||
| 229 | - <a class="link-light small" href="#!">Contact</a> | ||
| 230 | - </div> | ||
| 231 | - </div> | ||
| 232 | - </div> | ||
| 233 | - </footer> | ||
| 234 | - <!-- Bootstrap core JS--> | ||
| 235 | - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> | ||
| 236 | - <!-- Core theme JS--> | ||
| 237 | - <script src="js/scripts.js"></script> | ||
| 238 | - </body> | ||
| 239 | -</html> | ... | ... |
app/views/mainpage.html
deleted
100644 → 0
| 1 | -<!DOCTYPE html> | ||
| 2 | -<html lang="ko"> | ||
| 3 | - <head> | ||
| 4 | - <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap" rel="stylesheet"> | ||
| 5 | - </head> | ||
| 6 | - <body> | ||
| 7 | - | ||
| 8 | - <style> | ||
| 9 | - *{ | ||
| 10 | - font-family: 'Noto Sans KR', sans-serif; | ||
| 11 | - list-style: none; | ||
| 12 | - text-decoration: none; | ||
| 13 | - border-collapse: collapse; | ||
| 14 | - margin: 0px; | ||
| 15 | - padding: 0px; | ||
| 16 | - } | ||
| 17 | - | ||
| 18 | - .headbar{ | ||
| 19 | - display:flex; | ||
| 20 | - width:1535px; | ||
| 21 | - height:50px; | ||
| 22 | - margin-top:20px; | ||
| 23 | - } | ||
| 24 | - | ||
| 25 | - .title{ | ||
| 26 | - margin-left: 200px; | ||
| 27 | - } | ||
| 28 | - | ||
| 29 | - .title span{ | ||
| 30 | - margin-left: 10px | ||
| 31 | - } | ||
| 32 | - | ||
| 33 | - .button { | ||
| 34 | - margin-top: 8px; | ||
| 35 | - margin-left: 600px;; | ||
| 36 | - } | ||
| 37 | - .button span{ | ||
| 38 | - margin-left: 20px; | ||
| 39 | - } | ||
| 40 | - | ||
| 41 | - .intro{ | ||
| 42 | - position:fixed; | ||
| 43 | - width: 1535px; | ||
| 44 | - height:290px; | ||
| 45 | - background-color: #40E0D0; | ||
| 46 | - | ||
| 47 | - } | ||
| 48 | - | ||
| 49 | - .des{ | ||
| 50 | - margin-top:120px; | ||
| 51 | - margin-left: 230px; | ||
| 52 | - } | ||
| 53 | - | ||
| 54 | - .bar{ | ||
| 55 | - margin-bottom:15px; | ||
| 56 | - } | ||
| 57 | - | ||
| 58 | - .icon{ | ||
| 59 | - position:fixed; | ||
| 60 | - top: 270px; | ||
| 61 | - margin-left: 910px; | ||
| 62 | - } | ||
| 63 | - .icon span{ | ||
| 64 | - border:4px solid white; | ||
| 65 | - border-radius:30%; | ||
| 66 | - padding-top: 20px; | ||
| 67 | - padding-bottom: 20px; | ||
| 68 | - padding-left: 20px; | ||
| 69 | - padding-right: 20px; | ||
| 70 | - margin-left:5px; | ||
| 71 | - } | ||
| 72 | - </style> | ||
| 73 | - | ||
| 74 | - | ||
| 75 | - | ||
| 76 | - <div class="wrap"> | ||
| 77 | - <div class="headbar"> | ||
| 78 | - <div class ="title"> | ||
| 79 | - <span style="font-size: 22px;"><b>✧ 휴게소의 모든 것 ✧</b></span> | ||
| 80 | - <span style="color:#0A9696">Everything Of Rest Area</span> | ||
| 81 | - </div> | ||
| 82 | - <div class = "button"> | ||
| 83 | - <span><a href="/login" style = "color: #0A9696;">Log in</a></span> | ||
| 84 | - <span><a href="/sign_up" style = "color: #0A9696;">Sign up</a></span> | ||
| 85 | - </div> | ||
| 86 | - </div> | ||
| 87 | - | ||
| 88 | - | ||
| 89 | - <div class="intro" style="background: #40E0D0"> | ||
| 90 | - <div class="des"> | ||
| 91 | - <div class="bar"> | ||
| 92 | - <hr size="6" width= "200px" color="white"> | ||
| 93 | - </div> | ||
| 94 | - <div style="color:white; font-size: 32px;"><b>당신이 방문할 휴게소의 모든 정보,</b></div> | ||
| 95 | - <div style="color: white; font-size:40px;"><b> 휴게소의 모든 것</b></div> | ||
| 96 | - </div> | ||
| 97 | - | ||
| 98 | - <div class="icon"> | ||
| 99 | - <span style="color:white; font-size:20px;"><a href = "/weather"><b>날씨</b></a></span> | ||
| 100 | - <span style="color:white; font-size:20px;"><a href = "/menu"><b>메뉴</b></a></span> | ||
| 101 | - <span style="color:white; font-size:20px;"><a href = "/lpg"><b>LPG</b></a></span> | ||
| 102 | - </div> | ||
| 103 | - </div> | ||
| 104 | - </div> | ||
| 105 | -</body> | ||
| 106 | -</html> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 1 | -<!DOCTYPE html> | 1 | +<%- include('./header.ejs') %> |
| 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)--> | ||
| 14 | - <link href="css/styles.css" rel="stylesheet" /> | ||
| 15 | - </head> | ||
| 16 | - <body class="d-flex flex-column"> | ||
| 17 | - <main class="flex-shrink-0"> | ||
| 18 | - <!-- Navigation--> | ||
| 19 | - <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> | ||
| 20 | - <div class="container px-5"> | ||
| 21 | - <a class="navbar-brand" href="/">휴게소 정보</a> | ||
| 22 | - <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button> | ||
| 23 | - <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
| 24 | - <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> | ||
| 25 | - <li class="nav-item"><a class="nav-link" href="/">Home</a></li> | ||
| 26 | - <li class="nav-item"><a class="nav-link" href="/menu">휴게소 메뉴</a></li> | ||
| 27 | - <li class="nav-item"><a class="nav-link" href="/weather">날씨</a></li> | ||
| 28 | - <li class="nav-item"><a class="nav-link" href="/lpg">LPG</a></li> | ||
| 29 | - <li class="nav-item"><a class="nav-link" href="/post">Board</a></li> | ||
| 30 | - <li class="nav-item dropdown"> | ||
| 31 | - <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a> | ||
| 32 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog"> | ||
| 33 | - <li><a class="dropdown-item" href="blog-home.html">Blog Home</a></li> | ||
| 34 | - <li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li> | ||
| 35 | - </ul> | ||
| 36 | - </li> | ||
| 37 | - <li class="nav-item dropdown"> | ||
| 38 | - <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a> | ||
| 39 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> | ||
| 40 | - <li><a class="dropdown-item" href="/login">Login</a></li> | ||
| 41 | - <li><a class="dropdown-item" href="/signup">Sign-up</a></li> | ||
| 42 | - </ul> | ||
| 43 | - </li> | ||
| 44 | - </ul> | ||
| 45 | - </div> | ||
| 46 | - </div> | ||
| 47 | - </nav> | ||
| 48 | 2 | ||
| 49 | <!-- Header--> | 3 | <!-- Header--> |
| 50 | <header class="py-5"> | 4 | <header class="py-5"> |
| ... | @@ -480,9 +434,4 @@ | ... | @@ -480,9 +434,4 @@ |
| 480 | } | 434 | } |
| 481 | </script> | 435 | </script> |
| 482 | 436 | ||
| 483 | - <!-- Bootstrap core JS--> | 437 | + <%- include('./footer.ejs') %> |
| 484 | - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> | ||
| 485 | - <!-- Core theme JS--> | ||
| 486 | - <script src="js/scripts.js"></script> | ||
| 487 | - </body> | ||
| 488 | -</html> | ... | ... |
| ... | @@ -51,26 +51,4 @@ | ... | @@ -51,26 +51,4 @@ |
| 51 | </div> | 51 | </div> |
| 52 | </main> | 52 | </main> |
| 53 | <!-- Footer--> | 53 | <!-- Footer--> |
| 54 | - <footer class="bg-dark py-4 mt-auto"> | ||
| 55 | - <div class="container px-5"> | ||
| 56 | - <div class="row align-items-center justify-content-between flex-column flex-sm-row"> | ||
| 57 | - <div class="col-auto"> | ||
| 58 | - <div class="small m-0 text-white">Copyright © Your Website 2022</div> | ||
| 59 | - </div> | ||
| 60 | - <div class="col-auto"> | ||
| 61 | - <a class="link-light small" href="#!">Privacy</a> | ||
| 62 | - <span class="text-white mx-1">·</span> | ||
| 63 | - <a class="link-light small" href="#!">Terms</a> | ||
| 64 | - <span class="text-white mx-1">·</span> | ||
| 65 | - <a class="link-light small" href="#!">Contact</a> | ||
| 66 | - </div> | ||
| 67 | - </div> | ||
| 68 | - </div> | ||
| 69 | - </footer> | ||
| 70 | - <!-- Bootstrap core JS--> | ||
| 71 | - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> | ||
| 72 | - <!-- Core theme JS--> | ||
| 73 | - <script src="js/scripts.js"></script> | ||
| 74 | -</body> | ||
| 75 | - | ||
| 76 | -</html> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 54 | + <%- include('./footer.ejs') %> | ... | ... |
| 1 | -<!DOCTYPE html> | 1 | +<%- include('./header.ejs') %> |
| 2 | -<html lang="en"> | ||
| 3 | 2 | ||
| 4 | -<head> | ||
| 5 | - <meta charset="utf-8" /> | ||
| 6 | - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> | ||
| 7 | - <meta name="description" content="" /> | ||
| 8 | - <meta name="author" content="" /> | ||
| 9 | - <title>Modern Business - Start Bootstrap Template</title> | ||
| 10 | - <!-- Favicon--> | ||
| 11 | - <link rel="icon" type="image/x-icon" href="assets/favicon.ico" /> | ||
| 12 | - <!-- Bootstrap icons--> | ||
| 13 | - <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" /> | ||
| 14 | - <!-- Core theme CSS (includes Bootstrap)--> | ||
| 15 | - <link href="css/styles.css" rel="stylesheet" /> | ||
| 16 | - <script src="http://code.jquery.com/jquery-2.1.4.js"></script> | ||
| 17 | -</head> | ||
| 18 | - | ||
| 19 | -<body class="d-flex flex-column h-100"> | ||
| 20 | - <main class="flex-shrink-0"> | ||
| 21 | - <!-- Navigation--> | ||
| 22 | - <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> | ||
| 23 | - <div class="container px-5"> | ||
| 24 | - <a class="navbar-brand" href="/">휴게소 정보</a> | ||
| 25 | - <button class="navbar-toggler" type="button" data-bs-toggle="collapse" | ||
| 26 | - data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" | ||
| 27 | - aria-expanded="false" aria-label="Toggle navigation"><span | ||
| 28 | - class="navbar-toggler-icon"></span></button> | ||
| 29 | - <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
| 30 | - <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> | ||
| 31 | - <li class="nav-item"><a class="nav-link" href="/">Home</a></li> | ||
| 32 | - <li class="nav-item"><a class="nav-link" href="/menu">휴게소 메뉴</a></li> | ||
| 33 | - <li class="nav-item"><a class="nav-link" href="/weather">날씨</a></li> | ||
| 34 | - <li class="nav-item"><a class="nav-link" href="/lpg">LPG</a></li> | ||
| 35 | - <li class="nav-item"><a class="nav-link" href="/post">Board</a></li> | ||
| 36 | - <li class="nav-item dropdown"> | ||
| 37 | - <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" | ||
| 38 | - data-bs-toggle="dropdown" aria-expanded="false">Blog</a> | ||
| 39 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog"> | ||
| 40 | - <li><a class="dropdown-item" href="blog-home.html">Blog Home</a></li> | ||
| 41 | - <li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li> | ||
| 42 | - </ul> | ||
| 43 | - </li> | ||
| 44 | - <li class="nav-item dropdown"> | ||
| 45 | - <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" | ||
| 46 | - data-bs-toggle="dropdown" aria-expanded="false">Login</a> | ||
| 47 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> | ||
| 48 | - <li><a class="dropdown-item" href="/login">Login</a></li> | ||
| 49 | - <li><a class="dropdown-item" href="/signup">Sign-up</a></li> | ||
| 50 | - </ul> | ||
| 51 | - </li> | ||
| 52 | - </ul> | ||
| 53 | - </div> | ||
| 54 | - </div> | ||
| 55 | - </nav> | ||
| 56 | <!-- Page Content--> | 3 | <!-- Page Content--> |
| 57 | <div class="ui raised segment"> | 4 | <div class="ui raised segment"> |
| 58 | <a class="ui blue ribbon label">게시판</a> | 5 | <a class="ui blue ribbon label">게시판</a> |
| ... | @@ -98,26 +45,4 @@ | ... | @@ -98,26 +45,4 @@ |
| 98 | 45 | ||
| 99 | </main> | 46 | </main> |
| 100 | <!-- Footer--> | 47 | <!-- Footer--> |
| 101 | - <footer class="bg-dark py-4 mt-auto"> | ||
| 102 | - <div class="container px-5"> | ||
| 103 | - <div class="row align-items-center justify-content-between flex-column flex-sm-row"> | ||
| 104 | - <div class="col-auto"> | ||
| 105 | - <div class="small m-0 text-white">Copyright © Your Website 2022</div> | ||
| 106 | - </div> | ||
| 107 | - <div class="col-auto"> | ||
| 108 | - <a class="link-light small" href="#!">Privacy</a> | ||
| 109 | - <span class="text-white mx-1">·</span> | ||
| 110 | - <a class="link-light small" href="#!">Terms</a> | ||
| 111 | - <span class="text-white mx-1">·</span> | ||
| 112 | - <a class="link-light small" href="#!">Contact</a> | ||
| 113 | - </div> | ||
| 114 | - </div> | ||
| 115 | - </div> | ||
| 116 | - </footer> | ||
| 117 | - <!-- Bootstrap core JS--> | ||
| 118 | - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> | ||
| 119 | - <!-- Core theme JS--> | ||
| 120 | - <script src="js/scripts.js"></script> | ||
| 121 | -</body> | ||
| 122 | - | ||
| 123 | -</html> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 48 | + <%- include('./footer.ejs') %> | ... | ... |
| 1 | -<!DOCTYPE html> | 1 | +<%- include('./header.ejs') %> |
| 2 | -<html lang="en"> | ||
| 3 | 2 | ||
| 4 | -<head> | ||
| 5 | - <meta charset="utf-8" /> | ||
| 6 | - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> | ||
| 7 | - <meta name="description" content="" /> | ||
| 8 | - <meta name="author" content="" /> | ||
| 9 | - <title>Modern Business - Start Bootstrap Template</title> | ||
| 10 | - <!-- Favicon--> | ||
| 11 | - <link rel="icon" type="image/x-icon" href="assets/favicon.ico" /> | ||
| 12 | - <!-- Bootstrap icons--> | ||
| 13 | - <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" /> | ||
| 14 | - <!-- Core theme CSS (includes Bootstrap)--> | ||
| 15 | - <link href="css/styles.css" rel="stylesheet" /> | ||
| 16 | - <script src="http://code.jquery.com/jquery-2.1.4.js"></script> | ||
| 17 | - <script> | ||
| 18 | - $(document).ready(function() { | ||
| 19 | - var output = $("#contentsOutput").text(); | ||
| 20 | - console.log('output : ' + output); | ||
| 21 | - | ||
| 22 | - $("#contentsOutput").html(output); | ||
| 23 | - | ||
| 24 | - }); | ||
| 25 | - </script> | ||
| 26 | -</head> | ||
| 27 | - | ||
| 28 | -<body class="d-flex flex-column h-100"> | ||
| 29 | - <main class="flex-shrink-0"> | ||
| 30 | - <!-- Navigation--> | ||
| 31 | - <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> | ||
| 32 | - <div class="container px-5"> | ||
| 33 | - <a class="navbar-brand" href="/">휴게소 정보</a> | ||
| 34 | - <button class="navbar-toggler" type="button" data-bs-toggle="collapse" | ||
| 35 | - data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" | ||
| 36 | - aria-expanded="false" aria-label="Toggle navigation"><span | ||
| 37 | - class="navbar-toggler-icon"></span></button> | ||
| 38 | - <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
| 39 | - <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> | ||
| 40 | - <li class="nav-item"><a class="nav-link" href="/">Home</a></li> | ||
| 41 | - <li class="nav-item"><a class="nav-link" href="/menu">휴게소 메뉴</a></li> | ||
| 42 | - <li class="nav-item"><a class="nav-link" href="/weather">날씨</a></li> | ||
| 43 | - <li class="nav-item"><a class="nav-link" href="/lpg">LPG</a></li> | ||
| 44 | - <li class="nav-item"><a class="nav-link" href="/post">Board</a></li> | ||
| 45 | - <li class="nav-item dropdown"> | ||
| 46 | - <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" | ||
| 47 | - data-bs-toggle="dropdown" aria-expanded="false">Blog</a> | ||
| 48 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog"> | ||
| 49 | - <li><a class="dropdown-item" href="blog-home.html">Blog Home</a></li> | ||
| 50 | - <li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li> | ||
| 51 | - </ul> | ||
| 52 | - </li> | ||
| 53 | - <li class="nav-item dropdown"> | ||
| 54 | - <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" | ||
| 55 | - data-bs-toggle="dropdown" aria-expanded="false">Login</a> | ||
| 56 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> | ||
| 57 | - <li><a class="dropdown-item" href="/login">Login</a></li> | ||
| 58 | - <li><a class="dropdown-item" href="/signup">Sign-up</a></li> | ||
| 59 | - </ul> | ||
| 60 | - </li> | ||
| 61 | - </ul> | ||
| 62 | - </div> | ||
| 63 | - </div> | ||
| 64 | - </nav> | ||
| 65 | <!-- Page Content--> | 3 | <!-- Page Content--> |
| 66 | <div class="ui raised segment"> | 4 | <div class="ui raised segment"> |
| 67 | <a class="ui blue ribbon label">게시판</a> | 5 | <a class="ui blue ribbon label">게시판</a> |
| ... | @@ -103,26 +41,4 @@ | ... | @@ -103,26 +41,4 @@ |
| 103 | 41 | ||
| 104 | </main> | 42 | </main> |
| 105 | <!-- Footer--> | 43 | <!-- Footer--> |
| 106 | - <footer class="bg-dark py-4 mt-auto"> | ||
| 107 | - <div class="container px-5"> | ||
| 108 | - <div class="row align-items-center justify-content-between flex-column flex-sm-row"> | ||
| 109 | - <div class="col-auto"> | ||
| 110 | - <div class="small m-0 text-white">Copyright © Your Website 2022</div> | ||
| 111 | - </div> | ||
| 112 | - <div class="col-auto"> | ||
| 113 | - <a class="link-light small" href="#!">Privacy</a> | ||
| 114 | - <span class="text-white mx-1">·</span> | ||
| 115 | - <a class="link-light small" href="#!">Terms</a> | ||
| 116 | - <span class="text-white mx-1">·</span> | ||
| 117 | - <a class="link-light small" href="#!">Contact</a> | ||
| 118 | - </div> | ||
| 119 | - </div> | ||
| 120 | - </div> | ||
| 121 | - </footer> | ||
| 122 | - <!-- Bootstrap core JS--> | ||
| 123 | - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> | ||
| 124 | - <!-- Core theme JS--> | ||
| 125 | - <script src="js/scripts.js"></script> | ||
| 126 | -</body> | ||
| 127 | - | ||
| 128 | -</html> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 44 | + <%- include('./footer.ejs') %> | ... | ... |
app/views/signup.ejs
0 → 100644
| 1 | +<%- include('./header.ejs') %> | ||
| 2 | + | ||
| 3 | + <!-- Header--> | ||
| 4 | + <header class="py-5"> | ||
| 5 | + <div class="container px-5"> | ||
| 6 | + <div class="row justify-content-center"> | ||
| 7 | + <div class="col-lg-8 col-xxl-6"> | ||
| 8 | + <div class="text-center my-5"> | ||
| 9 | + <h1>회원가입</h1> | ||
| 10 | + <br> | ||
| 11 | + <form method="post" action="/signup/process"> | ||
| 12 | + <table> | ||
| 13 | + <tr> | ||
| 14 | + <td><label>E-mail</label></td> | ||
| 15 | + <td><input type="text" name="email"></td> | ||
| 16 | + </tr> | ||
| 17 | + <tr> | ||
| 18 | + <td><label>이름</label></td> | ||
| 19 | + <td><input type="text" name="name"></td> | ||
| 20 | + </tr> | ||
| 21 | + <tr> | ||
| 22 | + <td><label>아이디</label></td> | ||
| 23 | + <td><input type="text" name="id"></td> | ||
| 24 | + </tr> | ||
| 25 | + <tr> | ||
| 26 | + <td><label>비밀번호</label></td> | ||
| 27 | + <td><input type="text" name="password"></td> | ||
| 28 | + </tr> | ||
| 29 | + </table> | ||
| 30 | + <input type="submit" value="전송" name=""> | ||
| 31 | + </form> | ||
| 32 | + </div> | ||
| 33 | + </div> | ||
| 34 | + </div> | ||
| 35 | + </div> | ||
| 36 | + </header> | ||
| 37 | + <!-- About section one--> | ||
| 38 | + </main> | ||
| 39 | + <!-- Footer--> | ||
| 40 | + <%- include('./footer.ejs') %> |
app/views/signup.html
deleted
100644 → 0
| 1 | -<!DOCTYPE html> | ||
| 2 | -<html lang="en"> | ||
| 3 | - | ||
| 4 | -<head> | ||
| 5 | - <meta charset="utf-8" /> | ||
| 6 | - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> | ||
| 7 | - <meta name="description" content="" /> | ||
| 8 | - <meta name="author" content="" /> | ||
| 9 | - <title>Modern Business - Start Bootstrap Template</title> | ||
| 10 | - <!-- Favicon--> | ||
| 11 | - <link rel="icon" type="image/x-icon" href="assets/favicon.ico" /> | ||
| 12 | - <!-- Bootstrap icons--> | ||
| 13 | - <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" /> | ||
| 14 | - <!-- Core theme CSS (includes Bootstrap)--> | ||
| 15 | - <link href="css/styles.css" rel="stylesheet" /> | ||
| 16 | -</head> | ||
| 17 | - | ||
| 18 | -<body class="d-flex flex-column"> | ||
| 19 | - <main class="flex-shrink-0"> | ||
| 20 | - <!-- Navigation--> | ||
| 21 | - <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> | ||
| 22 | - <div class="container px-5"> | ||
| 23 | - <a class="navbar-brand" href="/">휴게소 정보</a> | ||
| 24 | - <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button> | ||
| 25 | - <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
| 26 | - <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> | ||
| 27 | - <li class="nav-item"><a class="nav-link" href="/">Home</a></li> | ||
| 28 | - <li class="nav-item"><a class="nav-link" href="/menu">휴게소 메뉴</a></li> | ||
| 29 | - <li class="nav-item"><a class="nav-link" href="/weather">날씨</a></li> | ||
| 30 | - <li class="nav-item"><a class="nav-link" href="/lpg">LPG</a></li> | ||
| 31 | - <li class="nav-item"><a class="nav-link" href="/post">Board</a></li> | ||
| 32 | - <li class="nav-item dropdown"> | ||
| 33 | - <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a> | ||
| 34 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog"> | ||
| 35 | - <li><a class="dropdown-item" href="blog-home.html">Blog Home</a></li> | ||
| 36 | - <li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li> | ||
| 37 | - </ul> | ||
| 38 | - </li> | ||
| 39 | - <li class="nav-item dropdown"> | ||
| 40 | - <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a> | ||
| 41 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> | ||
| 42 | - <li><a class="dropdown-item" href="/login">Login</a></li> | ||
| 43 | - <li><a class="dropdown-item" href="/signup">Sign-up</a></li> | ||
| 44 | - </ul> | ||
| 45 | - </li> | ||
| 46 | - </ul> | ||
| 47 | - </div> | ||
| 48 | - </div> | ||
| 49 | - </nav> | ||
| 50 | - <!-- Header--> | ||
| 51 | - <header class="py-5"> | ||
| 52 | - <div class="container px-5"> | ||
| 53 | - <div class="row justify-content-center"> | ||
| 54 | - <div class="col-lg-8 col-xxl-6"> | ||
| 55 | - <div class="text-center my-5"> | ||
| 56 | - <h1>회원가입</h1> | ||
| 57 | - <br> | ||
| 58 | - <form method="post" action="/signup/process"> | ||
| 59 | - <table> | ||
| 60 | - <tr> | ||
| 61 | - <td><label>E-mail</label></td> | ||
| 62 | - <td><input type="text" name="email"></td> | ||
| 63 | - </tr> | ||
| 64 | - <tr> | ||
| 65 | - <td><label>이름</label></td> | ||
| 66 | - <td><input type="text" name="name"></td> | ||
| 67 | - </tr> | ||
| 68 | - <tr> | ||
| 69 | - <td><label>아이디</label></td> | ||
| 70 | - <td><input type="text" name="id"></td> | ||
| 71 | - </tr> | ||
| 72 | - <tr> | ||
| 73 | - <td><label>비밀번호</label></td> | ||
| 74 | - <td><input type="text" name="password"></td> | ||
| 75 | - </tr> | ||
| 76 | - </table> | ||
| 77 | - <input type="submit" value="전송" name=""> | ||
| 78 | - </form> | ||
| 79 | - </div> | ||
| 80 | - </div> | ||
| 81 | - </div> | ||
| 82 | - </div> | ||
| 83 | - </header> | ||
| 84 | - <!-- About section one--> | ||
| 85 | - </main> | ||
| 86 | - <!-- Footer--> | ||
| 87 | - <footer class="bg-dark py-4 mt-auto"> | ||
| 88 | - <div class="container px-5"> | ||
| 89 | - <div class="row align-items-center justify-content-between flex-column flex-sm-row"> | ||
| 90 | - <div class="col-auto"> | ||
| 91 | - <div class="small m-0 text-white">Copyright © Your Website 2022</div> | ||
| 92 | - </div> | ||
| 93 | - <div class="col-auto"> | ||
| 94 | - <a class="link-light small" href="#!">Privacy</a> | ||
| 95 | - <span class="text-white mx-1">·</span> | ||
| 96 | - <a class="link-light small" href="#!">Terms</a> | ||
| 97 | - <span class="text-white mx-1">·</span> | ||
| 98 | - <a class="link-light small" href="#!">Contact</a> | ||
| 99 | - </div> | ||
| 100 | - </div> | ||
| 101 | - </div> | ||
| 102 | - </footer> | ||
| 103 | - <!-- Bootstrap core JS--> | ||
| 104 | - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> | ||
| 105 | - <!-- Core theme JS--> | ||
| 106 | - <script src="js/scripts.js"></script> | ||
| 107 | -</body> | ||
| 108 | - | ||
| 109 | -</html> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 1 | -<!-- | 1 | +<%- include('./header.ejs') %> |
| 2 | - 휴게소 표준정보의 service area code 의 우측끝 3자리 == 휴게소 날씨 표준정보의 unitCode | 2 | + |
| 3 | ---> | ||
| 4 | -<!DOCTYPE html> | ||
| 5 | -<html lang="en"> | ||
| 6 | - <head> | ||
| 7 | - <meta charset="utf-8" /> | ||
| 8 | - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> | ||
| 9 | - <meta name="description" content="" /> | ||
| 10 | - <meta name="author" content="" /> | ||
| 11 | - <title>Modern Business - Start Bootstrap Template</title> | ||
| 12 | - <!-- Favicon--> | ||
| 13 | - <link rel="icon" type="image/x-icon" href="assets/favicon.ico" /> | ||
| 14 | - <!-- Bootstrap icons--> | ||
| 15 | - <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" /> | ||
| 16 | - <!-- Core theme CSS (includes Bootstrap)--> | ||
| 17 | - <link href="css/styles.css" rel="stylesheet" /> | ||
| 18 | - </head> | ||
| 19 | - | ||
| 20 | - | ||
| 21 | - <body class="d-flex flex-column"> | ||
| 22 | - <main class="flex-shrink-0"> | ||
| 23 | - <!-- Navigation--> | ||
| 24 | - <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> | ||
| 25 | - <div class="container px-3"> | ||
| 26 | - <a class="navbar-brand" href="/">휴게소 정보</a> | ||
| 27 | - <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button> | ||
| 28 | - <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
| 29 | - <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> | ||
| 30 | - <li class="nav-item"><a class="nav-link" href="/">Home</a></li> | ||
| 31 | - <li class="nav-item"><a class="nav-link" href="/menu">휴게소 메뉴</a></li> | ||
| 32 | - <li class="nav-item"><a class="nav-link" href="/weather">날씨</a></li> | ||
| 33 | - <li class="nav-item"><a class="nav-link" href="/lpg">LPG</a></li> | ||
| 34 | - <li class="nav-item"><a class="nav-link" href="faq.html">FAQ</a></li> | ||
| 35 | - <li class="nav-item dropdown"> | ||
| 36 | - <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a> | ||
| 37 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog"> | ||
| 38 | - <li><a class="dropdown-item" href="blog-home.html">Blog Home</a></li> | ||
| 39 | - <li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li> | ||
| 40 | - </ul> | ||
| 41 | - </li> | ||
| 42 | - <li class="nav-item dropdown"> | ||
| 43 | - <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a> | ||
| 44 | - <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> | ||
| 45 | - <li><a class="dropdown-item" href="/login">Login</a></li> | ||
| 46 | - <li><a class="dropdown-item" href="/signup">Sign-up</a></li> | ||
| 47 | - </ul> | ||
| 48 | - </li> | ||
| 49 | - </ul> | ||
| 50 | - </div> | ||
| 51 | - </div> | ||
| 52 | - </nav> | ||
| 53 | 3 | ||
| 54 | <!-- Header--> | 4 | <!-- Header--> |
| 55 | <header class="py-5"> | 5 | <header class="py-5"> |
| ... | @@ -157,7 +107,7 @@ | ... | @@ -157,7 +107,7 @@ |
| 157 | let present = new Date(); | 107 | let present = new Date(); |
| 158 | let present_year = present.getFullYear(); | 108 | let present_year = present.getFullYear(); |
| 159 | let present_month = ('0'+(present.getMonth() + 1)).slice(-2); | 109 | let present_month = ('0'+(present.getMonth() + 1)).slice(-2); |
| 160 | - let present_date = present.getDate(); | 110 | + let present_date = ('0'+(present.getDate())).slice(-2); |
| 161 | let present_time = ('0'+(present.getHours())).slice(-2); | 111 | let present_time = ('0'+(present.getHours())).slice(-2); |
| 162 | 112 | ||
| 163 | //현재 년도, 월, 날짜를 YYYYMMDD형태로 변형 | 113 | //현재 년도, 월, 날짜를 YYYYMMDD형태로 변형 |
| ... | @@ -634,25 +584,4 @@ | ... | @@ -634,25 +584,4 @@ |
| 634 | 584 | ||
| 635 | </main> | 585 | </main> |
| 636 | <!-- Footer--> | 586 | <!-- Footer--> |
| 637 | - <footer class="bg-dark py-4 mt-auto"> | ||
| 638 | - <div class="container px-5"> | ||
| 639 | - <div class="row align-items-center justify-content-between flex-column flex-sm-row"> | ||
| 640 | - <div class="col-auto"><div class="small m-0 text-white">Copyright © Your Website 2022</div></div> | ||
| 641 | - <div class="col-auto"> | ||
| 642 | - <a class="link-light small" href="#!">Privacy</a> | ||
| 643 | - <span class="text-white mx-1">·</span> | ||
| 644 | - <a class="link-light small" href="#!">Terms</a> | ||
| 645 | - <span class="text-white mx-1">·</span> | ||
| 646 | - <a class="link-light small" href="#!">Contact</a> | ||
| 647 | - </div> | ||
| 648 | - </div> | ||
| 649 | - </div> | ||
| 650 | - </footer> | ||
| 651 | - | ||
| 652 | - | ||
| 653 | - <!-- Bootstrap core JS--> | ||
| 654 | - <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> | ||
| 655 | - <!-- Core theme JS--> | ||
| 656 | - <script src="js/scripts.js"></script> | ||
| 657 | - </body> | ||
| 658 | -</html> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 587 | + <%- include('./footer.ejs') %> | ... | ... |
-
Please register or login to post a comment