Intro screen added

손장민
Commit 64c81fc20f3852243321dfd63873675f80ebfcdc 64c81fc2 1 parent a704a27a
Showing 6 changed files with 149 additions and 30 deletions
app.js
intro.html
pages/info.html
pages/login.html
pages/main.html
pages/register.html
--- a/app.js
View file @64c81fc
+++ b/app.js
View file @64c81fc
@@ -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) {
--- a/intro.html 0 → 100644
View file @64c81fc
+++ b/intro.html 0 → 100644
View file @64c81fc
+<!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>
--- a/pages/info.html 0 → 100644
View file @64c81fc
+++ b/pages/info.html 0 → 100644
View file @64c81fc
+<!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>
--- a/pages/login.html
View file @64c81fc
+++ b/pages/login.html
View file @64c81fc
@@ -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>
--- a/pages/main.html
View file @64c81fc
+++ b/pages/main.html
View file @64c81fc
@@ -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 class="active"><a href="#">View Chart <span class="sr-only">(current)</span></a></li>
-          <li><a href="#">Freeboard</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="/login">Login</a></li>
-            <li><a href="#">About us</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 -->
--- a/pages/register.html
View file @64c81fc
+++ b/pages/register.html
View file @64c81fc
@@ -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">
+                                <div class="form-group">
-                                    <label>
+                                    <input class="form-control" placeholder="Confirm Password" name="password2" type="password2" value="">
-                                        <input name="remember" type="checkbox" value="Remember Me">Remember Me
+                                </div>
-                                    </label>
+                                <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>