<!DOCTYPE html>
<html>
<head>
    <title>Skia Debugger - Admin</title>
    <meta charset="utf-8">
    <meta name="theme-color" content="#526E9C">
    <link rel="shortcut icon" href="/res/img/favicon.ico" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style type="text/css" media="screen">
      body {
        margin: 0;
        padding: 0;
        transition: none;
        font-family: sans-serif;
      }

      header {
        background: #1f78b4;
        color: white;
        padding: 0.5em;
        margin: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
      }

      header > * {
        display: inline-block;
      }

      header h2 {
        margin: 0;
      }

      main {
        padding: 1em;
      }

      td {
        padding: 0.5em;
        background: #eee;
        border: 0.1em white solid;
      }
    </style>
</head>
<body>
  <header>
    <h2>Skia Debugger - Admin</h2>
  </header>
  <main>
    <table>
      <tr><th>ID</th><th>Uptime</th><th>Port</th></tr>
      {{range .}}
      <tr><td>{{.ID}}</td><td>{{.Uptime}}</td><td>{{.Port}}</td></tr>
      {{end}}
    </table>
  </main>
</body>
</html>