Gregory Ballantine
ae155b2d7e
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
63 lines
2.2 KiB
Twig
63 lines
2.2 KiB
Twig
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
|
|
<link rel="stylesheet" href="./styles/skeleton-2.0.4.min.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
|
|
<link rel="stylesheet" href="./styles/sentry.css">
|
|
<title>Sentry System Monitor</title>
|
|
<script src="./js/sentry.js" charset="utf-8"></script>
|
|
<script src="./js/cpu.js"></script>
|
|
<script src="./js/memory.js"></script>
|
|
<script src="./js/storage.js"></script>
|
|
<script src="./js/gpu.js"></script>
|
|
</head>
|
|
<body>
|
|
<!-- tab buttons -->
|
|
<div id="tab-bar">
|
|
<div class="container fluid">
|
|
<div class="row">
|
|
<div class="columns twelve">
|
|
<button class="tab-button active" onclick="openTab('cpu')">CPU</button>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="wrapper" class="container">
|
|
<div class="component-display active" data-component="cpu">
|
|
{% 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>
|
|
</div>
|
|
|
|
<footer id="footer">
|
|
<div class="container fluid">
|
|
<div class="row">
|
|
<div class="columns three">
|
|
<p class="faded-text no-margin u-text-center">Sentry v<span id="app-version"></span></p>
|
|
</div>
|
|
<div class="columns six">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|