고다경 / Open_Source_project

Go to a project
Toggle navigation Toggle navigation pinning
고다경
aaa4833e 1 parent 2c12c590

main page : 완료, Sign_Out : 완료, AfterLogin_Inputpage: 완료, AfterLogin_Outputpage: 하는중

Inline Side-by-side
Showing 7 changed files with 200 additions and 15 deletions
1 +<!DOCTYPE html>
2 +<html lang="en">
3 +<head>
4 + <meta charset="UTF-8">
5 + <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
7 + <title>Input Page</title>
8 + <script src="jquery.js"></script>
9 + <script>
10 +
11 + $(function(){
12 +
13 + $("#go").hover(function(){
14 + $("#go").css({"background-color":"white", "color": "rgb(104, 211, 104)"});
15 + },
16 + function(){
17 + $("#go").css({"color":"white", "background-color": "rgb(104, 211, 104)"});
18 + });
19 +
20 +
21 + });
22 +
23 + </script>
24 + <style >
25 +
26 + #banner {
27 + position: absolute;
28 + top: 0;
29 + width: 100%;
30 + margin-top: 5ch;
31 + color: white;
32 + }
33 +
34 + #footer {
35 + position: absolute;
36 + bottom: 0;
37 + width: 100%;
38 + height: 50px;
39 + text-align: center;
40 + color: white;
41 + }
42 +
43 + #logout{
44 + position:absolute;
45 + right: 20ch;
46 + }
47 +
48 +
49 + </style>
50 +</head>
51 +<body>
52 + <img src = "images\main_background.jpg" alt="" style="z-index:-1; min-width: 100%; height: 700px;"></img>
53 + <div id="banner">
54 + <h1 style="width: 100%; text-align: center; font-size: 40px;">오늘은 얼마나 먹었어요?</h1>
55 + <input id ="logout" type="submit" value="Logout" class="btn btn-default" style=" width:100px;font-weight: bold; font-size: 18px; background-color: white;">
56 +
57 + <br><br><br>
58 +
59 + <div id = "input-ing" style="width:100%; text-align: center;">
60 + <form action="/starting" method="post">
61 + <div class="form-inline">
62 +
63 + <p style="text-decoration-line: underline; font-weight:bold;">오늘 먹은 것들을 적어주세요!</p>
64 +
65 + <input type="text" style="width:30%; height:130px;" placeholder="ex) coffee and croissant">
66 + <br><br><br><br>
67 +
68 + <input id="go" type="button" value="Go!" style=" width:100px; height:80px; font-weight: bold; color:white; font-size: 25px; background-color: rgb(104, 211, 104); border-radius: 2em;">
69 +
70 +
71 + </div>
72 + </form>
73 + </div>
74 +
75 + </div>
76 +
77 + <div id="footer">오픈소스SW Project 2019-1 고다경 김용재 김태희</div>
78 +</body>
79 +</html>
...\ No newline at end of file ...\ No newline at end of file
...@@ -4,10 +4,21 @@ ...@@ -4,10 +4,21 @@
4 <meta charset="UTF-8"> 4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge">
7 - <title>Main Page</title> 7 + <title>Input Page</title>
8 <script src="jquery.js"></script> 8 <script src="jquery.js"></script>
9 <script> 9 <script>
10 10
11 + $(function(){
12 +
13 + $("#go").hover(function(){
14 + $("#go").css({"background-color":"white", "color": "rgb(104, 211, 104)"});
15 + },
16 + function(){
17 + $("#go").css({"color":"white", "background-color": "rgb(104, 211, 104)"});
18 + });
19 +
20 +
21 + });
11 22
12 </script> 23 </script>
13 <style > 24 <style >
...@@ -16,7 +27,7 @@ ...@@ -16,7 +27,7 @@
16 position: absolute; 27 position: absolute;
17 top: 0; 28 top: 0;
18 width: 100%; 29 width: 100%;
19 - margin-top: 15ch; 30 + margin-top: 5ch;
20 color: white; 31 color: white;
21 } 32 }
22 33
...@@ -28,29 +39,29 @@ ...@@ -28,29 +39,29 @@
28 text-align: center; 39 text-align: center;
29 color: white; 40 color: white;
30 } 41 }
42 +
43 + #logout{
44 + position:absolute;
45 + right: 20ch;
46 + }
47 +
31 48
32 </style> 49 </style>
33 </head> 50 </head>
34 <body> 51 <body>
35 - <img src = "C:\Users\lg01\Desktop\Doc\오픈소스SW개발\OSS_Project_2019-1\images\main_background.jpg" alt="" style="z-index:-1; min-width: 100%; height: 700px;"></img> 52 + <img src = "images\main_background.jpg" alt="" style="z-index:-1; min-width: 100%; height: 700px;"></img>
36 <div id="banner"> 53 <div id="banner">
37 - <h1 style="width: 100%; text-align: center; font-size: 50px;">오늘은 얼마나 먹었어요?</h1> 54 + <h1 style="width: 100%; text-align: center; font-size: 40px;">오늘은 얼마나 먹었어요?</h1>
38 - 55 + <input id ="logout" type="submit" value="Logout" class="btn btn-default" style=" width:100px;font-weight: bold; font-size: 18px; background-color: white;">
39 56
40 <br><br><br> 57 <br><br><br>
41 58
42 - <div id = "login-ing" style="width:100%; text-align: center; margin-top: 5ch"> 59 + <div id = "input-ing" style="width:100%; text-align: center;">
43 <form action="/starting" method="post"> 60 <form action="/starting" method="post">
44 <div class="form-inline"> 61 <div class="form-inline">
45 - <label>ID</label> 62 +
46 - <input type="text" name="name" class="form-control" placeholder="홍길동" style="width:200px;">
47 - &nbsp &nbsp&nbsp&nbsp
48 -
49 - <label>Password</label>
50 - <input type="text" name="birth" class="form-control" placeholder="*******" style="width:200px;">
51 - <br><br><br>
52 63
53 - <input type="submit" value="Login" class="btn btn-default" style=" width:100px;font-weight: bold; font-size: 18px; background-color: white;"> 64 +
54 </div> 65 </div>
55 </form> 66 </form>
56 </div> 67 </div>
......
1 +<!DOCTYPE html>
2 +<html lang="en">
3 +<head>
4 + <meta charset="UTF-8">
5 + <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
7 + <title>Sign Up Page</title>
8 + <script src="jquery.js"></script>
9 + <script>
10 +
11 +
12 + </script>
13 + <style >
14 +
15 + #banner {
16 + position: absolute;
17 + top: 0;
18 + width: 100%;
19 + margin-top: 5ch;
20 + color: white;
21 +
22 + }
23 +
24 + #footer {
25 + position: absolute;
26 + bottom: 0;
27 + width: 100%;
28 + height: 50px;
29 + text-align: center;
30 + color: white;
31 + }
32 +
33 +
34 + </style>
35 +</head>
36 +<body>
37 + <img src = "images\main_background.jpg" alt="" style="z-index:-1; min-width: 100%; height: 700px;"></img>
38 + <div id="banner">
39 + <h1 style="width: 100%; text-align: center; font-size: 40px;">오늘은 얼마나 먹었어요?</h1>
40 +
41 +
42 + <br><br><br>
43 +
44 + <div id = "signup-ing" style="width:100%; text-align: center;">
45 + <form action="/starting" method="post">
46 + <div class="form-inline">
47 +
48 + <label>ID</label>
49 + &nbsp&nbsp&nbsp
50 + <input type="text" name="name" class="form-control" style="width:200px;">
51 + <br><br>
52 +
53 + <label>Password</label>
54 + &nbsp&nbsp&nbsp
55 + <input type="password" name="birth" class="form-control" style="width:200px;">
56 + <br><br>
57 +
58 +
59 + <label>나이</label>
60 + &nbsp&nbsp&nbsp
61 + <input type="text" name="name" class="form-control" style="width:200px;"> (세)
62 + <br><br>
63 +
64 + <label>성별</label>
65 + &nbsp&nbsp&nbsp
66 + <select id="male/female" style="width: 200px; ">
67 + <option>성별 선택</option>
68 + <option>남자</option>
69 + <option>여자</option>
70 +
71 + </select>
72 + <br><br>
73 +
74 + <label>키</label>
75 + &nbsp&nbsp&nbsp
76 + <input type="text" name="name" class="form-control" style="width:200px;"> (cm)
77 + <br><br>
78 +
79 + <label>체중</label>
80 + &nbsp&nbsp&nbsp
81 + <input type="text" name="name" class="form-control" style="width:200px;"> (kg)
82 + <br><br><br><br>
83 +
84 + <input type="submit" value="Sign Up" class="btn btn-default" style=" width:100px;font-weight: bold; font-size: 18px; background-color: white;">
85 + </div>
86 + </form>
87 + </div>
88 +
89 + </div>
90 +
91 + <div id="footer">오픈소스SW Project 2019-1 고다경 김용재 김태희</div>
92 +</body>
93 +</html>
...\ No newline at end of file ...\ No newline at end of file
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
32 </style> 32 </style>
33 </head> 33 </head>
34 <body> 34 <body>
35 - <img src = "C:\Users\lg01\Desktop\Doc\오픈소스SW개발\OSS_Project_2019-1\Open_Source_project\images\main_background.jpg" alt="" style="z-index:-1; min-width: 100%; height: 700px;"></img> 35 + <img src = "images\main_background.jpg" alt="" style="z-index:-1; min-width: 100%; height: 700px;"></img>
36 <div id="banner"> 36 <div id="banner">
37 <h1 style="width: 100%; text-align: center; font-size: 50px;">오늘은 얼마나 먹었어요?</h1> 37 <h1 style="width: 100%; text-align: center; font-size: 50px;">오늘은 얼마나 먹었어요?</h1>
38 38
...@@ -51,6 +51,8 @@ ...@@ -51,6 +51,8 @@
51 <br><br><br> 51 <br><br><br>
52 52
53 <input type="submit" value="Login" class="btn btn-default" style=" width:100px;font-weight: bold; font-size: 18px; background-color: white;"> 53 <input type="submit" value="Login" class="btn btn-default" style=" width:100px;font-weight: bold; font-size: 18px; background-color: white;">
54 + <br><br>
55 + <input type="submit" value="Sign Up" class="btn btn-default" style=" width:100px;font-weight: bold; font-size: 18px; background-color: white;">
54 </div> 56 </div>
55 </form> 57 </form>
56 </div> 58 </div>
......