이유제 / CultureGallery

Go to a project
Toggle navigation Toggle navigation pinning
YujeLee
2eb90926 1 parent 57bfa379

FrontEnd: login / main / search html 보완

Inline Side-by-side
Showing 4 changed files with 57 additions and 79 deletions
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
10 <body> 10 <body>
11 <header> 11 <header>
12 <div class="nav-bar"> 12 <div class="nav-bar">
13 - <img src="../images/camera.png" alt="" class="logo"> 13 + <img src="../images/icon.png" alt="" class="logo">
14 14
15 <ul class="menu"> 15 <ul class="menu">
16 <li><a href="/">Home</a></li> 16 <li><a href="/">Home</a></li>
......
1 -<!DOCTYPE html>
2 -<html>
3 - <head>
4 - <meta charset="utf-8"/>
5 - <title>login page title</title>
6 - <script src="https://developers.kakao.com/sdk/js/kakao.js"></script>
7 -
8 - </head>
9 -<body>
10 - <a id="kakao-login-btn"></a>
11 - <a href="http://developers.kakao.com/logout"></a>
12 - <script>
13 - Kakao.init('0678e32dab56db1c52ac63ab4ccb7663');
14 -
15 - console.log(Kakao.isInitialized());
16 -
17 - Kakao.Auth.createLoginButton({
18 - container: '#kakao-login-btn',
19 - success: function(authObj){
20 - console.log(JSON.stringify(authObj));
21 - alert(JSON.stringify(authObj));//authObj -> 토큰임.
22 - redirectUrl
23 - },
24 - fail: function(err){
25 - alert(JSON.stringify(err));
26 - }
27 - })
28 - console.log('hi');
29 - Kakao.Link.createDefaultButton({
30 - container: ".kakao-link",
31 - objectType: "feed",
32 - content:{
33 - title: "안녕하세요",
34 - description: "반갑습니다.",
35 - link:{
36 - webUrl: "https://www.naver.com/",
37 - mobileWebUrl: "https://www.naver.com/"
38 - },
39 - },
40 - })
41 - function kakaoLogout(){
42 - Kakao.Auth.logout(function(response){
43 - alert(response+'logout');
44 - Kakao.API.request({
45 - url: '/v1/user/unlink',
46 - success: function(response) {
47 - console.log(response);
48 - },
49 - fail: function(error) {
50 - console.log(error);
51 - console.log("error");
52 - },
53 - })
54 - })
55 - }
56 -</script>
57 -<script>
58 - console.log('hi');
59 - Kakao.Link.createDefaultButton({
60 - container: ".kakao-link",
61 - objectType: "feed",
62 - content:{
63 - title: "안녕하세요",
64 - description: "반갑습니다.",
65 - link:{
66 - webUrl: "https://www.naver.com/",
67 - mobileWebUrl: "https://www.naver.com/"
68 - },
69 - },
70 - })
71 -</script>
72 -
73 -<a onclick="kakaoLogout();">카카오 로그아웃</a>
74 -</body>
75 -</html>
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
8 <body> 8 <body>
9 <header> 9 <header>
10 <div class="nav-bar"> 10 <div class="nav-bar">
11 - <img src="../images/camera.png" alt="" class="logo"> 11 + <img src="../images/icon.png" alt="" class="logo">
12 <ul class="menu"> 12 <ul class="menu">
13 <li><a href="">Home</a></li> 13 <li><a href="">Home</a></li>
14 <li><a href="">Services</a></li> 14 <li><a href="">Services</a></li>
...@@ -18,13 +18,22 @@ ...@@ -18,13 +18,22 @@
18 <li><a href="">Contact</a></li> 18 <li><a href="">Contact</a></li>
19 </ul> 19 </ul>
20 </div> 20 </div>
21 - </header> 21 + <div class="title">
22 + <h1>Culture Gallery</h1>
23 + </div>
22 <div class="welcome"> 24 <div class="welcome">
23 <h1>어떤 공연을 찾으시나요?</h1> 25 <h1>어떤 공연을 찾으시나요?</h1>
26 + <div class="search-box">
27 + <input type="text" value="" id="searchinput" placeholder="검색어를 입력하세요 (ex. 유미의 세포들 특별전)...">
28 + <button onclick="search()" value="">검색</button>
29 + </div>
24 <a href="mappage" class="btn btn1">나의 근처 공연</a> 30 <a href="mappage" class="btn btn1">나의 근처 공연</a>
25 - <a href="#" class="btn btn2">검색하기</a> 31 + <a href="?id=" class="btn btn2">검색하기</a>
26 <a href="login" class="btn btn3">로그인</a> 32 <a href="login" class="btn btn3">로그인</a>
27 </div> 33 </div>
34 + </header>
35 +
36 +
28 </body> 37 </body>
29 38
30 </html> 39 </html>
...\ No newline at end of file ...\ No newline at end of file
......
1 +<!DOCTYPE html>
2 +<html lang="ko">
3 +
4 +<head>
5 + <meta charset="UTF-8">
6 + <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 + <title>Culture Gallery</title>
8 + <link rel="stylesheet" href='/stylesheets/login_style.css' type="text/css">
9 + <script src="https://developers.kakao.com/sdk/js/kakao.js"></script>
10 +</head>
11 +
12 +<body>
13 + <header>
14 + <div class="nav-bar">
15 + <img src="../images/icon.png" alt="" class="logo">
16 + <ul class="menu">
17 + <li><a href="/">Home</a></li>
18 + <li><a href="">Services</a></li>
19 + <li><a href="">Portfolio</a></li>
20 + <li><a href="">Testimonimal</a></li>
21 + <li><a href="">Career</a></li>
22 + <li><a href="">Contact</a></li>
23 + </ul>
24 + </div>
25 + </header>
26 + <h1>검색하기</h1>
27 + <hr>
28 + <form action="/search" method="POST">
29 + <table>
30 + <tr>
31 + <td><input type="text" name="name" placeholder="장소를 입력하세요."></td>
32 + </tr>
33 + <tr>
34 + <td><input type="text" name="modelnumber" placeholder="모델넘버를 입력하세요."></td>
35 + </tr>
36 + <tr>
37 + <td><input type="text" name="series" placeholder="시리즈를 입력하세요."></td>
38 + </tr>
39 + </table>
40 + <input type="submit" value="전송하기">
41 + </form>
42 +</body>
43 +
44 +</html>
...\ No newline at end of file ...\ No newline at end of file