Table Added

손장민
Commit d9214f3f18a17193e595058480f1238aa4cfff9e d9214f3f 1 parent 93df4da6
Showing 3 changed files with 63 additions and 36 deletions
intro.html
pages/main.html
views/main2.ejs
--- a/intro.html
View file @d9214f3
+++ b/intro.html
View file @d9214f3
@@ -2,14 +2,14 @@
 <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">
+<!-- <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">
+    <meta name="viewport" content="width=device-width" , initial-scale="1">
     <title>Coin Community</title>
     <linke rel="stylesheet" href="css/bootstrap.css">
   </head>
@@ -17,17 +17,19 @@
     <style type="text/css">
       .jumbotron{
         text-shadow: black 0.1em 0.1em 0.1em;
-        color: black;
+        color: white;
-        background-image: url('images/background.jpg');
+        background-image:url(https://network.ducatus.net/wp-content/uploads/2017/02/Bitcoin-Background.jpg);
-        background-size: cover;
+        background-size:cover;
       }
       </style>
-    <div class="container">
+    <!-- <div class="container"> -->
+    <h1 class="text-center">　</h1>
+    <h1 class="text-center">　</h1>
       <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>
+    <!-- </div> -->
   </body>
 </html>
--- a/pages/main.html
View file @d9214f3
+++ b/pages/main.html
View file @d9214f3
@@ -43,12 +43,12 @@
   background-image: url("background.jpg");
   background-color: #cccccc;
   </style>
-  <style type = "text/css">
+  <style type="text/css">
     .jumbotron{
-          background-image: url('images/background.jpg');
-          background-size: cover;
       text-shadow: black 0.1em 0.1em 0.1em;
-          color: whites;
+      color: white;
+      background-image:url(https://network.ducatus.net/wp-content/uploads/2017/02/Bitcoin-Background.jpg);
+      background-size:cover;
     }
     </style>
   <!-- Fixed navbar -->
@@ -103,7 +103,7 @@
                   <script src="https://mining-profit.com/js/mp-btc-chart.js"></script>
                   <script type="text/javascript">
-                  MiningProfitBTCChart.setChartWidth(1070);
+                  MiningProfitBTCChart.setChartWidth(875);
                   MiningProfitBTCChart.setChartHeight(500);
                   MiningProfitBTCChart.isDisplayControlRanges(true);
                   MiningProfitBTCChart.isDisplayControlInterval(false);
@@ -125,7 +125,6 @@
         </div>
         <!-- /.panel -->
     </div>
-
   </div>
   <!-- /container -->
--- a/views/main2.ejs
View file @d9214f3
+++ b/views/main2.ejs
View file @d9214f3
@@ -39,20 +39,19 @@
     <![endif]-->
 </head>
 <style>
-<body>
+  <body>background-image: url("background.jpg");
-  background-image: url("background.jpg");
   background-color: #cccccc;
-  </style>
+</style>
-  <style type = "text/css">
+<style type="text/css">
-        .jumbotron{
+  .jumbotron {
     background-image: url('images/background.jpg');
     background-size: cover;
     text-shadow: black 0.1em 0.1em 0.1em;
     color: whites;
   }
-        </style>
+</style>
-  <!-- Fixed navbar -->
+<!-- Fixed navbar -->
-  <nav class="navbar navbar-default">
+<nav class="navbar navbar-default">
   <div class="container-fluid">
     <!-- Brand and toggle get grouped for better mobile display -->
     <div class="navbar-header">
@@ -82,9 +81,9 @@
     <!-- /.navbar-collapse -->
   </div>
   <!-- /.container-fluid -->
-  </nav>
+</nav>
-  <div class="container">
+<div class="container">
   <h1><%=name%>님 환영합니다</h1>
@@ -96,13 +95,21 @@
         <script src="https://mining-profit.com/js/mp-btc-chart.js"></script>
         <script type="text/javascript">
-                  MiningProfitBTCChart.setChartWidth(1070);
+          MiningProfitBTCChart.setChartWidth(875);
           MiningProfitBTCChart.setChartHeight(500);
           MiningProfitBTCChart.isDisplayControlRanges(true);
           MiningProfitBTCChart.isDisplayControlInterval(false);
           MiningProfitBTCChart.setInitialRange('20h');
           MiningProfitBTCChart.setChartRanges(['6h', '10h', '20h', '2d', '1w', '2w', '1m']);
-                  MiningProfitBTCChart.setChartExchanges([{mpvaluation: '#428bca'}, {bitstamp: '#B4CD3E'}, {coinbase: '#D54E88'}, {btce: '#F0522B'}]);
+          MiningProfitBTCChart.setChartExchanges([{
+            mpvaluation: '#428bca'
+          }, {
+            bitstamp: '#B4CD3E'
+          }, {
+            coinbase: '#D54E88'
+          }, {
+            btce: '#F0522B'
+          }]);
           MiningProfitBTCChart.setInitialExchange('coinbase');
           MiningProfitBTCChart.setMajorColor('rgb(35, 119, 58)');
           MiningProfitBTCChart.draw();
@@ -119,18 +126,37 @@
     <!-- /.panel -->
   </div>
-  </div>
+  <table class="table">
-  <!-- /container -->
+    <thread>
-
+      <tr>
-  <!-- Bootstrap core JavaScript
+        <th>제목</th>
+        <th>내용</th>
+        <th>작성자</th>
+        <th>날짜</th>
+      </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>아인스</td>
+          <td>오르나요</td>
+          <td>마나요</td>
+          <td>1234</td>
+        </tr>
+      </tbody>
+  </table>
+
+</div>
+<!-- /container -->
+
+<!-- Bootstrap core JavaScript
     ================================================== -->
-  <!-- Placed at the end of the document so the pages load faster -->
+<!-- Placed at the end of the document so the pages load faster -->
-  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
-  <script src="../../dist/js/bootstrap.min.js"></script>
+<script src="../../dist/js/bootstrap.min.js"></script>
-  <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
+<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
-  <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
+<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
-  <script scr="https://code.jquery.com/jquery-3.1.1.min.js"></script>
+<script scr="https://code.jquery.com/jquery-3.1.1.min.js"></script>
-  <script src="js/bootstrap.js"></script>
+<script src="js/bootstrap.js"></script>
 </body>
 </html>