조민지 / 2018_2_project

Go to a project
Toggle navigation Toggle navigation pinning
조민지
036e2a64 1 parent 7882825a

ejs errrorrrrrr

Expand all
Inline Side-by-side
Showing 10 changed files with 70 additions and 41 deletions
...@@ -18,8 +18,8 @@ app.use(logger('dev')); ...@@ -18,8 +18,8 @@ app.use(logger('dev'));
18 app.use(express.json()); 18 app.use(express.json());
19 app.use(express.urlencoded({ extended: false })); 19 app.use(express.urlencoded({ extended: false }));
20 app.use(cookieParser()); 20 app.use(cookieParser());
21 -app.use(express.static(path.join(__dirname, 'public'))); 21 +app.use('/',express.static(path.join(__dirname, 'public')));
22 -app.use(express.static(path.join(__dirname, 'code'))); 22 +app.use('/',express.static(path.join(__dirname, 'code')));
23 app.use('/name/:name/birth',express.static(path.join(__dirname, 'public'))); 23 app.use('/name/:name/birth',express.static(path.join(__dirname, 'public')));
24 app.use('/name/:name/birth',express.static(path.join(__dirname, 'code'))); 24 app.use('/name/:name/birth',express.static(path.join(__dirname, 'code')));
25 25
......
...@@ -25,9 +25,9 @@ ...@@ -25,9 +25,9 @@
25 25
26 <style type="text/css"> 26 <style type="text/css">
27 body { 27 body {
28 - background-image: url('background.jpg'); 28 + /* background-image: url('background.jpg');
29 background-repeat: no-repeat; 29 background-repeat: no-repeat;
30 - background-size: cover; 30 + background-size: cover; */
31 /* background: linear-gradient( to bottom, #fbc2eb, #a6c1ee ); */ 31 /* background: linear-gradient( to bottom, #fbc2eb, #a6c1ee ); */
32 } 32 }
33 33
...@@ -41,6 +41,11 @@ ...@@ -41,6 +41,11 @@
41 font-size: 20px; 41 font-size: 20px;
42 font-family: 'Yeon Sung', cursive; 42 font-family: 'Yeon Sung', cursive;
43 } 43 }
44 + #banner {
45 + position: absolute;
46 + top: 0;
47 + width: 100%;
48 + }
44 #footer { 49 #footer {
45 position: absolute; 50 position: absolute;
46 bottom: 0; 51 bottom: 0;
...@@ -55,22 +60,26 @@ ...@@ -55,22 +60,26 @@
55 </head> 60 </head>
56 61
57 <body> 62 <body>
58 - <div style="width:100%; text-align: center; margin-top:170px;"> 63 + <img src="./background.jpg" alt="" style="z-index:-1; min-width: 100%; min-height: 100%">
59 - <h1 style="font-size:90px;">당신이 지금 죽을 확률은?</h1> 64 + <div id="banner">
60 - </div> 65 + <div style="width:100%; text-align: center; padding-top:170px;">
61 - <br><br><br> 66 + <h1 style="font-size:90px;">당신이 지금 죽을 확률은?</h1>
62 - <div style="width:100%; text-align: center;"> 67 + </div>
63 - <form action="/starting" method="post">
64 - <div class="form-inline">
65 - <label>이름</label>
66 - <input type="text" name="name" class="form-control" placeholder="김철수" style="width:200px;">
67 - &nbsp&nbsp&nbsp&nbsp
68 - <label>생년월일</label>
69 - <input type="text" name="birth" class="form-control" placeholder="971009" style="width:200px;">
70 <br><br><br> 68 <br><br><br>
71 - <input type="submit" value="시작하기" class="btn btn-default" style="font-family: 'Yeon Sung', cursive; width:100px;font-weight: bold; font-size: 18px; background-color: white;"> 69 + <div style="width:100%; text-align: center;">
72 - </div> 70 + <form action="/starting" method="post">
73 - </form> 71 + <div class="form-inline">
72 + <label>이름</label>
73 + <input type="text" name="name" class="form-control" placeholder="김철수" style="width:200px;">
74 + &nbsp&nbsp&nbsp&nbsp
75 + <label>생년월일</label>
76 + <input type="text" name="birth" class="form-control" placeholder="971009" style="width:200px;">
77 + <br><br><br>
78 + <input type="submit" value="시작하기" class="btn btn-default" style="font-family: 'Yeon Sung', cursive; width:100px;font-weight: bold; font-size: 18px; background-color: white;">
79 + </div>
80 + </form>
81 + </div>
82 +
74 </div> 83 </div>
75 84
76 <div id="footer">오픈소스SW개발 조민지 강환석 배희수</div> 85 <div id="footer">오픈소스SW개발 조민지 강환석 배희수</div>
......

