이유제 / 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
}
.search-box{
position: relative;
position: absolute;
height: 60px;
width: 600px;
top:15vh;
background: #fff;
border-radius: 50px;
margin-left: auto;
margin-right: auto;
left: 50%;
margin-left: -300px;
opacity: 0.8;
}
......@@ -142,3 +142,10 @@ header
}
.boxes{
position: absolute;
width : 300px;
left: 50%;
margin-left: -150px;
top: 28vh;
}
\ No newline at end of file
......
......@@ -72,6 +72,7 @@
</div>
<script>
function find(){
var row = ``;
var input= document.getElementById('inputText').value;
var dataContainer=document.getElementById('map-data');
var data=[];
......@@ -83,7 +84,7 @@
for(var i=0;i<data.length;i++){
if(data[i][1].indexOf(input)!=-1){
var row = `<tr>
row = `<tr>
<td> ${data[i][0]}</td>
<td> ${data[i][1]}</td>
<td> ${data[i][4]}</td>
......
......@@ -3,9 +3,6 @@
<head>
<title>Culture Gallery</title>
<link rel="stylesheet" href='/stylesheets/main_style.css' type="text/css">
<link rel="shortcut icon" href="/images/favicon.ico">
<link rel="icon" href="/images/favicon.ico">
</head>
<body>
......@@ -21,17 +18,22 @@
<li><a href="">Contact</a></li>
</ul>
</div>
<div class="title">
</div>
<div class="welcome">
<h1>어떤 공연을 찾으시나요?</h1>
<h1>Culture Gallery</h1>
<div class="search-box">
<input type="text" value="" id="searchinput" placeholder="검색어를 입력하세요 (ex. 유미의 세포들 특별전)...">
<button onclick="search()" value="">검색</button>
<form action='findPage' method ="GET">
<input type="text" placeholder="어떤 공연을 찾으시나요?">
<button type="submit">검색</button>
</form>
</div>
<div class = "boxes">
<a href="mappage" class="btn btn1">나의 근처 공연</a>
<a href="login" class="btn btn3">로그인</a>
</div>
<a href="mappage" class="btn btn1">나의 근처 공연</a>
<a href="?id=" class="btn btn2">검색하기</a>
<a href="login" class="btn btn3">로그인</a>
</div>
</div>
</header>
......