cerebella
Version:
this is how coding should feel
48 lines • 2.06 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cerebella</title>
<link rel="icon" type="image/png" href="/favicon.ico">
<link rel="stylesheet" href="dashboard.css">
</head>
<body>
<div class="container">
<div style="display: flex; justify-content: center;">
<pre style="font-size: 12px; font-family: monospace; color: #a2a4f6; justify-content: center;">
..... ...... ..... ...... ..... ...... .. .. .
.. .. .. .. .. .. .. .. .. .. .. ..
++ ++.... ++... ++.... ++... ++.... ++ ++ + .
++ ++ ++ + ++ ++ + ++ ++ ++ ++++
** ** ** ** * ** ** * ** ** ** ** *
##### ###### ## # ###### ###### ###### ###### ###### ## #
</pre>
</div>
<br/>
<div class="bordered-section">
<form method="POST" action="/watch" class="watch-form">
<input type="text" name="directory" placeholder="/path/to/watch" value="">
<button type="submit">Start Watching</button>
</form>
<button class="clear-button" onclick="fetch('/clear', {method: 'POST'}).then(() => update())">Clear</button>
<div class="lock-controls">
<button class="lock-all-button" onclick="lockAll()">🔒 Lock All</button>
<button class="unlock-all-button" onclick="unlockAll()">🔓 Unlock All</button>
</div>
</div>
<div class="bordered-section">
<div class="status">
<div id="watching">Not watching anything</div>
<div id="stats"></div>
</div>
<div id="file-summary"></div>
</div>
<h2>Changes</h2>
<div class="changes-container">
<div id="changes"></div>
</div>
</div>
<script src="dashboard.js"></script>
</body>
</html>