index.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <!DOCTYPE html>
  2. <!--
  3. json字段保持完整, 自行自定义前端展示
  4. ლ(•̀ _ •́ ლ)
  5. ლ(•̀ _ •́ ლ)ლ(•̀ _ •́ ლ)
  6. ლ(•̀ _ •́ ლ)ლ(•̀ _ •́ ლ)ლ(•̀ _ •́ ლ)
  7. ლ(•̀ _ •́ ლ)ლ(•̀ _ •́ ლ)
  8. ლ(•̀ _ •́ ლ)
  9. follow me, better solution for you. by:https://cpp.la
  10. -->
  11. <html>
  12. <head>
  13. <title>云监控</title>
  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.0">
  17. <meta name="description" content="云监控">
  18. <meta name="author" content="BotoX">
  19. <link rel="stylesheet" href="css/bootstrap.min.css">
  20. <link rel="stylesheet" href="css/bootstrap-theme.min.css">
  21. <link rel="stylesheet" href="css/light.css" title="light">
  22. <link rel="stylesheet" href="css/dark.css" title="dark">
  23. <style>
  24. body {
  25. padding-top: 70px;
  26. padding-bottom: 30px;
  27. }
  28. </style>
  29. <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  30. <!--[if lt IE 9]>
  31. <script src="js/html5shiv.js"></script>
  32. <script src="js/respond.min.js"></script>
  33. <![endif]-->
  34. </head>
  35. <body>
  36. <div role="navigation" class="navbar navbar-inverse navbar-fixed-top">
  37. <div class="navbar-inner">
  38. <div class="container">
  39. <div class="navbar-header">
  40. <button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
  41. <span class="sr-only">Toggle navigation</span>
  42. <span class="icon-bar"></span>
  43. <span class="icon-bar"></span>
  44. <span class="icon-bar"></span>
  45. </button>
  46. <a href="#" class="navbar-brand">云监控</a>
  47. </div>
  48. <div class="navbar-collapse collapse">
  49. <ul class="nav navbar-nav">
  50. <li class="dropdown">
  51. <a data-toggle="dropdown" class="dropdown-toggle" href="#">风格<b class="caret"></b></a>
  52. <ul class="dropdown-menu">
  53. <li><a href="#" onclick="setActiveStyleSheet('dark', true)">黑夜</a></li>
  54. <li><a href="#" onclick="setActiveStyleSheet('light', true)">白天</a></li>
  55. </ul>
  56. </li>
  57. </ul>
  58. </div><!--/.nav-collapse -->
  59. </div>
  60. </div>
  61. </div>
  62. <div class="container content">
  63. <div id="loading-notice">
  64. <noscript>
  65. <div class="alert alert-danger" style="text-align: center;">
  66. <strong>Enable JavaScript</strong> , please do it.
  67. </div>
  68. </noscript>
  69. <div style="text-align: center;">
  70. 警告:如果出现此消息,请确保您已启用Javascript! <br />否则云监控主服务没启动或已关闭.
  71. </div>
  72. <p></p>
  73. </div>
  74. <table class="table table-striped table-condensed table-hover">
  75. <thead>
  76. <tr>
  77. <th id="online_status" style="text-align: center;">🔗协议</th>
  78. <th id="month_traffic" style="text-align: center;">📊月流量↓|↑</th>
  79. <th id="name">📌节点</th>
  80. <th id="type">🗂️虚拟化</th>
  81. <th id="location">🌍位置</th>
  82. <th id="uptime">⏱️在线</th>
  83. <th id="load">负载</th>
  84. <th id="network">🚦网络↓|↑</th>
  85. <th id="traffic">📋总流量↓|↑</th>
  86. <th id="cpu">🎯核芯</th>
  87. <th id="ram">⚡️内存</th>
  88. <th id="hdd">💾硬盘</th>
  89. <th id="ping">🌐CU|CT|CM</th>
  90. </tr>
  91. </thead>
  92. <tbody id="servers">
  93. <!-- Servers here \o/ -->
  94. </tbody>
  95. </table>
  96. <br />
  97. <div id="updated">Updating...</div>
  98. </div>
  99. <div class="container">
  100. <p style="text-align: center; font-size: 10px;">
  101. <a href="https://github.com/cppla/ServerStatus">ServerStatus中文版</a>
  102. </p>
  103. </div>
  104. <script src="js/jquery.min.js"></script>
  105. <script src="js/bootstrap.min.js"></script>
  106. <script src="js/serverstatus.js"></script>
  107. </body>
  108. </html>