Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
Toyo authored May 18, 2017
1 parent 4c2c458 commit 94468f8
Show file tree
Hide file tree
Showing 9 changed files with 404 additions and 0 deletions.
7 changes: 7 additions & 0 deletions css/bootstrap-theme.min.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

7 changes: 7 additions & 0 deletions css/bootstrap.min.css
View file

Large diffs are not rendered by default.

49 changes: 49 additions & 0 deletions css/light.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
body { background: #ebebeb url('../img/light.png'); }
.announcement { color: #777; border-bottom: solid 3px #d0d0d0; background-color: #fff; padding: 10px 10px; text-align: center; transition: 0.3s; }
.announcement:hover { border-bottom: solid 3px #159e83; transition: 0.3s; }
.announcement p { display: inline-block;font-size: 15px;margin: 0;line-height: 1;text-indent: 5px; }
.announcement i { display: inline-block;font-size: 15px;margin: 0;line-height: 1;color: #444; }
.navbar { min-height: 50px; }
.navbar-top { background-color: #4a4a4a !important; border-bottom: 6px solid #159e83; -moz-box-shadow: 0 -4px 0 rgba(0,0,0,.1); box-shadow: 0 6px 0 rgba(0,0,0,.1); }
.navbar-brand { color: #fff; padding: 10px; font-size: 20px; }
.dropdown .dropdown-toggle { padding-bottom: 10px; padding-top: 10px; }
.navbar-inverse .navbar-brand { color: #fff; padding: 15px 20px 10px; font-size: 20px; }
.content { background: #ffffff; padding: 20px; border: 1px #cecece solid; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .1); box-shadow: 0 1px 10px rgba(0, 0, 0, .1); margin-bottom: 20px; margin-top: 20px; }
.table { background: #ffffff; margin-bottom: 0; border-collapse: collapse; border-radius: 3px; }
.table th, .table td { text-align: center; }
.table-striped tbody > tr.even > td, .table-striped tbody > tr.even > th { background-color: #F9F9F9; }
.table-striped tbody > tr.odd > td, .table-striped tbody > tr.odd > th { background-color: #FFF; }
.progress { margin-bottom: 0; }
.progress-bar { color: #000; }
.table-hover > tbody > tr:hover > td { background: #E6E6E6; }
tr.even.expandRow > :hover { background: #F9F9F9 !important; }
tr.odd.expandRow > :hover { background: #FFF !important; }
.expandRow > td { padding: 0 !important; border-top: 0px !important; }
#cpu, #ram, #hdd, #network, #traffic { min-width: 55px; max-width: 100px; }
#type_1, tr td:nth-child(5) { display:none; }

@media only screen and (max-width: 720px) {
#type, tr td:nth-child(4) { display:none; }
#type_1, tr td:nth-child(5) { display:block; }
}
@media only screen and (max-width: 600px) {
#type, tr td:nth-child(4) { display:none; }
#type_1, tr td:nth-child(5) { display:block; }
#location, tr td:nth-child(6) { display:none; }
#time, tr td:nth-child(7) { display:none; }
}
@media only screen and (max-width: 533px) {
#type, tr td:nth-child(4) { display:none; }
#type_1, tr td:nth-child(5) { display:block; }
#location, tr td:nth-child(6) { display:none; }
#time, tr td:nth-child(7) { display:none; }
}
@media only screen and (max-width: 450px) {
body { font-size: 10px; }
.content { padding: 0; }
#name, tr td:nth-child(2) { min-width: 20px; max-width: 60px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#type, tr td:nth-child(4) { display:none; }
#type_1, tr td:nth-child(5) { display:block; }
#location, tr td:nth-child(6) { display:none; }
#time, tr td:nth-child(7) { display:none; }
}
Binary file added favicon.ico
View file
Binary file not shown.
Binary file added img/light.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
94 changes: 94 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,94 @@
<!DOCTYPE html>
<html>
<head>
<title>逗比云监控</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="云监控">
<meta name="author" content="BotoX">
<link rel="shortcut icon" href="favicon.ico"/>
<link rel="bookmark" href="favicon.ico"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/light.css">
<style>
body {
padding-top: 70px;
padding-bottom: 30px;
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="//oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="//oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div role="navigation" class="navbar navbar-inverse navbar-fixed-top navbar-top">
<div class="navbar-inner">
<div class="container">
<div class="navbar-header">
<button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand">逗比云监控</a>
</div>
<div class="navbar-collapse collapse">
</div><!--/.nav-collapse -->
</div>
</div>
</div>

<div class="container announcement">
<i class="fa fa-volume-down"></i><p>Shadowsocks/ShadowsocksR 账号在线监控 —— <a target="_blank" href="https://doub.io">逗比根据地</a></p>
</div>

<div class="container content">
<div id="loading-notice">
<noscript>
<div class="alert alert-danger" style="text-align: center;">
<strong>Enable JavaScript</strong> you fucking autist neckbeard, it's not gonna hurt you.
</div>
</noscript>
<div class="progress progress-striped active">
<div class="progress-bar progress-bar-warning" style="width: 100%;">加载中...</div>
</div>
<div style="text-align: center;">
如果出现此消息，请确保您已启用Javascript! <br />否则云监控主服务(服务端) 未启动或已关闭.
</div>
<p></p>
</div>
<table class="table table-striped table-condensed table-hover">
<thead>
<tr>
<th id="status" style="text-align: center;">状态</th>
<th id="ip">IP</th>
<th id="name">名称</th>
<th id="type">类型</th>
<th id="type_1">类型</th>
<th id="location">位置</th>
<th id="time">测试时间</th>
</tr>
</thead>
<tbody id="servers">
<!-- Servers here \o/ -->
</tbody>
</table>
<br />
<div id="updated" style="margin-left: 5px;">Updating...</div>
</div>

<div class="container">
<p style="text-align: center; font-size: 10px;">
<a href="https://github.com/ToyoDAdoubi/SSRStatus">SSRStatus-Toyo</a>
</p>
</div>
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/ssrstatus.js?4"></script>
</body>
</html>
7 changes: 7 additions & 0 deletions js/bootstrap.min.js
View file

Large diffs are not rendered by default.

6 changes: 6 additions & 0 deletions js/jquery-1.10.2.min.js
View file

Large diffs are not rendered by default.

Loading

0 comments on commit 94468f8

Please sign in to comment.