web view

colony/core/roles/webview/static/index.html

@@ -0,0 +1,33 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Colony</title>
+  <link rel="stylesheet" href="/static/style.css">
+</head>
+<body>
+  <header>
+    <h1>Colony</h1>
+    <p id="summary" class="summary">Loading...</p>
+    <div id="alerts" class="alerts"></div>
+    <p id="error" class="error" hidden></p>
+  </header>
+
+  <main>
+    <svg id="graph" viewBox="0 0 788 556" role="img" aria-label="Nodes with their hardware and the roles they hold"></svg>
+    <ul class="legend">
+      <li><span class="swatch alive"></span>node alive</li>
+      <li><span class="swatch down"></span>node down</li>
+      <li><span class="swatch link"></span>same network</li>
+      <li><span class="swatch held"></span>role held</li>
+      <li><span class="swatch unmet"></span>role unmet</li>
+      <li><span class="swatch duplicate"></span>held twice</li>
+      <li><span class="swatch general"></span>runs on every node</li>
+    </ul>
+  </main>
+
+  <footer class="muted"><span id="updated"></span></footer>
+  <script src="/static/app.js"></script>
+</body>
+</html>