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