index.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6. <meta name="description"
  7. content="Flat UI Kit Free is a Twitter Bootstrap Framework design and Theme, this responsive framework includes a PSD and HTML version."/>
  8. <meta name="viewport" content="width=1000, initial-scale=1.0, maximum-scale=1.0">
  9. <!-- Loading Bootstrap -->
  10. <link href="bootstrap.min.css" rel="stylesheet">
  11. <link href="dist/css/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  12. <!-- Loading Flat UI -->
  13. <link href="dist/css/flat-ui.css" rel="stylesheet">
  14. <link href="docs/assets/css/demo.css" rel="stylesheet">
  15. <link rel="shortcut icon" href="img/favicon.ico">
  16. <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
  17. <!--[if lt IE 9]>
  18. <script src="dist/js/vendor/html5shiv.js"></script>
  19. <script src="dist/js/vendor/respond.min.js"></script>
  20. <!-- scripts -->
  21. <script src="js/general.js"></script>
  22. <!-- oneByone slider -->
  23. <link href="css/animate.css" media="screen" rel="stylesheet">
  24. <script src="js/jquery.onecarousel.min.js"></script>
  25. <!-- Placeholders -->
  26. <script type="text/javascript" src="js/jquery.powerful-placeholder.min.js"></script>
  27. <meta name="viewport" content="width=device-width, initial-scale=1">
  28. <style>
  29. /* css 代码 */
  30. </style>
  31. <script src="https://img.hcharts.cn/highcharts/highcharts.js"></script>
  32. <script src="https://img.hcharts.cn/highcharts/modules/exporting.js"></script>
  33. <script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
  34. </head>
  35. <body>
  36. <div class="container">
  37. <div class="row demo-row">
  38. <div class="col-xs-12">
  39. <nav class="navbar navbar-inverse navbar-embossed" role="navigation">
  40. <div class="navbar-header">
  41. <button type="button" class="navbar-toggle" data-toggle="collapse"
  42. data-target="#navbar-collapse-01">
  43. <span class="sr-only">Toggle navigation</span>
  44. </button>
  45. <a class="navbar-brand" href="#">Mastiff Scanning Report</a>
  46. </div>
  47. <div class="collapse navbar-collapse" id="navbar-collapse-01">
  48. <!--<ul class="nav navbar-nav navbar-left">
  49. <li><a href="#fakelink">Menu Item<span class="navbar-unread">1</span></a></li>
  50. <li class="dropdown">
  51. <a href="#" class="dropdown-toggle" data-toggle="dropdown">Messages <b
  52. class="caret"></b></a>
  53. <span class="dropdown-arrow"></span>
  54. <ul class="dropdown-menu">
  55. <li><a href="#">Action</a></li>
  56. <li><a href="#">Another action</a></li>
  57. <li><a href="#">Something else here</a></li>
  58. <li class="divider"></li>
  59. <li><a href="#">Separated link</a></li>
  60. </ul>
  61. </li>
  62. <li><a href="#fakelink">About Us</a></li>
  63. </ul>-->
  64. <form class="navbar-form navbar-right" action="#" role="search">
  65. <div class="form-group">
  66. <div class="input-group">
  67. <input class="form-control" id="navbarInput-01" type="search" placeholder="Search">
  68. <span class="input-group-btn">
  69. <button type="submit" class="btn"><span class="fui-search"></span></button>
  70. </span>
  71. </div>
  72. </div>
  73. </form>
  74. </div><!-- /.navbar-collapse -->
  75. </nav><!-- /navbar -->
  76. </div>
  77. </div>
  78. <div class="row">
  79. <div class="col-sm-3">
  80. <div class="card border-primary mb-3" style="max-width: 18rem;">
  81. <!--<div class="card-header">Header</div>-->
  82. <div class="card-body text-primary">
  83. <h5 class="card-title" id="risk-counter"></h5>
  84. <p class="card-text">Risk Count</p>
  85. </div>
  86. </div>
  87. </div>
  88. <div class="col-sm-3">
  89. <div class="card border-primary mb-3" style="max-width: 18rem;">
  90. <!--<div class="card-header">Header</div>-->
  91. <div class="card-body text-primary">
  92. <h5 class="card-title" id="risky-f-counter">30</h5>
  93. <p class="card-text">Risky Files</p>
  94. </div>
  95. </div>
  96. </div>
  97. <div class="col-sm-3">
  98. <div class="card border-primary mb-3" style="max-width: 18rem;">
  99. <!--<div class="card-header">Header</div>-->
  100. <div class="card-body text-primary">
  101. <h5 class="card-title" id="f-counter">30</h5>
  102. <p class="card-text">Files Scanned</p>
  103. </div>
  104. </div>
  105. </div>
  106. <div class="col-sm-3">
  107. <div class="card border-primary mb-3" style="max-width: 18rem;">
  108. <!--<div class="card-header">Header</div>-->
  109. <div class="card-body text-primary">
  110. <h5 class="card-title" id="time-counter">30</h5>
  111. <p class="card-text">Time Used</p>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. <!--<div class="row demo-row">-->
  117. <!--<div class="col-xs-3">-->
  118. <!--<a href="#fakelink" class="btn btn-block btn-lg btn-default">Bug Count</a>-->
  119. <!--</div>-->
  120. <!--<div class="col-xs-3">-->
  121. <!--<a href="#fakelink" class="btn btn-block btn-lg btn-default">Files Scanned</a>-->
  122. <!--</div>-->
  123. <!--<div class="col-xs-3">-->
  124. <!--<a href="#fakelink" class="btn btn-block btn-lg btn-default">Risky Files</a>-->
  125. <!--</div>-->
  126. <!--<div class="col-xs-3">-->
  127. <!--<a href="#fakelink" class="btn btn-block btn-lg btn-default">Time Used</a>-->
  128. <!--</div>-->
  129. <!--</div> &lt;!&ndash; /row &ndash;&gt;-->
  130. </div>
  131. <div class="clearfix" style="height:5rem;"></div>
  132. <!--/ background --
  133. <div class="content-nd">
  134. <div class="container">
  135. <div class="row">
  136. <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
  137. <div class="box">
  138. <i class="fa fa-tablet fa-5x"></i>
  139. <h2>Responsive</h2>
  140. <p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic
  141. ad nauseum. ITS BETA is working hard to launch a new site that's going to revolutionize the way
  142. you do business.</p>
  143. </div>
  144. </div>
  145. <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
  146. <div class="box">
  147. <i class="fa fa-laptop fa-5x"></i>
  148. <h2>Modular</h2>
  149. <p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic
  150. ad nauseum. ITS BETA is working hard to launch a new site that's going to revolutionize the way
  151. you do business.</p>
  152. </div>
  153. </div>
  154. <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
  155. <div class="box">
  156. <i class="fa fa-cogs fa-5x"></i>
  157. <h2>Adaptive</h2>
  158. <p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic
  159. ad nauseum. ITS BETA is working hard to launch a new site that's going to revolutionize the way
  160. you do business.</p>
  161. </div>
  162. </div>
  163. </div>
  164. </div>
  165. </div>
  166. --/ content-nd -->
  167. <!--/ content-rd -->
  168. <!--/ content-ft -->
  169. <div class="content-sx">
  170. <div class="container">
  171. <div class="row">
  172. <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
  173. <div class="img-right">
  174. <div id="container1" style="min-width:400px;height:400px"></div>
  175. </div>
  176. </div>
  177. <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
  178. <div class="text-center row" style="margin: 0 auto">
  179. <div class="box col-md-12">
  180. <i class="fa fa-laptop fa-5x"></i>
  181. <h4>UIV</h4>
  182. <p>Uninitialized Variable (UIV)</p>
  183. </div>
  184. <div class="box col-md-12">
  185. <i class="fa fa-laptop fa-5x"></i>
  186. <h4>NPD</h4>
  187. <p>Null Pointer Dereference (NPD)</p>
  188. </div>
  189. </div>
  190. <!--/ right-text -->
  191. </div>
  192. </div><!--/ row-->
  193. </div>
  194. </div>
  195. <div class="content-sx">
  196. <div class="container">
  197. <div class="row">
  198. <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
  199. <div class="img-right">
  200. <div id="container2" style="min-width:400px;height:400px"></div>
  201. </div>
  202. </div>
  203. <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
  204. <div class="text-center row" style="margin: 0 auto">
  205. <div class="box col-12">
  206. <i class="fa fa-laptop fa-5x"></i>
  207. <h4>File Detection</h4>
  208. <p>File Detection</p>
  209. </div>
  210. <div class="box col-12">
  211. <i class="fa fa-laptop fa-5x"></i>
  212. <h4>High Level Vuls</h4>
  213. <p>File Detection</p>
  214. </div>
  215. </div>
  216. <!--/ right-text -->
  217. </div>
  218. </div><!--/ row-->
  219. <div class="row">
  220. <div class="col-12">
  221. <h2> Vulerability Detials (Per File) </h2>
  222. </div>
  223. <ul class="list-group col-md-12" id="perfile">
  224. <li class="list-group-item d-flex justify-content-between align-items-center">
  225. Reading Detection Results ...
  226. <span class="badge badge-primary badge-pill">+</span>
  227. </li>
  228. </ul>
  229. </div>
  230. </div>
  231. <div class="modal" tabindex="-1" role="dialog" id="modal-detial">
  232. <div class="modal-dialog modal-lg" role="document">
  233. <div class="modal-content">
  234. <div class="modal-header">
  235. <h5 class="modal-title" id="modal-title">File Detail</h5>
  236. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  237. <span aria-hidden="true">&times;</span>
  238. </button>
  239. </div>
  240. <div class="modal-body">
  241. <p id="file-detial"></p>
  242. </div>
  243. <div class="modal-footer">
  244. <!--<button type="button" class="btn btn-primary">OK</button>-->
  245. <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  246. </div>
  247. </div>
  248. </div>
  249. </div>
  250. </div>
  251. <!--/ content-sx -->
  252. <script src="dist/js/vendor/jquery.min.js"></script>
  253. <!--<script src="dist/js/vendor/video.js"></script>-->
  254. <script src="dist/js/flat-ui.min.js"></script>
  255. <script src="bootstrap.min.js"></script>
  256. <script src="displayer.js"></script>
  257. <!--<script src="docs/assets/js/application.js"></script>-->
  258. <iframe src="opencc_vul.txt" id="opencc_vul" style="display:none;"></iframe>
  259. </body>
  260. </html>