손장민 / MyOpenSourceProject

Go to a project
Toggle navigation Toggle navigation pinning
손장민
64c81fc2 1 parent a704a27a

Intro screen added

Inline Side-by-side
Showing 6 changed files with 149 additions and 30 deletions
......@@ -26,16 +26,23 @@ app.get('/', function(req, res) {
// res.sendFile(__dirname + "/index.html");
// let posts = blogRealm.objects('Post').sorted('timestamp', true);
// res.render('index.ejs',{title : "첫번째 화면"});
res.sendFile(__dirname+"/pages/main.html");
res.sendFile(__dirname+"/intro.html");
});
app.get('/main', function(req, res) {
// res.sendFile(__dirname + "/write.html");
res.sendFile(__dirname+"/pages/main.html");
});
app.get('/login', function(req, res) {
// res.sendFile(__dirname + "/write.html");
res.sendFile(__dirname+"/pages/login.html");
});
app.get('/register', function(req, res) {
// res.sendFile(__dirname + "/write.html");
res.sendFile(__dirname+"/pages/login.html");
res.sendFile(__dirname+"/pages/register.html");
});
app.get('/info', function(req, res) {
// res.sendFile(__dirname + "/write.html");
res.sendFile(__dirname+"/pages/info.html");
});
app.post('/write', function(req, res) {
......
<!DOCTYPE html>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- 부가적인 테마 -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
<!-- 합쳐지고 최소화된 최신 자바스크립트 -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width", initial-scale="1">
<title>Coin Community</title>
<linke rel="stylesheet" href="css/bootstrap.css">
</head>
<body>
<style type="text/css">
.jumbotron{
text-shadow: black 0.1em 0.1em 0.1em;
color: black;
background-image: url('images/background.jpg');
background-size: cover;
}
</style>
<div class="container">
<div class="jumbotron">
<h1 class="text-center">Coin Community를 소개합니다.</h1>
<p class="text-center">Coin Community는 Coin의 동향을 보고 서로 의견을 나누는 사이트입니다.</p>
<p class="text-center"><a class="btn btn-primary btn-lg" href="/main" role="button">사이트로 접속하기</a></p>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 합쳐지고 최소화된 최신 CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- 부가적인 테마 -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
<!-- 합쳐지고 최소화된 최신 자바스크립트 -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>SB Admin 2 - Bootstrap Admin Theme</title>
<!-- Bootstrap Core CSS -->
<link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- MetisMenu CSS -->
<link href="../vendor/metisMenu/metisMenu.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="../dist/css/sb-admin-2.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-4 col-md-offset-4">
<div class="login-panel panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">About me</h3>
</div>
<div class="panel-body">
<form role="form">
<fieldset>
이름 : 손장민<br> 나이 : 24<br> 학교 : KHU.univ<br> 과 : 컴퓨터 공학과<br> 이메일 : djkaiden@naver.com<br>
<a href="/" class="btn btn-lg btn-success btn-block">Close</a>
</fieldset>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- jQuery -->
<script src="../vendor/jquery/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="../vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- Metis Menu Plugin JavaScript -->
<script src="../vendor/metisMenu/metisMenu.min.js"></script>
<!-- Custom Theme JavaScript -->
<script src="../dist/js/sb-admin-2.js"></script>
</body>
</html>
......@@ -10,7 +10,7 @@
<!-- 합쳐지고 최소화된 최신 자바스크립트 -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
......@@ -64,7 +64,8 @@
</label>
</div>
<!-- Change this to a button or input when using this as a form -->
<a href="index.html" class="btn btn-lg btn-success btn-block">Login</a>
<a href="/" class="btn btn-lg btn-success btn-block">Login</a>
<a href="/register" class="btn btn-lg btn-success btn-block">Register</a>
</fieldset>
</form>
</div>
......
......@@ -68,19 +68,14 @@
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#">View Chart <span class="sr-only">(current)</span></a></li>
<li><a href="#">Freeboard</a></li>
<!--<li class="active"><a href="#">View Chart <span class="sr-only">(current)</span></a></li>
<li><a href="#">Freeboard</a></li>-->
</ul>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Search</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Login</a></li>
<li><a href="#">About us</a></li>
<li><a href="/login">Login</a></li>
<li><a href="/info">About me</a></li>
</ul>
</div>
......@@ -90,8 +85,17 @@
</nav>
<div class="container">
background-color:Red;
<!-- Main component for a primary marketing message or call to action -->
<div class="jumbotron">
<h1>KHU- Coin Community</h1>
<h2>KHU- Coin Community</h2>
<p>실시간 차트를 서로 비교해 보세요.</p>
<p>
<a class="btn btn-lg btn-primary" href="/register" role="button">회원가입&raquo;</a>
</p>
</div>
<div class="col-lg-12">
<div class="panel panel-default">
......@@ -122,14 +126,7 @@
</div>
<!-- /.panel -->
</div>
<div class="jumbotron">
<h1>KHU- Coin Community</h1>
<h2>KHU- Coin Community</h2>
<p>실시간 차트를 서로 비교해 보세요.</p>
<p>
<a class="btn btn-lg btn-primary" href="/register" role="button">회원가입&raquo;</a>
</p>
</div>
</div>
<!-- /container -->
......
......@@ -47,7 +47,7 @@
<div class="col-md-4 col-md-offset-4">
<div class="login-panel panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Please Sign In</h3>
<h3 class="panel-title">Register</h3>
</div>
<div class="panel-body">
<form role="form">
......@@ -58,13 +58,15 @@
<div class="form-group">
<input class="form-control" placeholder="Password" name="password" type="password" value="">
</div>
<div class="checkbox">
<label>
<input name="remember" type="checkbox" value="Remember Me">Remember Me
</label>
<div class="form-group">
<input class="form-control" placeholder="Confirm Password" name="password2" type="password2" value="">
</div>
<div class="form-group">
<input class="form-control" placeholder="Name" name="name" type="name" value="">
</div>
<!-- Change this to a button or input when using this as a form -->
<a href="index.html" class="btn btn-lg btn-success btn-block">Register</a>
<a href="/" class="btn btn-lg btn-success btn-block">Register</a>
<a href="/" class="btn btn-lg btn-success btn-block">Cancel</a>
</fieldset>
</form>
</div>
......