손장민 / MyOpenSourceProject

Go to a project
Toggle navigation Toggle navigation pinning
손장민
a704a27a 1 parent 0bfca00b

Register added

Inline Side-by-side
Showing 6 changed files with 157 additions and 25 deletions
...@@ -33,6 +33,10 @@ app.get('/login', function(req, res) { ...@@ -33,6 +33,10 @@ app.get('/login', function(req, res) {
33 // res.sendFile(__dirname + "/write.html"); 33 // res.sendFile(__dirname + "/write.html");
34 res.sendFile(__dirname+"/pages/login.html"); 34 res.sendFile(__dirname+"/pages/login.html");
35 }); 35 });
36 +app.get('/register', function(req, res) {
37 +// res.sendFile(__dirname + "/write.html");
38 +res.sendFile(__dirname+"/pages/login.html");
39 +});
36 40
37 app.post('/write', function(req, res) { 41 app.post('/write', function(req, res) {
38 let title = req.body['title'], 42 let title = req.body['title'],
......
1 +<!DOCTYPE html>
2 + <html>
3 + <head>
4 + <meta charset="utf-8"/>
5 + <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
6 + <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width"/>
7 + <title>Login Demo - Kakao JavaScript SDK</title>
8 + <script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
9 +
10 + </head>
11 + <body>
12 + <a id="kakao-login-btn"></a>
13 + <a href="http://developers.kakao.com/logout"></a>
14 + <script type='text/javascript'>
15 + //<![CDATA[
16 + // 사용할 앱의 JavaScript 키를 설정해 주세요.
17 + Kakao.init('07fde789135a7c05f28e9a0ac3784076');
18 + // 카카오 로그인 버튼을 생성합니다.
19 + Kakao.Auth.createLoginButton({
20 + container: '#kakao-login-btn',
21 + success: function(authObj) {
22 + href="http://localhost:3000/login";
23 + alert(JSON.stringify(authObj));
24 + },
25 + fail: function(err) {
26 + alert(JSON.stringify(err));
27 + }
28 + });
29 + //]]>
30 + </script>
31 +
32 + </body>
33 + </html>
...@@ -38,16 +38,19 @@ ...@@ -38,16 +38,19 @@
38 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 38 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
39 <![endif]--> 39 <![endif]-->
40 </head> 40 </head>
41 - 41 +<style>
42 <body> 42 <body>
43 - <!-- <style type = "text/css"> 43 + background-image: url("background.jpg");
44 + background-color: #cccccc;
45 + </style>
46 + <style type = "text/css">
44 .jumbotron{ 47 .jumbotron{
45 background-image: url('images/background.jpg'); 48 background-image: url('images/background.jpg');
46 background-size: cover; 49 background-size: cover;
47 - text-shadow: black 0.2em 0.2em 0.2em; 50 + text-shadow: black 0.1em 0.1em 0.1em;
48 color: whites; 51 color: whites;
49 } 52 }
50 - </style> --> 53 + </style>
51 <!-- Fixed navbar --> 54 <!-- Fixed navbar -->
52 <nav class="navbar navbar-default"> 55 <nav class="navbar navbar-default">
53 <div class="container-fluid"> 56 <div class="container-fluid">
...@@ -89,18 +92,25 @@ ...@@ -89,18 +92,25 @@
89 <div class="container"> 92 <div class="container">
90 93
91 <!-- Main component for a primary marketing message or call to action --> 94 <!-- Main component for a primary marketing message or call to action -->
92 - <div class="jumbotron"> 95 +
93 - <h1>Navbar example</h1>
94 - <p>This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
95 - <p>To see the difference between static and fixed top navbars, just scroll.</p>
96 - <p>
97 - <a class="btn btn-lg btn-primary" href="http://localhost:3000/login" role="button">View navbar docs &raquo;</a>
98 - </p>
99 - </div>
100 <div class="col-lg-12"> 96 <div class="col-lg-12">
101 <div class="panel panel-default"> 97 <div class="panel panel-default">
102 <div class="panel-heading"> 98 <div class="panel-heading">
103 Line Chart Example 99 Line Chart Example
100 +
101 + <script src="https://mining-profit.com/js/mp-btc-chart.js"></script>
102 + <script type="text/javascript">
103 + MiningProfitBTCChart.setChartWidth(1070);
104 + MiningProfitBTCChart.setChartHeight(500);
105 + MiningProfitBTCChart.isDisplayControlRanges(true);
106 + MiningProfitBTCChart.isDisplayControlInterval(false);
107 + MiningProfitBTCChart.setInitialRange('20h');
108 + MiningProfitBTCChart.setChartRanges(['6h', '10h', '20h', '2d', '1w', '2w', '1m']);
109 + MiningProfitBTCChart.setChartExchanges([{mpvaluation: '#428bca'}, {bitstamp: '#B4CD3E'}, {coinbase: '#D54E88'}, {btce: '#F0522B'}]);
110 + MiningProfitBTCChart.setInitialExchange('coinbase');
111 + MiningProfitBTCChart.setMajorColor('rgb(35, 119, 58)');
112 + MiningProfitBTCChart.draw();
113 + </script>
104 </div> 114 </div>
105 <!-- /.panel-heading --> 115 <!-- /.panel-heading -->
106 <div class="panel-body"> 116 <div class="panel-body">
...@@ -112,22 +122,17 @@ ...@@ -112,22 +122,17 @@
112 </div> 122 </div>
113 <!-- /.panel --> 123 <!-- /.panel -->
114 </div> 124 </div>
125 + <div class="jumbotron">
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>
115 </div> 133 </div>
116 <!-- /container --> 134 <!-- /container -->
117 135
118 - <script src="https://mining-profit.com/js/mp-btc-chart.js"></script>
119 - <script type="text/javascript">
120 - MiningProfitBTCChart.setChartWidth(550);
121 - MiningProfitBTCChart.setChartHeight(400);
122 - MiningProfitBTCChart.isDisplayControlRanges(true);
123 - MiningProfitBTCChart.isDisplayControlInterval(false);
124 - MiningProfitBTCChart.setInitialRange('20h');
125 - MiningProfitBTCChart.setChartRanges(['6h', '10h', '20h', '2d', '1w', '2w', '1m']);
126 - MiningProfitBTCChart.setChartExchanges([{mpvaluation: '#428bca'}, {bitstamp: '#B4CD3E'}, {coinbase: '#D54E88'}, {btce: '#F0522B'}]);
127 - MiningProfitBTCChart.setInitialExchange('coinbase');
128 - MiningProfitBTCChart.setMajorColor('rgb(35, 119, 58)');
129 - MiningProfitBTCChart.draw();
130 - </script>
131 <!-- Bootstrap core JavaScript 136 <!-- Bootstrap core JavaScript
132 ================================================== --> 137 ================================================== -->
133 <!-- Placed at the end of the document so the pages load faster --> 138 <!-- Placed at the end of the document so the pages load faster -->
......
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">Please Sign In</h3>
51 + </div>
52 + <div class="panel-body">
53 + <form role="form">
54 + <fieldset>
55 + <div class="form-group">
56 + <input class="form-control" placeholder="E-mail" name="email" type="email" autofocus>
57 + </div>
58 + <div class="form-group">
59 + <input class="form-control" placeholder="Password" name="password" type="password" value="">
60 + </div>
61 + <div class="checkbox">
62 + <label>
63 + <input name="remember" type="checkbox" value="Remember Me">Remember Me
64 + </label>
65 + </div>
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">Register</a>
68 + </fieldset>
69 + </form>
70 + </div>
71 + </div>
72 + </div>
73 + </div>
74 + </div>
75 +
76 + <!-- jQuery -->
77 + <script src="../vendor/jquery/jquery.min.js"></script>
78 +
79 + <!-- Bootstrap Core JavaScript -->
80 + <script src="../vendor/bootstrap/js/bootstrap.min.js"></script>
81 +
82 + <!-- Metis Menu Plugin JavaScript -->
83 + <script src="../vendor/metisMenu/metisMenu.min.js"></script>
84 +
85 + <!-- Custom Theme JavaScript -->
86 + <script src="../dist/js/sb-admin-2.js"></script>
87 +
88 +</body>
89 +
90 +</html>