added new parent page + minor css/js improvements

dispatcher/static/base.css

@@ -7,6 +7,8 @@
     --light2: #e5e5e5;
     --light3: #cccccc;
     --light4: #c5c5c5;
+    --accent: #69c935;
+    --accent2: #61ba31;
 }
 
 * {
@@ -43,6 +45,16 @@ nav a {
     transition: background-color 0.2s;
 }
 
+nav a.logo {
+    padding-top: 0;
+    padding-bottom: 0;
+}
+nav a.logo img {
+    object-fit: contain;
+    height: 2em;
+    width: 2em;
+}
+
 nav a.active {
     box-shadow: 0 -2px var(--light1) inset;
 }
@@ -95,5 +107,5 @@ button, select {
 }
 
 a {
-    color: #69c935
+    color: var(--accent);
 }

dispatcher/static/form.css

@@ -42,7 +42,7 @@ form input[type="checkbox"] {
 
 form input[type="checkbox"]:checked::after {
     content: "";
-    background-color: #69c935;
+    background-color: var(--accent);
     width: 80%;
     height: 80%;
     border-radius: 10%;

dispatcher/static/list.css

@@ -1,8 +1,24 @@
-.list {
-    display: flex;
+.list-wrapper {
     width: 100%;
     max-width: 40em;
     align-self: center;
+    display: flex;
+    flex-direction: column;
+    gap: 1em;
+}
+
+.list-header {
+    display: flex;
+    justify-content: flex-end;
+    gap: 1em;
+}
+
+.list-header button {
+    padding: 0.4em 1.2em;
+}
+
+.list {
+    display: flex;
     gap: 0.8em;
     flex-direction: column;
 }

dispatcher/static/list.js

@@ -1,4 +1,8 @@
 window.addEventListener("load", () => {
+    document.querySelector("button.new").addEventListener("click", () => {
+        window.location.href = "new/"
+    })
+
     document.querySelectorAll(".list li").forEach(row => {
         let id = row.dataset.id
         row.querySelector("button.edit").addEventListener("click", () => {

dispatcher/static/logo.svg

@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="64"
+   height="64"
+   viewBox="0 0 64 64"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="logo.svg"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="true"
+     inkscape:zoom="11.559708"
+     inkscape:cx="31.012894"
+     inkscape:cy="41.047749"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       id="grid1"
+       units="px"
+       originx="0"
+       originy="0"
+       spacingx="1"
+       spacingy="1"
+       empcolor="#0099e5"
+       empopacity="0.30196078"
+       color="#0099e5"
+       opacity="0.14901961"
+       empspacing="8"
+       enabled="true"
+       visible="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect3"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,1,1,0,2,0,1 @ F,0,1,1,0,2,0,1 @ F,0,1,1,0,2,0,1 @ F,0,1,1,0,2,0,1 @ F,0,1,1,0,2,0,1 @ F,0,0,1,0,2,0,1 @ F,0,1,1,0,2,0,1 @ F,0,1,1,0,2,0,1"
+       radius="0"
+       unit="px"
+       method="auto"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="false"
+       hide_knots="false" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g4">
+      <path
+         style="fill:#69c935;fill-opacity:1;stroke-width:6;stroke-linecap:square;stroke:none"
+         d="m 8,10 v 4 a 2,2 45 0 0 2,2 h 7 a 2,2 45 0 1 2,2 v 36 a 2,2 45 0 0 2,2 h 4 a 2,2 135 0 0 2,-2 V 18 a 2,2 135 0 1 2,-2 h 7 a 2,2 135 0 0 2,-2 V 10 A 2,2 45 0 0 36,8 H 10 a 2,2 135 0 0 -2,2 z"
+         id="path1"
+         sodipodi:nodetypes="ccccccccc"
+         inkscape:path-effect="#path-effect3"
+         inkscape:original-d="m 8,8 v 8 h 11 v 40 h 8 V 16 H 38 V 8 Z" />
+      <g
+         id="g3"
+         style="stroke:#61ba31;stroke-opacity:1;fill:none">
+        <path
+           id="path2"
+           style="fill:none;stroke:#61ba31;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1"
+           d="M 44.834929,13.274537 C 51.52452,17.296808 56,24.625752 56,33 56,45.702549 45.702549,56 33,56"
+           sodipodi:nodetypes="csc" />
+        <path
+           style="fill:none;stroke:#61ba31;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="M 44,47 33,33 38,26"
+           id="path3" />
+      </g>
+    </g>
+  </g>
+</svg>

dispatcher/static/parents.css

@@ -1,3 +1,3 @@
 .productive {
-    box-shadow: 0.2em 0 0 #69c935 inset;
+    box-shadow: 0.2em 0 0 var(--accent) inset;
 }