index.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <!DOCTYPE html>
  2. <html lang="en" class="is-dark">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Admin Panel | BokoFS</title>
  7. <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  8. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tocas-ui/5.0.2/tocas.min.css">
  9. <script src="https://cdnjs.cloudflare.com/ajax/libs/tocas-ui/5.0.2/tocas.min.js"></script>
  10. <link rel="preconnect" href="https://fonts.googleapis.com">
  11. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  12. <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap" rel="stylesheet">
  13. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  14. <style>
  15. </style>
  16. </head>
  17. <body>
  18. <div class="ts-content is-fitted">
  19. <div class="ts-container">
  20. <div class="ts-tab">
  21. <div href="#!" class="item">BokoFS</div>
  22. <a href="#!" class="item is-active">Status</a>
  23. <a href="#!" class="item">Disks</a>
  24. <a href="#!" class="item">RAID</a>
  25. <a href="#!" class="item">Network</a>
  26. <a href="#!" class="item">Tools</a>
  27. </div>
  28. </div>
  29. </div>
  30. <div class="ts-divider"></div>
  31. <div class="ts-content is-vertically-padded">
  32. <div class="ts-container">
  33. <div class="ts-content is-rounded is-padded has-top-spaced-large" style="background: var(--ts-gray-800); color: var(--ts-gray-50)">
  34. <div style="max-width: 300px">
  35. <div class="ts-header is-huge is-heavy">數十年前被魚群圍毆的天才小釣手</div>
  36. <p>你能夠想像一個試圖釣魚卻又被魚群圍毆的天才小釣手嗎?32 年前一個驚為天人的祕密,這史書尚未記載的故事將在此完全揭露。</p>
  37. <a href="#!" class="ts-button is-outlined" style="color: var(--ts-gray-50)">繼續閱讀</a>
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. </body>
  43. </html>