zuzitsu / UR_Village

Go to a project
Toggle navigation Toggle navigation pinning
이학주
c851b429 1 parent a4db7dc1

Add navigation and Update index page

Inline Side-by-side
Showing 9 changed files with 176 additions and 19 deletions
This diff could not be displayed because it is too large.
...@@ -13,6 +13,7 @@ ...@@ -13,6 +13,7 @@
13 "ejs": "^3.1.5", 13 "ejs": "^3.1.5",
14 "express": "~4.16.1", 14 "express": "~4.16.1",
15 "http-errors": "~1.6.3", 15 "http-errors": "~1.6.3",
16 + "mongoose": "^5.11.3",
16 "morgan": "~1.9.1", 17 "morgan": "~1.9.1",
17 "nodemon": "^2.0.6", 18 "nodemon": "^2.0.6",
18 "pug": "2.0.0-beta11", 19 "pug": "2.0.0-beta11",
......
...@@ -5,4 +5,11 @@ var router = express.Router(); ...@@ -5,4 +5,11 @@ var router = express.Router();
5 router.get('/', function(req, res, next) { 5 router.get('/', function(req, res, next) {
6 res.render('index'); 6 res.render('index');
7 }); 7 });
8 +
9 +router.get('/developer', function(req, res){
10 + res.render('developer');
11 + });
12 +router.get('/license', function(req, res){
13 + res.render('license');
14 +});
8 module.exports = router; 15 module.exports = router;
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -2,18 +2,12 @@ ...@@ -2,18 +2,12 @@
2 <html lang="ko"> 2 <html lang="ko">
3 3
4 <head> 4 <head>
5 - <meta charset="UTF-8"> 5 + <%- include('./head') %>
6 - <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 - <link rel='stylesheet' href='/vendors/bootstrap/css/bootstrap.min.css' />
8 - <link rel='stylesheet' href='/vendors/bootstrap/css/bootstrap-grid.min.css' />
9 - <link rel='stylesheet' href='/vendors/bootstrap/css/bootstrap-reboot.min.css' />
10 - <link rel='stylesheet' href='/css/category.css'>
11 -
12 <title>📝 진단 검사</title> 6 <title>📝 진단 검사</title>
13 </head> 7 </head>
14 8
15 <body> 9 <body>
16 - 10 + <%- include('./nav') %>
17 11
18 <div class="jumbotron jumbotron-fluid"> 12 <div class="jumbotron jumbotron-fluid">
19 <div class="container"> 13 <div class="container">
......
1 +<!DOCTYPE html>
2 +<html>
3 + <head>
4 + <%- include('./head') %>'
5 + <style>
6 + div{
7 + text-align: center;
8 + display: inline;
9 + }
10 +
11 + </style>
12 + </head>
13 + <body>
14 + <%- include('./nav') %>
15 + <div class="card mx-auto mb-2" style="width : 18rem;">
16 +
17 + <div class="d-flex align-items-center" style="height:200px;">
18 +
19 + <div class="card-body">
20 + <h3 class="card-title">이학주</h3>
21 + <label>Email : </label><span>hakjoo@khu.ac.kr</span>
22 + <br>
23 + <label>Phone : </label><span>010-7755-5457</span>
24 + </div>
25 + </div>
26 +
27 + <div class="d-flex align-items-center" style="height:200px;">
28 +
29 + <div class="card-body">
30 + <h3 class="card-title">이학주</h3>
31 + <label>Email : </label><span>hakjoo@khu.ac.kr</span>
32 + <br>
33 + <label>Phone : </label><span>010-7755-5457</span>
34 + </div>
35 + </div>
36 + <div class="d-flex align-items-center" style="height:200px;">
37 +
38 + <div class="card-body">
39 + <h3 class="card-title">이학주</h3>
40 + <label>Email : </label><span>hakjoo@khu.ac.kr</span>
41 + <br>
42 + <label>Phone : </label><span>010-7755-5457</span>
43 + </div>
44 + </div>
45 +
46 + </div>
47 + </body>
48 +</html>
1 +<head>
2 + <meta charset="UTF-8" />
3 + <meta name="viewport" content="width=device-width, initial-scale=1.0" />
4 + <link rel='stylesheet' href='/vendors/bootstrap/css/bootstrap.min.css' />
5 + <link rel='stylesheet' href='/vendors/bootstrap/css/bootstrap-grid.min.css' />
6 + <link rel='stylesheet' href='/vendors/bootstrap/css/bootstrap-reboot.min.css' />
7 + <title>🏡 How about the Village?</title>
8 + <style>
9 + img{display: block; margin: 0px auto;}
10 + </style>
11 + <img class="gyeonggi" src="/img/logo.png" wdith = 100% height= 50%>
12 +
13 +</head>
...\ No newline at end of file ...\ No newline at end of file
...@@ -2,27 +2,33 @@ ...@@ -2,27 +2,33 @@
2 <html lang="ko"> 2 <html lang="ko">
3 3
4 <head> 4 <head>
5 - <meta charset="UTF-8" /> 5 + <%- include('./head') %>
6 - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 + <style>
7 - <!-- <link rel="stylesheet" href="/css/style.css"> --> 7 +
8 - <link rel='stylesheet' href='/vendors/bootstrap/css/bootstrap.min.css' /> 8 + .form-group{
9 - <link rel='stylesheet' href='/vendors/bootstrap/css/bootstrap-grid.min.css' /> 9 +
10 - <link rel='stylesheet' href='/vendors/bootstrap/css/bootstrap-reboot.min.css' /> 10 + margin : 0 auto;
11 - <title>🏡 How about the Village?</title> 11 + width: 500px;
12 + text-align: center;
13 + font-size:23px;
14 + }
15 +
16 + </style>
12 </head> 17 </head>
13 18
14 <body> 19 <body>
15 - <img class="gyeonggi" src="/img/logo.png"> 20 + <%- include('./nav') %>
16 -
17 <form action="/category" method="post" name="location"> 21 <form action="/category" method="post" name="location">
18 <!-- <input type="text" id="userLocation" name="userLocation" placeholder="당신의 동네 주소를 입력해주세요(시/구/동)"> 22 <!-- <input type="text" id="userLocation" name="userLocation" placeholder="당신의 동네 주소를 입력해주세요(시/구/동)">
19 <input type="submit" id="search" value="검색"> --> 23 <input type="submit" id="search" value="검색"> -->
24 + <br>
25 + <br>
20 <div class="form-group"> 26 <div class="form-group">
21 <label for="exampleFormControlInput1">당신이 조사하고 싶은 동네의 주소를 입력하세요!</label> 27 <label for="exampleFormControlInput1">당신이 조사하고 싶은 동네의 주소를 입력하세요!</label>
22 - <input type="text" class="form-control" id="exampleFormControlInput1" name="userLocation" placeholder="당신의 동네 주소를 입력해주세요(시/구/동)"> 28 + <input type="text" class="form-control" id="exampleFormControlInput1" name="userLocation" placeholder="당신의 동네 주소를 입력해주세요(시/구/동)"style = "text-align :center;">
23 </div> 29 </div>
24 - <button type="submit" class="btn btn-primary">검색</button>
25 </form> 30 </form>
26 </body> 31 </body>
27 32
33 +
28 </html> 34 </html>
...\ No newline at end of file ...\ No newline at end of file
......
1 +<!DOCTYPE html>
2 +<html>
3 + <head>
4 + <%- include('./head') %>'
5 + <style>
6 + div{
7 + text-align: center;
8 + display: inline;
9 + }
10 + h1{
11 + text-align: center;
12 + }
13 + </style>
14 + </head>
15 + <body>
16 + <%- include('./nav') %>
17 + <div class="card mx-auto mb-2" style="width : 51rem;">
18 +
19 +
20 + <div class="card" style="width: 51rem; text-align: center; ">
21 + <div class="card-body">
22 + <h3 class="card-title">License</h3>
23 + <span>The MIT License (MIT)
24 +
25 + Copyright (c) 2020 zuzitsu
26 + <br><br>
27 + Permission is hereby granted, free of charge, to any person obtaining a copy
28 + of this software and associated documentation files (the "Software"), to deal
29 + in the Software without restriction, including without limitation the rights
30 + to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
31 + copies of the Software, and to permit persons to whom the Software is
32 + furnished to do so, subject to the following conditions:
33 + <br><br>
34 + The above copyright notice and this permission notice shall be included in all
35 + copies or substantial portions of the Software.
36 + <br><br>
37 + THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
38 + IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
39 + FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
40 + AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
41 + LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
42 + OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
43 + SOFTWARE.
44 + </span>
45 + </div>
46 + </div>
47 + </div>
48 + </body>
49 +</html>
1 +<style>
2 +.nav-item{
3 + font-size: 18pt;
4 +}
5 +.my-auto{
6 + font-weight: bold;
7 +}
8 +
9 +</style>
10 +<nav class="navbar navbar-light navbar-expand-md bg-light justify-content-md-center justify-content-start">
11 + <a class="navbar-brand d-md-none d-inline" href="">Home</a>
12 + <button class="navbar-toggler ml-1" type="button" data-toggle="collapse" data-target="#collapsingNavbar2">
13 + <span class="navbar-toggler-icon"></span>
14 + </button>
15 + <a class="nav-link" href="#_"><i class="fa fa-search mr-1"></i></a>
16 + <div class="navbar-collapse collapse justify-content-between align-items-center w-100" id="collapsingNavbar2">
17 + <ul class="navbar-nav mx-auto text-md-center text-left">
18 + <li class="nav-item">
19 + <a class="nav-link" href="#">ReadMe</a>
20 + </li>
21 + <li class="nav-item">
22 + <a class="nav-link" href="/license">License</a>
23 + </li>
24 + <li class="nav-item my-auto">
25 + <a class="nav-link navbar-brand mx-0 d-none d-md-inline" href="/">Home</a>
26 + </li>
27 + <li class="nav-item">
28 + <a class="nav-link" href="#">Team</a>
29 + </li>
30 + <li class="nav-item">
31 + <a class="nav-link" href="/developer">Developer</a>
32 + </li>
33 + </ul>
34 + <ul class="nav navbar-nav flex-row justify-content-md-center justify-content-start flex-nowrap">
35 + <li class="nav-item"><a class="nav-link" href=""><i class="fa fa-facebook mr-1"></i></a> </li>
36 + <li class="nav-item"><a class="nav-link" href=""><i class="fa fa-twitter"></i></a> </li>
37 + </ul>
38 + </div>
39 +</nav>