<!DOCTYPE html>
<html>
    <head>
        <title>${node.name} - ${interface}</title>
        <meta name="viewport" content="width=520">
        <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>📈</text></svg>">
    </head>
    <body style="background-color: #333333; color: #FFFFFF; text-align: center;">
        <h1>${node.name} - ${interface}</h1>
        <p><img src="/summary.png" alt="Short summary"></p>
        <p><img src="/top10.png" alt="Top 10 days"></p>
        <p><img src="/hours.png" alt="Statistics for last 24h"></p>
        <p><img src="/daily.png" alt="Statistics for last 30 days"></p>
        <p><img src="/monthly.png" alt="Statistics for last 12 months"></p>
        <p><img src="/yearly.png" alt="Yearly Statistics"></p>
        <p>All times in UTC</p>
    </body>
</html>