2022-05-25 14:28:19 -04:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
|
2022-05-26 12:29:03 -04:00
|
|
|
<link rel="stylesheet" href="./styles/skeleton-2.0.4.min.css">
|
2022-05-25 16:23:42 -04:00
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
|
2022-05-26 12:29:03 -04:00
|
|
|
<link rel="stylesheet" href="./styles/sentry.css">
|
2022-05-25 14:28:19 -04:00
|
|
|
<title>Sentry System Monitor</title>
|
2022-05-26 12:29:03 -04:00
|
|
|
<script src="./js/sentry.js" charset="utf-8"></script>
|
2022-10-28 01:06:09 -04:00
|
|
|
<script src="./js/cpu.js"></script>
|
|
|
|
<script src="./js/memory.js"></script>
|
|
|
|
<script src="./js/storage.js"></script>
|
|
|
|
<script src="./js/gpu.js"></script>
|
2022-05-25 14:28:19 -04:00
|
|
|
</head>
|
|
|
|
<body>
|
2022-10-29 01:14:08 -04:00
|
|
|
<!-- tab buttons -->
|
|
|
|
<div id="tab-bar">
|
|
|
|
<div class="container fluid">
|
|
|
|
<div class="row">
|
|
|
|
<div class="columns twelve">
|
2023-04-07 10:32:41 -04:00
|
|
|
<button class="tab-button active" onclick="openTab('overview')">Overview</button>
|
|
|
|
<button class="tab-button" onclick="openTab('cpu')">CPU</button>
|
2022-10-29 01:14:08 -04:00
|
|
|
<button class="tab-button" onclick="openTab('memory')">Memory</button>
|
|
|
|
<button class="tab-button" onclick="openTab('storage')">Storage</button>
|
|
|
|
<button class="tab-button" onclick="openTab('gpu')">GPU</button>
|
|
|
|
</div>
|
2022-10-28 01:06:09 -04:00
|
|
|
</div>
|
|
|
|
</div>
|
2022-10-29 01:14:08 -04:00
|
|
|
</div>
|
2022-10-28 01:06:09 -04:00
|
|
|
|
2022-10-29 01:14:08 -04:00
|
|
|
<div id="wrapper" class="container">
|
2023-04-07 10:32:41 -04:00
|
|
|
<div class="component-display active" data-component="overview">
|
|
|
|
{% include 'overview.twig' %}
|
|
|
|
</div>
|
|
|
|
<div class="component-display" data-component="cpu">
|
2022-10-28 01:06:09 -04:00
|
|
|
{% include 'cpu.twig' %}
|
|
|
|
</div>
|
|
|
|
<div class="component-display" data-component="memory">
|
|
|
|
{% include 'memory.twig' %}
|
|
|
|
</div>
|
|
|
|
<div class="component-display" data-component="storage">
|
|
|
|
{% include 'storage.twig' %}
|
|
|
|
</div>
|
|
|
|
<div class="component-display" data-component="gpu">
|
|
|
|
{% include 'gpu.twig' %}
|
|
|
|
</div>
|
2022-05-25 14:28:19 -04:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<footer id="footer">
|
|
|
|
<div class="container fluid">
|
|
|
|
<div class="row">
|
2022-08-23 19:16:49 -04:00
|
|
|
<div class="columns three">
|
2023-04-07 00:12:29 -04:00
|
|
|
<p id="version-info" class="no-margin u-text-center">Sentry v<span id="app-version"></span></p>
|
2022-08-23 19:16:49 -04:00
|
|
|
</div>
|
2022-05-25 14:28:19 -04:00
|
|
|
<div class="columns six">
|
2022-08-23 19:16:49 -04:00
|
|
|
<p class="no-margin u-text-center">Developed by Bit Goblin free of charge.</p>
|
|
|
|
</div>
|
|
|
|
<div class="columns three">
|
|
|
|
<p class="no-margin u-text-center"><a href="https://git.metaunix.net/BitGoblin/Sentry">Source code</a></p>
|
2022-05-25 14:28:19 -04:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</footer>
|
|
|
|
</body>
|
|
|
|
</html>
|