손장민 / MyOpenSourceProject

Go to a project
Toggle navigation Toggle navigation pinning
손장민
d9214f3f 1 parent 93df4da6

Table Added

Inline Side-by-side
Showing 3 changed files with 119 additions and 92 deletions
......@@ -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;
background-image: url('images/background.jpg');
background-size: cover;
color: white;
background-image:url(https://network.ducatus.net/wp-content/uploads/2017/02/Bitcoin-Background.jpg);
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>
......
......@@ -43,14 +43,14 @@
background-image: url("background.jpg");
background-color: #cccccc;
</style>
<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;
}
</style>
<style type="text/css">
.jumbotron{
text-shadow: black 0.1em 0.1em 0.1em;
color: white;
background-image:url(https://network.ducatus.net/wp-content/uploads/2017/02/Bitcoin-Background.jpg);
background-size:cover;
}
</style>
<!-- Fixed navbar -->
<nav class="navbar navbar-default">
<div class="container-fluid">
......@@ -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 -->
......
......@@ -39,98 +39,124 @@
<![endif]-->
</head>
<style>
<body>
background-image: url("background.jpg");
<body>background-image: url("background.jpg");
background-color: #cccccc;
</style>
<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;
}
</style>
<!-- Fixed navbar -->
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
</style>
<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;
}
</style>
<!-- Fixed navbar -->
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Coin Community</a>
</div>
<a class="navbar-brand" href="#">Coin Community</a>
</div>
<!-- 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>
<!-- 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>-->
</ul>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="/logout">Logout</a></li>
<li><a href="/info">About me</a></li>
<ul class="nav navbar-nav navbar-right">
<li><a href="/logout">Logout</a></li>
<li><a href="/info">About me</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</ul>
</div>
<!-- /.container-fluid -->
</nav>
<div class="container">
<h1><%=name%>님 환영합니다</h1>
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">
Line Chart Example
<script src="https://mining-profit.com/js/mp-btc-chart.js"></script>
<script type="text/javascript">
MiningProfitBTCChart.setChartWidth(1070);
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.setInitialExchange('coinbase');
MiningProfitBTCChart.setMajorColor('rgb(35, 119, 58)');
MiningProfitBTCChart.draw();
</script>
</div>
<!-- /.panel-heading -->
<div class="panel-body">
<div class="flot-chart">
<div class="flot-chart-content" id="flot-line-chart"></div>
</div>
</div>
<!-- /.panel-body -->
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<div class="container">
<h1><%=name%>님 환영합니다</h1>
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">
Line Chart Example
<script src="https://mining-profit.com/js/mp-btc-chart.js"></script>
<script type="text/javascript">
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.setInitialExchange('coinbase');
MiningProfitBTCChart.setMajorColor('rgb(35, 119, 58)');
MiningProfitBTCChart.draw();
</script>
</div>
<!-- /.panel-heading -->
<div class="panel-body">
<div class="flot-chart">
<div class="flot-chart-content" id="flot-line-chart"></div>
</div>
<!-- /.panel -->
</div>
<!-- /.panel-body -->
</div>
<!-- /.panel -->
</div>
<!-- /container -->
<!-- Bootstrap core JavaScript
<table class="table">
<thread>
<tr>
<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 -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
<script scr="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<!-- 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="../../dist/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
<script scr="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>
......