204 KB
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
...@@ -6,9 +6,9 @@ ...@@ -6,9 +6,9 @@
6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <title>Page Title</title> 7 <title>Page Title</title>
8 8
9 -<!-- font --> 9 + <!-- font -->
10 -<link href="https://fonts.googleapis.com/css?family=Nanum+Brush+Script&amp;subset=korean" rel="stylesheet"> 10 + <link href="https://fonts.googleapis.com/css?family=Nanum+Brush+Script&amp;subset=korean" rel="stylesheet">
11 -<link href="https://fonts.googleapis.com/css?family=Yeon+Sung&amp;subset=korean" rel="stylesheet"> 11 + <link href="https://fonts.googleapis.com/css?family=Yeon+Sung&amp;subset=korean" rel="stylesheet">
12 12
13 <meta name="viewport" content="width=device-width, initial-scale=1"> 13 <meta name="viewport" content="width=device-width, initial-scale=1">
14 <link rel="stylesheet" type="text/css" media="screen" href="main.css" /> 14 <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
...@@ -24,10 +24,19 @@ ...@@ -24,10 +24,19 @@
24 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> 24 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
25 25
26 <style type="text/css"> 26 <style type="text/css">
27 + html,
28 + {
29 + margin: 0;
30 + padding: 0;
31 + }
32 +
27 body { 33 body {
28 - background-image: url('images/background.jpg'); 34 + margin: 0;
35 + padding: 0;
36 +
37 + /* background-image: url('background.jpg');
29 background-repeat: no-repeat; 38 background-repeat: no-repeat;
30 - background-size: cover; 39 + background-size: cover; */
31 /* background: linear-gradient( to bottom, #fbc2eb, #a6c1ee ); */ 40 /* background: linear-gradient( to bottom, #fbc2eb, #a6c1ee ); */
32 } 41 }
33 42
...@@ -41,6 +50,13 @@ ...@@ -41,6 +50,13 @@
41 font-size: 20px; 50 font-size: 20px;
42 font-family: 'Yeon Sung', cursive; 51 font-family: 'Yeon Sung', cursive;
43 } 52 }
53 +
54 + #banner {
55 + position: absolute;
56 + top: 0;
57 + width: 100%;
58 + }
59 +
44 #footer { 60 #footer {
45 position: absolute; 61 position: absolute;
46 bottom: 0; 62 bottom: 0;
...@@ -48,29 +64,33 @@ ...@@ -48,29 +64,33 @@
48 height: 50px; 64 height: 50px;
49 text-align: center; 65 text-align: center;
50 font-family: 'Yeon Sung', cursive; 66 font-family: 'Yeon Sung', cursive;
51 - color:white; 67 + color: white;
52 } 68 }
53 </style> 69 </style>
54 70
55 </head> 71 </head>
56 72
57 <body> 73 <body>
58 - <div style="width:100%; text-align: center; margin-top:170px;"> 74 + <img src="images/background.jpg" alt="" style="z-index:-1; min-width: 100%; min-height: 100%">
59 - <h1 style="font-size:90px;">당신이 지금 죽을 확률은?</h1> 75 + <div id="banner">
60 - </div> 76 + <div style="width:100%; text-align: center; padding-top:170px;">
61 - <br><br><br> 77 + <h1 style="font-size:90px;">당신이 지금 죽을 확률은?</h1>
62 - <div style="width:100%; text-align: center;"> 78 + </div>
63 - <form action="/starting" method="post"> 79 + <br><br><br>
64 - <div class="form-inline"> 80 + <div style="width:100%; text-align: center;">
65 - <label>이름</label> 81 + <form action="/starting" method="post">
66 - <input type="text" name="name" class="form-control" placeholder="김철수" style="width:200px;"> 82 + <div class="form-inline">
67 - &nbsp&nbsp&nbsp&nbsp 83 + <label>이름</label>
68 - <label>생년월일</label> 84 + <input type="text" name="name" class="form-control" placeholder="김철수" style="width:200px;">
69 - <input type="text" name="birth" class="form-control" placeholder="971009" style="width:200px;"> 85 + &nbsp &nbsp&nbsp&nbsp
70 - <br><br><br> 86 + <label>생년월일</label>
71 - <input type="submit" value="시작하기" class="btn btn-default" style="font-family: 'Yeon Sung', cursive; width:100px;font-weight: bold; font-size: 18px; background-color: white;"> 87 + <input type="text" name="birth" class="form-control" placeholder="971009" style="width:200px;">
72 - </div> 88 + <br><br><br>
73 - </form> 89 + <input type="submit" value="시작하기" class="btn btn-default" style="font-family: 'Yeon Sung', cursive; width:100px;font-weight: bold; font-size: 18px; background-color: white;">
90 + </div>
91 + </form>
92 + </div>
93 +
74 </div> 94 </div>
75 95
76 <div id="footer">오픈소스SW개발 조민지 강환석 배희수</div> 96 <div id="footer">오픈소스SW개발 조민지 강환석 배희수</div>
......
This diff is collapsed. Click to expand it.