이유제 / CultureGallery

Go to a project
Toggle navigation Toggle navigation pinning
YujeLee
045c0289 1 parent 8725dbd5

Backend: main html / css 수정

Inline Side-by-side
Showing 3 changed files with 26 additions and 16 deletions
...@@ -110,14 +110,14 @@ header ...@@ -110,14 +110,14 @@ header
110 } 110 }
111 111
112 .search-box{ 112 .search-box{
113 - position: relative; 113 + position: absolute;
114 height: 60px; 114 height: 60px;
115 width: 600px; 115 width: 600px;
116 + top:15vh;
116 background: #fff; 117 background: #fff;
117 border-radius: 50px; 118 border-radius: 50px;
118 - 119 + left: 50%;
119 - margin-left: auto; 120 + margin-left: -300px;
120 - margin-right: auto;
121 opacity: 0.8; 121 opacity: 0.8;
122 122
123 } 123 }
...@@ -142,3 +142,10 @@ header ...@@ -142,3 +142,10 @@ header
142 142
143 143
144 } 144 }
145 +.boxes{
146 + position: absolute;
147 + width : 300px;
148 + left: 50%;
149 + margin-left: -150px;
150 + top: 28vh;
151 +}
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -72,6 +72,7 @@ ...@@ -72,6 +72,7 @@
72 </div> 72 </div>
73 <script> 73 <script>
74 function find(){ 74 function find(){
75 + var row = ``;
75 var input= document.getElementById('inputText').value; 76 var input= document.getElementById('inputText').value;
76 var dataContainer=document.getElementById('map-data'); 77 var dataContainer=document.getElementById('map-data');
77 var data=[]; 78 var data=[];
...@@ -83,7 +84,7 @@ ...@@ -83,7 +84,7 @@
83 84
84 for(var i=0;i<data.length;i++){ 85 for(var i=0;i<data.length;i++){
85 if(data[i][1].indexOf(input)!=-1){ 86 if(data[i][1].indexOf(input)!=-1){
86 - var row = `<tr> 87 + row = `<tr>
87 <td> ${data[i][0]}</td> 88 <td> ${data[i][0]}</td>
88 <td> ${data[i][1]}</td> 89 <td> ${data[i][1]}</td>
89 <td> ${data[i][4]}</td> 90 <td> ${data[i][4]}</td>
......
...@@ -3,9 +3,6 @@ ...@@ -3,9 +3,6 @@
3 <head> 3 <head>
4 <title>Culture Gallery</title> 4 <title>Culture Gallery</title>
5 <link rel="stylesheet" href='/stylesheets/main_style.css' type="text/css"> 5 <link rel="stylesheet" href='/stylesheets/main_style.css' type="text/css">
6 - <link rel="shortcut icon" href="/images/favicon.ico">
7 - <link rel="icon" href="/images/favicon.ico">
8 -
9 </head> 6 </head>
10 7
11 <body> 8 <body>
...@@ -21,17 +18,22 @@ ...@@ -21,17 +18,22 @@
21 <li><a href="">Contact</a></li> 18 <li><a href="">Contact</a></li>
22 </ul> 19 </ul>
23 </div> 20 </div>
24 - 21 + <div class="title">
22 + </div>
25 <div class="welcome"> 23 <div class="welcome">
26 - <h1>어떤 공연을 찾으시나요?</h1> 24 + <h1>Culture Gallery</h1>
27 <div class="search-box"> 25 <div class="search-box">
28 - <input type="text" value="" id="searchinput" placeholder="검색어를 입력하세요 (ex. 유미의 세포들 특별전)..."> 26 + <form action='findPage' method ="GET">
29 - <button onclick="search()" value="">검색</button> 27 + <input type="text" placeholder="어떤 공연을 찾으시나요?">
28 + <button type="submit">검색</button>
29 + </form>
30 + </div>
31 + <div class = "boxes">
32 + <a href="mappage" class="btn btn1">나의 근처 공연</a>
33 + <a href="login" class="btn btn3">로그인</a>
30 </div> 34 </div>
31 - <a href="mappage" class="btn btn1">나의 근처 공연</a> 35 +
32 - <a href="?id=" class="btn btn2">검색하기</a> 36 + </div>
33 - <a href="login" class="btn btn3">로그인</a>
34 - </div>
35 </header> 37 </header>
36 38
37 39
......