유승근 / Computer-part-Recommand

Go to a project
Toggle navigation Toggle navigation pinning
Yuseunggeun
bc8c6add 1 parent 7200b4ef

ejs modify

Inline Side-by-side
Showing 2 changed files with 86 additions and 10 deletions
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 +<head>
4 + <meta charset="utf-8">
5 + <link rel="stylesheet" href="style.css">
6 + <link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap" rel="stylesheet">
7 + <style>
8 + body{
9 + font-family: 'Nanum Gothic', sans-serif;
10 + background-color: rgb(219, 242, 243);
11 + color:black;
12 + margin: 0px;
13 + padding: 0px;
14 + }
15 + input[type=text] {
16 + font-size: 20px;
17 + width: 50%;
18 + padding: 12px 20px;
19 + margin: 0 auto;
20 + box-sizing: border-box;
21 + }
22 + input[type=submit] {
23 + font-size: 20px;
24 + width: 120px;
25 + height: 60px;
26 + padding: 12px 20px;
27 + margin: 0 auto;
28 + box-sizing: border-box;
29 + text-align: center;
30 + }
31 + #money, #word{
32 + display : block;
33 + margin : 0 auto;
34 + }
35 + #button{
36 + text-align: center;
37 + margin : 0 auto;
38 + }
39 + .box{
40 + margin: 0 auto;
41 + }
42 + h1{
43 + font-size: 60px;
44 + text-align: center;
45 + color: black;
46 + }
47 + h2{
48 + text-align: center;
49 + margin:0px;
50 + }
51 + img{
52 + height:130px;
53 + margin: 0px;
54 + }
55 + </style>
56 +</head>
3 <body> <!--메인 페이지--> 57 <body> <!--메인 페이지-->
4 - <h1>OSS TermProject-컴퓨터 부품 추천</h1> 58 + <center>
59 + <h1>그래픽카드 추천 사이트</h1>
60 + <br><br><br><br><br>
5 <form method="POST" action="http://localhost:3000/search"> 61 <form method="POST" action="http://localhost:3000/search">
6 - <input type="text" name="money" placeholder="예산을 입력하세요($)."> 62 + <input type="text" id="money" name="money" placeholder="예산을 입력하세요(원).">
7 - <input type="submit" value="확인"> 63 + <input type="submit" id="button" value="추천">
8 </form> 64 </form>
65 + <!--
9 <form method="GET" action="http://localhost:3000/rank"> 66 <form method="GET" action="http://localhost:3000/rank">
10 - <input type="submit" value="전체순위"> 67 + <input type="submit" id='button' value="전체순위">
11 </form> 68 </form>
69 + -->
70 + <br><br>
12 <form method="POST" action="http://localhost:3000/shop"> 71 <form method="POST" action="http://localhost:3000/shop">
13 - <input type="text" name="word" placeholder="키워드"> 72 + <input type="text" id="word" name="word" placeholder="검색할 키워드를 입력하세요.">
14 <input type="submit" value="검색"> 73 <input type="submit" value="검색">
15 </form> 74 </form>
75 + </center>
16 </body> 76 </body>
17 </html> 77 </html>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
7 <style> 7 <style>
8 body{ 8 body{
9 font-family: 'Nanum Gothic', sans-serif; 9 font-family: 'Nanum Gothic', sans-serif;
10 - background-color: rgb(192, 233, 192); 10 + background-color: rgb(219, 242, 243);
11 color:black; 11 color:black;
12 margin: 0px; 12 margin: 0px;
13 padding: 0px; 13 padding: 0px;
...@@ -28,6 +28,19 @@ ...@@ -28,6 +28,19 @@
28 width: 230px; 28 width: 230px;
29 border-style: solid; 29 border-style: solid;
30 } 30 }
31 + a, a:visited{
32 + color:blue;
33 + text-decoration: none;
34 + }
35 + input[type=submit] {
36 + font-size: 20px;
37 + width: 120px;
38 + height: 60px;
39 + padding: 12px 20px;
40 + margin: 0 auto;
41 + box-sizing: border-box;
42 + text-align: center;
43 + }
31 #num{ 44 #num{
32 width: 50px; 45 width: 50px;
33 } 46 }
...@@ -35,8 +48,9 @@ ...@@ -35,8 +48,9 @@
35 height:200px;background-color: skyblue; position:relative; 48 height:200px;background-color: skyblue; position:relative;
36 } 49 }
37 h1{ 50 h1{
51 + font-size: 60px;
38 text-align: center; 52 text-align: center;
39 - color: red; 53 + color: black;
40 } 54 }
41 h2{ 55 h2{
42 text-align: center; 56 text-align: center;
...@@ -52,9 +66,11 @@ ...@@ -52,9 +66,11 @@
52 <h1> 66 <h1>
53 추천 결과 67 추천 결과
54 </h1> 68 </h1>
55 - <script> 69 + <center>
56 - 70 + <form method="GET" action="http://localhost:3000/">
57 - </script> 71 + <input type="submit" id="button" value="돌아가기">
72 + </form>
73 + </center>
58 <% for(var i = 0;i < itemcount ;i++){ %> 74 <% for(var i = 0;i < itemcount ;i++){ %>
59 <table> 75 <table>
60 <tr> 76 <tr>
......