고다경 / 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Input Page</title>
<script src="jquery.js"></script>
<script>
$(function(){
$("#go").hover(function(){
$("#go").css({"background-color":"white", "color": "rgb(104, 211, 104)"});
},
function(){
$("#go").css({"color":"white", "background-color": "rgb(104, 211, 104)"});
});
});
</script>
<style >
#banner {
position: absolute;
top: 0;
width: 100%;
margin-top: 5ch;
color: white;
}
#footer {
position: absolute;
bottom: 0;
width: 100%;
height: 50px;
text-align: center;
color: white;
}
#logout{
position:absolute;
right: 20ch;
}
</style>
</head>
<body>
<img src = "images\main_background.jpg" alt="" style="z-index:-1; min-width: 100%; height: 700px;"></img>
<div id="banner">
<h1 style="width: 100%; text-align: center; font-size: 40px;">오늘은 얼마나 먹었어요?</h1>
<input id ="logout" type="submit" value="Logout" class="btn btn-default" style=" width:100px;font-weight: bold; font-size: 18px; background-color: white;">
<br><br><br>
<div id = "input-ing" style="width:100%; text-align: center;">
<form action="/starting" method="post">
<div class="form-inline">
<p style="text-decoration-line: underline; font-weight:bold;">오늘 먹은 것들을 적어주세요!</p>
<input type="text" style="width:30%; height:130px;" placeholder="ex) coffee and croissant">
<br><br><br><br>
<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;">
</div>
</form>
</div>
</div>
<div id="footer">오픈소스SW Project 2019-1 고다경 김용재 김태희</div>
</body>
</html>
\ No newline at end of file
......@@ -4,10 +4,21 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Main Page</title>
<title>Input Page</title>
<script src="jquery.js"></script>
<script>
$(function(){
$("#go").hover(function(){
$("#go").css({"background-color":"white", "color": "rgb(104, 211, 104)"});
},
function(){
$("#go").css({"color":"white", "background-color": "rgb(104, 211, 104)"});
});
});
</script>
<style >
......@@ -16,7 +27,7 @@
position: absolute;
top: 0;
width: 100%;
margin-top: 15ch;
margin-top: 5ch;
color: white;
}
......@@ -28,29 +39,29 @@
text-align: center;
color: white;
}
#logout{
position:absolute;
right: 20ch;
}
</style>
</head>
<body>
<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>
<img src = "images\main_background.jpg" alt="" style="z-index:-1; min-width: 100%; height: 700px;"></img>
<div id="banner">
<h1 style="width: 100%; text-align: center; font-size: 50px;">오늘은 얼마나 먹었어요?</h1>
<h1 style="width: 100%; text-align: center; font-size: 40px;">오늘은 얼마나 먹었어요?</h1>
<input id ="logout" type="submit" value="Logout" class="btn btn-default" style=" width:100px;font-weight: bold; font-size: 18px; background-color: white;">
<br><br><br>
<div id = "login-ing" style="width:100%; text-align: center; margin-top: 5ch">
<div id = "input-ing" style="width:100%; text-align: center;">
<form action="/starting" method="post">
<div class="form-inline">
<label>ID</label>
<input type="text" name="name" class="form-control" placeholder="홍길동" style="width:200px;">
&nbsp &nbsp&nbsp&nbsp
<label>Password</label>
<input type="text" name="birth" class="form-control" placeholder="*******" style="width:200px;">
<br><br><br>
<input type="submit" value="Login" class="btn btn-default" style=" width:100px;font-weight: bold; font-size: 18px; background-color: white;">
</div>
</form>
</div>
......
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Sign Up Page</title>
<script src="jquery.js"></script>
<script>
</script>
<style >
#banner {
position: absolute;
top: 0;
width: 100%;
margin-top: 5ch;
color: white;
}
#footer {
position: absolute;
bottom: 0;
width: 100%;
height: 50px;
text-align: center;
color: white;
}
</style>
</head>
<body>
<img src = "images\main_background.jpg" alt="" style="z-index:-1; min-width: 100%; height: 700px;"></img>
<div id="banner">
<h1 style="width: 100%; text-align: center; font-size: 40px;">오늘은 얼마나 먹었어요?</h1>
<br><br><br>
<div id = "signup-ing" style="width:100%; text-align: center;">
<form action="/starting" method="post">
<div class="form-inline">
<label>ID</label>
&nbsp&nbsp&nbsp
<input type="text" name="name" class="form-control" style="width:200px;">
<br><br>
<label>Password</label>
&nbsp&nbsp&nbsp
<input type="password" name="birth" class="form-control" style="width:200px;">
<br><br>
<label>나이</label>
&nbsp&nbsp&nbsp
<input type="text" name="name" class="form-control" style="width:200px;"> (세)
<br><br>
<label>성별</label>
&nbsp&nbsp&nbsp
<select id="male/female" style="width: 200px; ">
<option>성별 선택</option>
<option>남자</option>
<option>여자</option>
</select>
<br><br>
<label>키</label>
&nbsp&nbsp&nbsp
<input type="text" name="name" class="form-control" style="width:200px;"> (cm)
<br><br>
<label>체중</label>
&nbsp&nbsp&nbsp
<input type="text" name="name" class="form-control" style="width:200px;"> (kg)
<br><br><br><br>
<input type="submit" value="Sign Up" class="btn btn-default" style=" width:100px;font-weight: bold; font-size: 18px; background-color: white;">
</div>
</form>
</div>
</div>
<div id="footer">오픈소스SW Project 2019-1 고다경 김용재 김태희</div>
</body>
</html>
\ No newline at end of file
......@@ -32,7 +32,7 @@
</style>
</head>
<body>
<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>
<img src = "images\main_background.jpg" alt="" style="z-index:-1; min-width: 100%; height: 700px;"></img>
<div id="banner">
<h1 style="width: 100%; text-align: center; font-size: 50px;">오늘은 얼마나 먹었어요?</h1>
......@@ -51,6 +51,8 @@
<br><br><br>
<input type="submit" value="Login" class="btn btn-default" style=" width:100px;font-weight: bold; font-size: 18px; background-color: white;">
<br><br>
<input type="submit" value="Sign Up" class="btn btn-default" style=" width:100px;font-weight: bold; font-size: 18px; background-color: white;">
</div>
</form>
</div>
......