website/templates/main/statsPage.html.ep

% title 'UNIX.dog Stats';
% layout 'default';
<article>
    <h1>Stats</h1>
    <p>Current system statistics for woofer.unix.dog.</p>
    <a href="/vnstat-summary.txt"><img class="stats" alt="Network usage summary" src="/vnstat-summary.png"></a>
    <a href="/vnstat-top5.txt"><img class="stats" alt="Network usage top 5 days" src="/vnstat-top5.png"></a>
    <a href="/vnstat-5m.txt"><img class="stats" alt="Network usage in 5m intervals" src="/vnstat-5m.png"></a>
    <a href="/vmstat-cpu.txt"><img class="stats" alt="CPU usage graph" src="/vmstat-cpu.png"></a>
    <a href="/vmstat-mem.txt"><img class="stats" alt="Memory usage graph" src="/vmstat-mem.png"></a>
	<img class="stats" alt="Traffic in graph" src="/net-in.png">
	<noscript>If you'd like, there's also an interactive JavaScript
	chart that uses Plotly. Network traffic is hard to see well in such
	a small graph!</noscript>
	<script src="/js/plotly-basic-2.27.1.min.js"></script>
	<div class="stats" style="height: 400px;" id="net-stats"></div>
	<script src="/js/net-plot.js"></script>
</article>