손장민 / 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 148 additions and 29 deletions
...@@ -26,16 +26,23 @@ app.get('/', function(req, res) { ...@@ -26,16 +26,23 @@ app.get('/', function(req, res) {
26 // res.sendFile(__dirname + "/index.html"); 26 // res.sendFile(__dirname + "/index.html");
27 // let posts = blogRealm.objects('Post').sorted('timestamp', true); 27 // let posts = blogRealm.objects('Post').sorted('timestamp', true);
28 // res.render('index.ejs',{title : "첫번째 화면"}); 28 // res.render('index.ejs',{title : "첫번째 화면"});
29 - res.sendFile(__dirname+"/pages/main.html"); 29 + res.sendFile(__dirname+"/intro.html");
30 +});
31 +app.get('/main', function(req, res) {
32 +// res.sendFile(__dirname + "/write.html");
33 +res.sendFile(__dirname+"/pages/main.html");
30 }); 34 });
31 -
32 app.get('/login', function(req, res) { 35 app.get('/login', function(req, res) {
33 // res.sendFile(__dirname + "/write.html"); 36 // res.sendFile(__dirname + "/write.html");
34 res.sendFile(__dirname+"/pages/login.html"); 37 res.sendFile(__dirname+"/pages/login.html");
35 }); 38 });
36 app.get('/register', function(req, res) { 39 app.get('/register', function(req, res) {
37 // res.sendFile(__dirname + "/write.html"); 40 // res.sendFile(__dirname + "/write.html");
38 -res.sendFile(__dirname+"/pages/login.html"); 41 +res.sendFile(__dirname+"/pages/register.html");
42 +});
43 +app.get('/info', function(req, res) {
44 +// res.sendFile(__dirname + "/write.html");
45 +res.sendFile(__dirname+"/pages/info.html");
39 }); 46 });
40 47
41 app.post('/write', function(req, res) { 48 app.post('/write', function(req, res) {
......
1 +<!DOCTYPE html>
2 +<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
3 +
4 +<!-- 부가적인 테마 -->
5 +<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
6 +
7 +<!-- 합쳐지고 최소화된 최신 자바스크립트 -->
8 +<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
9 +<html>
10 + <head>
11 + <meta charset="UTF-8">
12 + <meta name="viewport" content="width=device-width", initial-scale="1">
13 + <title>Coin Community</title>
14 + <linke rel="stylesheet" href="css/bootstrap.css">
15 + </head>
16 + <body>
17 + <style type="text/css">
18 + .jumbotron{
19 + text-shadow: black 0.1em 0.1em 0.1em;
20 + color: black;
21 + background-image: url('images/background.jpg');
22 + background-size: cover;
23 + }
24 + </style>
25 + <div class="container">
26 + <div class="jumbotron">
27 + <h1 class="text-center">Coin Community를 소개합니다.</h1>
28 + <p class="text-center">Coin Community는 Coin의 동향을 보고 서로 의견을 나누는 사이트입니다.</p>
29 + <p class="text-center"><a class="btn btn-primary btn-lg" href="/main" role="button">사이트로 접속하기</a></p>
30 + </div>
31 + </div>
32 + </body>
33 +</html>
1 +<!DOCTYPE html>
2 +<html lang="en">
3 +
4 +<head>
5 + <!-- 합쳐지고 최소화된 최신 CSS -->
6 + <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
7 +
8 + <!-- 부가적인 테마 -->
9 + <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
10 +
11 + <!-- 합쳐지고 최소화된 최신 자바스크립트 -->
12 + <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
13 +
14 + <meta charset="utf-8">
15 + <meta http-equiv="X-UA-Compatible" content="IE=edge">
16 + <meta name="viewport" content="width=device-width, initial-scale=1">
17 + <meta name="description" content="">
18 + <meta name="author" content="">
19 +
20 + <title>SB Admin 2 - Bootstrap Admin Theme</title>
21 +
22 + <!-- Bootstrap Core CSS -->
23 + <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
24 +
25 + <!-- MetisMenu CSS -->
26 + <link href="../vendor/metisMenu/metisMenu.min.css" rel="stylesheet">
27 +
28 + <!-- Custom CSS -->
29 + <link href="../dist/css/sb-admin-2.css" rel="stylesheet">
30 +
31 + <!-- Custom Fonts -->
32 + <link href="../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
33 +
34 + <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
35 + <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
36 + <!--[if lt IE 9]>
37 + <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
38 + <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
39 + <![endif]-->
40 +
41 +</head>
42 +
43 +<body>
44 +
45 + <div class="container">
46 + <div class="row">
47 + <div class="col-md-4 col-md-offset-4">
48 + <div class="login-panel panel panel-default">
49 + <div class="panel-heading">
50 + <h3 class="panel-title">About me</h3>
51 + </div>
52 + <div class="panel-body">
53 + <form role="form">
54 + <fieldset>
55 + 이름 : 손장민<br> 나이 : 24<br> 학교 : KHU.univ<br> 과 : 컴퓨터 공학과<br> 이메일 : djkaiden@naver.com<br>
56 + <a href="/" class="btn btn-lg btn-success btn-block">Close</a>
57 + </fieldset>
58 + </form>
59 + </div>
60 + </div>
61 + </div>
62 + </div>
63 + </div>
64 +
65 + <!-- jQuery -->
66 + <script src="../vendor/jquery/jquery.min.js"></script>
67 +
68 + <!-- Bootstrap Core JavaScript -->
69 + <script src="../vendor/bootstrap/js/bootstrap.min.js"></script>
70 +
71 + <!-- Metis Menu Plugin JavaScript -->
72 + <script src="../vendor/metisMenu/metisMenu.min.js"></script>
73 +
74 + <!-- Custom Theme JavaScript -->
75 + <script src="../dist/js/sb-admin-2.js"></script>
76 +
77 +</body>
78 +
79 +</html>
...@@ -64,7 +64,8 @@ ...@@ -64,7 +64,8 @@
64 </label> 64 </label>
65 </div> 65 </div>
66 <!-- Change this to a button or input when using this as a form --> 66 <!-- Change this to a button or input when using this as a form -->
67 - <a href="index.html" class="btn btn-lg btn-success btn-block">Login</a> 67 + <a href="/" class="btn btn-lg btn-success btn-block">Login</a>
68 + <a href="/register" class="btn btn-lg btn-success btn-block">Register</a>
68 </fieldset> 69 </fieldset>
69 </form> 70 </form>
70 </div> 71 </div>
......
...@@ -68,19 +68,14 @@ ...@@ -68,19 +68,14 @@
68 <!-- Collect the nav links, forms, and other content for toggling --> 68 <!-- Collect the nav links, forms, and other content for toggling -->
69 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 69 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
70 <ul class="nav navbar-nav"> 70 <ul class="nav navbar-nav">
71 - <li class="active"><a href="#">View Chart <span class="sr-only">(current)</span></a></li> 71 + <!--<li class="active"><a href="#">View Chart <span class="sr-only">(current)</span></a></li>
72 - <li><a href="#">Freeboard</a></li> 72 + <li><a href="#">Freeboard</a></li>-->
73 73
74 </ul> 74 </ul>
75 - <form class="navbar-form navbar-left" role="search"> 75 +
76 - <div class="form-group">
77 - <input type="text" class="form-control" placeholder="Search">
78 - </div>
79 - <button type="submit" class="btn btn-default">Search</button>
80 - </form>
81 <ul class="nav navbar-nav navbar-right"> 76 <ul class="nav navbar-nav navbar-right">
82 - <li><a href="#">Login</a></li> 77 + <li><a href="/login">Login</a></li>
83 - <li><a href="#">About us</a></li> 78 + <li><a href="/info">About me</a></li>
84 79
85 </ul> 80 </ul>
86 </div> 81 </div>
...@@ -90,8 +85,17 @@ ...@@ -90,8 +85,17 @@
90 </nav> 85 </nav>
91 86
92 <div class="container"> 87 <div class="container">
93 - 88 + background-color:Red;
94 <!-- Main component for a primary marketing message or call to action --> 89 <!-- Main component for a primary marketing message or call to action -->
90 + <div class="jumbotron">
91 + <h1>KHU- Coin Community</h1>
92 + <h2>KHU- Coin Community</h2>
93 + <p>실시간 차트를 서로 비교해 보세요.</p>
94 + <p>
95 + <a class="btn btn-lg btn-primary" href="/register" role="button">회원가입&raquo;</a>
96 + </p>
97 + </div>
98 +
95 99
96 <div class="col-lg-12"> 100 <div class="col-lg-12">
97 <div class="panel panel-default"> 101 <div class="panel panel-default">
...@@ -122,14 +126,7 @@ ...@@ -122,14 +126,7 @@
122 </div> 126 </div>
123 <!-- /.panel --> 127 <!-- /.panel -->
124 </div> 128 </div>
125 - <div class="jumbotron"> 129 +
126 - <h1>KHU- Coin Community</h1>
127 - <h2>KHU- Coin Community</h2>
128 - <p>실시간 차트를 서로 비교해 보세요.</p>
129 - <p>
130 - <a class="btn btn-lg btn-primary" href="/register" role="button">회원가입&raquo;</a>
131 - </p>
132 - </div>
133 </div> 130 </div>
134 <!-- /container --> 131 <!-- /container -->
135 132
......
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
47 <div class="col-md-4 col-md-offset-4"> 47 <div class="col-md-4 col-md-offset-4">
48 <div class="login-panel panel panel-default"> 48 <div class="login-panel panel panel-default">
49 <div class="panel-heading"> 49 <div class="panel-heading">
50 - <h3 class="panel-title">Please Sign In</h3> 50 + <h3 class="panel-title">Register</h3>
51 </div> 51 </div>
52 <div class="panel-body"> 52 <div class="panel-body">
53 <form role="form"> 53 <form role="form">
...@@ -58,13 +58,15 @@ ...@@ -58,13 +58,15 @@
58 <div class="form-group"> 58 <div class="form-group">
59 <input class="form-control" placeholder="Password" name="password" type="password" value=""> 59 <input class="form-control" placeholder="Password" name="password" type="password" value="">
60 </div> 60 </div>
61 - <div class="checkbox"> 61 + <div class="form-group">
62 - <label> 62 + <input class="form-control" placeholder="Confirm Password" name="password2" type="password2" value="">
63 - <input name="remember" type="checkbox" value="Remember Me">Remember Me 63 + </div>
64 - </label> 64 + <div class="form-group">
65 + <input class="form-control" placeholder="Name" name="name" type="name" value="">
65 </div> 66 </div>
66 <!-- Change this to a button or input when using this as a form --> 67 <!-- Change this to a button or input when using this as a form -->
67 - <a href="index.html" class="btn btn-lg btn-success btn-block">Register</a> 68 + <a href="/" class="btn btn-lg btn-success btn-block">Register</a>
69 + <a href="/" class="btn btn-lg btn-success btn-block">Cancel</a>
68 </fieldset> 70 </fieldset>
69 </form> 71 </form>
70 </div> 72 </div>
......