spark-art-dashboard/index.html

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Spark ART Dashboard</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://www.diogo.site/projects/excalibur_template/assets/css/main.css">
    <style>
      #chart-container {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
      }
      #chart-container > canvas {
        height: 400px;
      }
    </style>
  </head>
  <body>
    <header id="header">
        <nav id="side-menu">
            <label for="show-menu" id="menu-button">Menu</label>
            <input id="show-menu" role="button" type="checkbox">
            <ul id="menu">
                <li><a href="#" class="current">Stats</a></li>
            </ul>
        </nav>
        <h1>ART Dashboard</h1>
    </header>
    <div id="chart-container">
      <canvas id="chart-ingestionRate"></canvas>
      <canvas id="chart-Accuracy (%)"></canvas>
      <canvas id="chart-cost"></canvas>
      <canvas id="chart-Window (ms)"></canvas>
      <canvas id="chart-Delay (ms)"></canvas>
      <canvas id="chart-execTime (ms)"></canvas>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>
    <script src="equation-plotter.js"></script>
    <script src="chart.js"></script>
    <footer id="footer">
      <p><a href="https://www.diogo.site/projects/excalibur_template/">ART Dashboard</a> and <a href="https://github.com/diogogithub/excalibur_template/">Excalibur template</a> by <a href="https://www.diogo.site/">Diogo Cordeiro</a> - <a href="https://www.inesc-id.pt/">INESC-ID</a>
    </footer>
  </body>
</html>
First version 2018-09-11 23:05:37 +01:00			`<!DOCTYPE html>`
First commit 2018-09-07 18:20:45 +01:00			`<html>`
First version 2018-09-11 23:05:37 +01:00			`<head>`
			`<meta http-equiv="content-type" content="text/html; charset=UTF-8">`
			`<title>Spark ART Dashboard</title>`
			`<meta name="viewport" content="width=device-width, initial-scale=1">`
			`<link rel="stylesheet" href="https://www.diogo.site/projects/excalibur_template/assets/css/main.css">`
			`<style>`
			`#chart-container {`
			`display: flex;`
			`flex-direction: column;`
			`width: 100%;`
			`max-width: 600px;`
			`margin-left: auto;`
			`margin-right: auto;`
			`}`
			`#chart-container > canvas {`
			`height: 400px;`
			`}`
			`</style>`
			`</head>`
First commit 2018-09-07 18:20:45 +01:00			`<body>`
First version 2018-09-11 23:05:37 +01:00			`<header id="header">`
			`<nav id="side-menu">`
			`<label for="show-menu" id="menu-button">Menu</label>`
			`<input id="show-menu" role="button" type="checkbox">`
			`<ul id="menu">`
			`<li><a href="#" class="current">Stats</a></li>`
			`</ul>`
			`</nav>`
			`<h1>ART Dashboard</h1>`
			`</header>`
First commit 2018-09-07 18:20:45 +01:00			`<div id="chart-container">`
			`<canvas id="chart-ingestionRate"></canvas>`
			`<canvas id="chart-Accuracy (%)"></canvas>`
			`<canvas id="chart-cost"></canvas>`
			`<canvas id="chart-Window (ms)"></canvas>`
			`<canvas id="chart-Delay (ms)"></canvas>`
			`<canvas id="chart-execTime (ms)"></canvas>`
			`</div>`
			`<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>`
			`<script src="equation-plotter.js"></script>`
			`<script src="chart.js"></script>`
First version 2018-09-11 23:05:37 +01:00			`<footer id="footer">`
			`<p><a href="https://www.diogo.site/projects/excalibur_template/">ART Dashboard</a> and <a href="https://github.com/diogogithub/excalibur_template/">Excalibur template</a> by <a href="https://www.diogo.site/">Diogo Cordeiro</a> - <a href="https://www.inesc-id.pt/">INESC-ID</a>`
			`</footer>`
First commit 2018-09-07 18:20:45 +01:00			`</body>`
			`</html>`