Sentry/assets/twig/layout.twig

67 lines
2.5 KiB
Twig
Raw Normal View History

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 -->
<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">
2022-05-25 14:28:19 -04:00
<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>
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>
</div>
</div>
2022-10-29 01:14:08 -04:00
</div>
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">
{% 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>