Provide a visual indicator of the current view-state

[vopamoi] / index.html
diff --git a/index.html b/index.html

index ac8cb5318d5ba80828bfb454e14520d646dc4b0f..2714223581e82150203234890861605c37cb9e70 100644 (file)
--- a/index.html
+++ b/index.html
@@ -2,9 +2,16 @@
  <html>
    <head>
      <script src="vopamoi.js" defer="true"></script>
  <html>
    <head>
      <script src="vopamoi.js" defer="true"></script>
+    <link rel="stylesheet" href="vopamoi.css"/>
+    <style id="viewStyle">
+      .task:not([data-state=todo]) { display: none }
+      :root { --view-state-indicator-color: white; }
+    </style>
    </head>
    <body onload="browserInit();">
    </head>
    <body onload="browserInit();">
-    <input id="taskName" name="taskName">
-    <div id="tasks"></div>
+    <div id="ui">
+      <input id="taskName" name="taskName">
+      <div id="tasks"></div>
+    </div>
    </body>
  </html>
    </body>
  </html>