diff --git a/main.go b/main.go
index e96246b..1dcfe3f 100644
--- a/main.go
+++ b/main.go
@@ -26,7 +26,7 @@ import (
 	"time"
 )
 
-const VERSION = "v12"
+const VERSION = "v13"
 
 var (
 	logger              *slog.Logger
diff --git a/static/css/datapoints.css b/static/css/datapoints.css
index 8333e8e..54d331a 100644
--- a/static/css/datapoints.css
+++ b/static/css/datapoints.css
@@ -26,9 +26,12 @@ body {
 }
 h1,
 h2 {
-  margin-top: 0px;
   margin-bottom: 4px;
 }
+h1:first-child,
+h2:first-child {
+  margin-top: 0px;
+}
 h1 {
   font-size: 1.5em;
   color: #fb4934;
@@ -36,10 +39,11 @@ h1 {
 }
 h2 {
   font-size: 1.25em;
+  color: #b8bb26;
   font-weight: 500;
 }
 a {
-  color: #fabd2f;
+  color: #3f9da1;
   text-decoration: none;
 }
 a:hover {
@@ -107,9 +111,11 @@ label {
 #datapoints .group {
   font-size: 1.1em;
   font-weight: bold;
-  color: #fabd2f;
+  color: #b8bb26;
   margin-top: 1.5em;
   padding-bottom: 4px;
+}
+#datapoints h2 {
   border-bottom: unset;
 }
 #datapoints .header {
diff --git a/static/css/index.css b/static/css/index.css
new file mode 100644
index 0000000..1cb2413
--- /dev/null
+++ b/static/css/index.css
@@ -0,0 +1,109 @@
+html {
+  box-sizing: border-box;
+}
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}
+*:focus {
+  outline: none;
+}
+[onClick] {
+  cursor: pointer;
+}
+html,
+body {
+  margin: 0;
+  padding: 0;
+}
+body {
+  background: #282828;
+  font-family: sans-serif;
+  font-weight: 300;
+  color: #d5c4a1;
+  font-size: 11pt;
+}
+h1,
+h2 {
+  margin-bottom: 4px;
+}
+h1:first-child,
+h2:first-child {
+  margin-top: 0px;
+}
+h1 {
+  font-size: 1.5em;
+  color: #fb4934;
+  font-weight: 500;
+}
+h2 {
+  font-size: 1.25em;
+  color: #b8bb26;
+  font-weight: 500;
+}
+a {
+  color: #3f9da1;
+  text-decoration: none;
+}
+a:hover {
+  text-decoration: underline;
+}
+b {
+  font-weight: 500;
+}
+input[type="text"],
+textarea,
+select {
+  font-family: monospace;
+  background: #202020;
+  color: #d5c4a1;
+  padding: 4px 8px;
+  border: none;
+  font-size: 1em;
+  line-height: 1.5em;
+}
+button {
+  background: #202020;
+  color: #d5c4a1;
+  padding: 8px 32px;
+  border: 1px solid #535353;
+  font-size: 1em;
+  height: 3em;
+}
+button:focus {
+  background: #333;
+}
+.line {
+  grid-column: 1 / -1;
+  border-bottom: 1px solid #4e4e4e;
+}
+span.date {
+  color: #d5c4a1;
+  font-weight: 500;
+}
+span.time {
+  font-size: 0.9em;
+  color: #d5c4a1;
+}
+span.seconds {
+  display: none;
+}
+label {
+  user-select: none;
+}
+.description {
+  border: 1px solid #737373;
+  color: #3f9da1;
+  background: #202020;
+  padding: 4px 8px;
+  margin-top: 8px;
+  white-space: nowrap;
+  width: min-content;
+  border-radius: 8px;
+}
+.graph {
+  margin-top: 32px;
+  padding: 32px;
+  border-radius: 16px;
+}
diff --git a/static/css/main.css b/static/css/main.css
index c2dc070..67e2da9 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -26,9 +26,12 @@ body {
 }
 h1,
 h2 {
-  margin-top: 0px;
   margin-bottom: 4px;
 }
+h1:first-child,
+h2:first-child {
+  margin-top: 0px;
+}
 h1 {
   font-size: 1.5em;
   color: #fb4934;
@@ -36,10 +39,11 @@ h1 {
 }
 h2 {
   font-size: 1.25em;
+  color: #b8bb26;
   font-weight: 500;
 }
 a {
-  color: #fabd2f;
+  color: #3f9da1;
   text-decoration: none;
 }
 a:hover {
@@ -178,6 +182,10 @@ label {
   margin-top: 12px;
   margin-bottom: 20px;
 }
+#areas .area .section.configuration {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
 #areas .area .section:last-child {
   margin-bottom: 12px;
 }
diff --git a/static/css/problems.css b/static/css/problems.css
index 4cb921b..820b6e0 100644
--- a/static/css/problems.css
+++ b/static/css/problems.css
@@ -26,9 +26,12 @@ body {
 }
 h1,
 h2 {
-  margin-top: 0px;
   margin-bottom: 4px;
 }
+h1:first-child,
+h2:first-child {
+  margin-top: 0px;
+}
 h1 {
   font-size: 1.5em;
   color: #fb4934;
@@ -36,10 +39,11 @@ h1 {
 }
 h2 {
   font-size: 1.25em;
+  color: #b8bb26;
   font-weight: 500;
 }
 a {
-  color: #fabd2f;
+  color: #3f9da1;
   text-decoration: none;
 }
 a:hover {
diff --git a/static/css/theme.css b/static/css/theme.css
index 104cf3d..215acbb 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -26,9 +26,12 @@ body {
 }
 h1,
 h2 {
-  margin-top: 0px;
   margin-bottom: 4px;
 }
+h1:first-child,
+h2:first-child {
+  margin-top: 0px;
+}
 h1 {
   font-size: 1.5em;
   color: #fb4934;
@@ -36,10 +39,11 @@ h1 {
 }
 h2 {
   font-size: 1.25em;
+  color: #b8bb26;
   font-weight: 500;
 }
 a {
-  color: #fabd2f;
+  color: #3f9da1;
   text-decoration: none;
 }
 a:hover {
diff --git a/static/css/trigger_edit.css b/static/css/trigger_edit.css
index b2600b6..71cbb6a 100644
--- a/static/css/trigger_edit.css
+++ b/static/css/trigger_edit.css
@@ -26,9 +26,12 @@ body {
 }
 h1,
 h2 {
-  margin-top: 0px;
   margin-bottom: 4px;
 }
+h1:first-child,
+h2:first-child {
+  margin-top: 0px;
+}
 h1 {
   font-size: 1.5em;
   color: #fb4934;
@@ -36,10 +39,11 @@ h1 {
 }
 h2 {
   font-size: 1.25em;
+  color: #b8bb26;
   font-weight: 500;
 }
 a {
-  color: #fabd2f;
+  color: #3f9da1;
   text-decoration: none;
 }
 a:hover {
diff --git a/static/images/graph.drawio b/static/images/graph.drawio
new file mode 100644
index 0000000..1f93f5a
--- /dev/null
+++ b/static/images/graph.drawio
@@ -0,0 +1,74 @@
+<mxfile host="diagram.gibonuddevalla.se" modified="2024-05-28T07:01:30.734Z" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36" etag="IzgduD7-UatzOZqbsfbX" version="21.6.5" type="device">
+  <diagram name="Page-1" id="15J0dj6b0bNp4ZTDu6Jz">
+    <mxGraphModel dx="1559" dy="851" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" background="#282828" math="0" shadow="0">
+      <root>
+        <mxCell id="0" />
+        <mxCell id="1" parent="0" />
+        <mxCell id="6iYvWcahTxhKiNLBI2mX-20" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fontFamily=Helvetica;fontSize=14;fontColor=default;sketch=1;curveFitting=1;jiggle=2;fillColor=#d5e8d4;strokeColor=#82b366;" edge="1" parent="1" source="6iYvWcahTxhKiNLBI2mX-1" target="6iYvWcahTxhKiNLBI2mX-3">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="6iYvWcahTxhKiNLBI2mX-1" value="&lt;b&gt;Datapoint&lt;/b&gt;&lt;br&gt;&lt;font style=&quot;font-size: 12px;&quot;&gt;/entry/&amp;lt;name&amp;gt;&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;sketch=1;curveFitting=1;jiggle=2;fontSize=14;strokeWidth=2;fillColor=#282828;strokeColor=#82b366;fontColor=#DBDBDB;fillStyle=solid;" vertex="1" parent="1">
+          <mxGeometry x="120" y="250" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="6iYvWcahTxhKiNLBI2mX-26" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;fontFamily=Helvetica;fontSize=14;fontColor=default;sketch=1;curveFitting=1;jiggle=2;fillColor=#d5e8d4;strokeColor=#82b366;" edge="1" parent="1" source="6iYvWcahTxhKiNLBI2mX-2" target="6iYvWcahTxhKiNLBI2mX-17">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="6iYvWcahTxhKiNLBI2mX-2" value="&lt;b&gt;Problem&lt;/b&gt;&lt;br&gt;&lt;font style=&quot;font-size: 12px;&quot;&gt;is raised&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;sketch=1;curveFitting=1;jiggle=2;fontSize=14;strokeWidth=2;fillColor=#282828;strokeColor=#82b366;fontColor=#DBDBDB;fillStyle=solid;" vertex="1" parent="1">
+          <mxGeometry x="520" y="250" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="6iYvWcahTxhKiNLBI2mX-23" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;fontFamily=Helvetica;fontSize=14;fontColor=#DBDBDB;sketch=1;curveFitting=1;jiggle=2;fillColor=#d5e8d4;strokeColor=#82b366;labelBackgroundColor=none;" edge="1" parent="1" source="6iYvWcahTxhKiNLBI2mX-3" target="6iYvWcahTxhKiNLBI2mX-2">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="6iYvWcahTxhKiNLBI2mX-35" value="&amp;nbsp;true&amp;nbsp;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];fontSize=14;fontFamily=Helvetica;fontColor=#DBDBDB;sketch=1;curveFitting=1;jiggle=2;labelBackgroundColor=#282828;" vertex="1" connectable="0" parent="6iYvWcahTxhKiNLBI2mX-23">
+          <mxGeometry x="-0.345" y="-2" relative="1" as="geometry">
+            <mxPoint x="-2" y="-24" as="offset" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="6iYvWcahTxhKiNLBI2mX-37" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fontFamily=Helvetica;fontSize=14;fontColor=default;sketch=1;curveFitting=1;jiggle=2;fillColor=#d5e8d4;strokeColor=#82b366;" edge="1" parent="1" source="6iYvWcahTxhKiNLBI2mX-3" target="6iYvWcahTxhKiNLBI2mX-36">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="6iYvWcahTxhKiNLBI2mX-40" value="&amp;nbsp;false&amp;nbsp;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];fontSize=14;fontFamily=Helvetica;fontColor=#DBDBDB;sketch=1;curveFitting=1;jiggle=2;labelBackgroundColor=#282828;" vertex="1" connectable="0" parent="6iYvWcahTxhKiNLBI2mX-37">
+          <mxGeometry x="0.3027" y="-1" relative="1" as="geometry">
+            <mxPoint y="-15" as="offset" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="6iYvWcahTxhKiNLBI2mX-3" value="&lt;b&gt;Trigger&lt;/b&gt;&lt;br&gt;&lt;font style=&quot;font-size: 12px;&quot;&gt;is evaluated&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;sketch=1;curveFitting=1;jiggle=2;fontSize=14;strokeWidth=2;fillColor=#282828;strokeColor=#82b366;fontColor=#DBDBDB;fillStyle=solid;" vertex="1" parent="1">
+          <mxGeometry x="320" y="290" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="6iYvWcahTxhKiNLBI2mX-7" value="" style="endArrow=classic;html=1;rounded=0;fontFamily=Helvetica;fontSize=14;fontColor=default;entryX=0;entryY=0.5;entryDx=0;entryDy=0;sketch=1;curveFitting=1;jiggle=2;strokeColor=#82b366;fillColor=#d5e8d4;" edge="1" parent="1" target="6iYvWcahTxhKiNLBI2mX-1">
+          <mxGeometry relative="1" as="geometry">
+            <mxPoint x="40" y="280" as="sourcePoint" />
+            <mxPoint x="30" y="319.5" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="6iYvWcahTxhKiNLBI2mX-8" value="&amp;nbsp;Data&amp;nbsp;" style="edgeLabel;resizable=0;html=1;align=center;verticalAlign=middle;rounded=0;sketch=1;jiggle=2;curveFitting=1;strokeColor=default;strokeWidth=2;fontFamily=Helvetica;fontSize=14;fontColor=#DBDBDB;fillColor=default;labelBackgroundColor=#282828;" connectable="0" vertex="1" parent="6iYvWcahTxhKiNLBI2mX-7">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="6iYvWcahTxhKiNLBI2mX-17" value="&lt;b&gt;Notification&lt;/b&gt;&lt;br&gt;&lt;font style=&quot;font-size: 12px;&quot;&gt;is sent&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;sketch=1;curveFitting=1;jiggle=2;fontSize=14;strokeWidth=2;fillColor=#282828;strokeColor=#82b366;fontColor=#DBDBDB;fillStyle=solid;" vertex="1" parent="1">
+          <mxGeometry x="720" y="290" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="6iYvWcahTxhKiNLBI2mX-34" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;fontFamily=Helvetica;fontSize=14;fontColor=default;sketch=1;curveFitting=1;jiggle=2;fillColor=#d5e8d4;strokeColor=#82b366;" edge="1" parent="1" source="6iYvWcahTxhKiNLBI2mX-31" target="6iYvWcahTxhKiNLBI2mX-3">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="6iYvWcahTxhKiNLBI2mX-31" value="&lt;b&gt;Datapoint&lt;/b&gt;&lt;br&gt;&lt;font style=&quot;font-size: 12px;&quot;&gt;/entry/&amp;lt;name&amp;gt;&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;sketch=1;curveFitting=1;jiggle=2;fontSize=14;strokeWidth=2;fillColor=#282828;strokeColor=#82b366;fillStyle=solid;fontColor=#DBDBDB;" vertex="1" parent="1">
+          <mxGeometry x="120" y="330" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="6iYvWcahTxhKiNLBI2mX-32" value="" style="endArrow=classic;html=1;rounded=0;fontFamily=Helvetica;fontSize=14;fontColor=default;sketch=1;curveFitting=1;jiggle=2;strokeColor=#82b366;fillColor=#d5e8d4;" edge="1" parent="1" target="6iYvWcahTxhKiNLBI2mX-31">
+          <mxGeometry relative="1" as="geometry">
+            <mxPoint x="40" y="360" as="sourcePoint" />
+            <mxPoint x="120" y="369.5" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="6iYvWcahTxhKiNLBI2mX-33" value="&amp;nbsp;Data&amp;nbsp;" style="edgeLabel;resizable=0;html=1;align=center;verticalAlign=middle;rounded=0;sketch=1;jiggle=2;curveFitting=1;strokeColor=default;strokeWidth=2;fontFamily=Helvetica;fontSize=14;fontColor=#DBDBDB;fillColor=default;labelBackgroundColor=#282828;" connectable="0" vertex="1" parent="6iYvWcahTxhKiNLBI2mX-32">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="6iYvWcahTxhKiNLBI2mX-39" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fontFamily=Helvetica;fontSize=14;fontColor=default;sketch=1;curveFitting=1;jiggle=2;fillColor=#d5e8d4;strokeColor=#82b366;" edge="1" parent="1" source="6iYvWcahTxhKiNLBI2mX-36" target="6iYvWcahTxhKiNLBI2mX-17">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="6iYvWcahTxhKiNLBI2mX-36" value="&lt;b&gt;Problem&lt;/b&gt;&lt;br&gt;&lt;font style=&quot;font-size: 12px;&quot;&gt;is resolved&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;sketch=1;curveFitting=1;jiggle=2;fontSize=14;strokeWidth=2;fillColor=#282828;strokeColor=#82b366;fontColor=#DBDBDB;fillStyle=solid;" vertex="1" parent="1">
+          <mxGeometry x="520" y="340" width="120" height="60" as="geometry" />
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>
diff --git a/static/images/graph.svg b/static/images/graph.svg
new file mode 100644
index 0000000..8915efe
--- /dev/null
+++ b/static/images/graph.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Do not edit this file with editors other than draw.io -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="809px" height="152px" viewBox="-0.5 -0.5 809 152" content="&lt;mxfile host=&quot;diagram.gibonuddevalla.se&quot; modified=&quot;2024-05-28T10:02:20.373Z&quot; agent=&quot;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36&quot; etag=&quot;029SYytIuNc7IRsrmX2d&quot; version=&quot;21.6.5&quot; type=&quot;device&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;15J0dj6b0bNp4ZTDu6Jz&quot;&gt;7Vpbc9o6EP41PCYDFjbkMYSkPXPSTmfSmaaPwl5sNbJFZXE7v/5ItmRbxlwSSIAMwwPWSlpJu5++XVluobt48YXjSfSNBUBbTjtYtNCw5Tgd172Rf0qyzCV9t5MLQk6CXNQuBU/kP9A9jXRKAki1LBcJxqggE1vosyQBX1gyzDmb283GjAaWYIJDWBE8+ZiuSn+RQERmFe1S/hVIGJmRO21dM8L+S8jZNNHjtRzk9NUvr46x0aXbpxEO2LwiQvctdMcZE/lTvLgDqmxrm+1hTW0xbw6J2KWDR37Pfvk4+rmI/iXfHwf/OPHzVTE5sTQGgUDaRxcZFxELWYLpfSkdZIsGpbYtS2WbR8YmUtiRwj8gxFI7G08Fk6JIxFTXwoKI58rzb6Xq2tWl4UJrzgpLU0gEXz5XC5Veqlh2y0qm35gl4gHHhCrBV6AzEMTHukLPsNPV5TtGGZeCAMZ4SqVZB+kLCD/Sc/WnfAYPRAiShGahJAwzUzlKBaHUqJBwCFzoB0p1Kjh7gUpN3xkhz5M1q07Ufk3ZlPuwwXNmr2AegtjQDuXtlFcrA2iIfAEWg7SWbMCBYkFm9q7AenOFRbsSYPJBY+wVeNN6Z5hOwWwbLzP0SD6E6mGIBZ4wIu2ha+RARWXRmtclyn0WkL2/U2YqrtLM0beyQceZLPJuur5U9JAhRy3Q8XAsoTzINCc4hkJijSmb5sMaDbWtZG+UeUQEPE1w5ta5ZFN7U7wOaTXw5ggzBNaARU1Nm7BY3QBSPhyon9ZkCCFlVPl3PW5nwAUsNiLN1Bru0YHDMZQ7L2m4aBNVKNhrvxM4He9cyPCzkpqzI6l1eifFas52VvvB2YhC/MGcRlJlA0xSCdALZ+3PWe7pcRb61JxV9ek7sxbFI6CDIqk3TRKWwF6chnbkNOekKA25TZyW50DJKFV/gk+hLmsE46OyrA0gTEmYyGdfmhOkmQdqD0o40FtdEZMgyLEKkufwKNOnYJSlhtlq3UHLHa7Bz1qg7Q2sNTCp0tUqVjZu3RX6KQ67etnWgbGJlq7a16jrWsxk4LQzWrTyH3nmXWh2alq7tgY2HqcS1XW0FVPcA4C9cyG2y8n0bYSHvJNivG57K+ONMU0vlLcH5ZlNvT/lScZrOz2bnDr7UV6hxv0wjtt+bvjJpSeAH+PcAGpeWFyODgc5OqD60eHm2EeHXgP66lSWBLfqHbuiLYrTlPi2E22P7xnQ3hpHX4WkDXhYEyLX+n77W4pDx7fmHK1bA1a/Bpg8YOtO1QuCmh5k60Gdm+saE+YrXtF0KDrsbw3A6t3wq+JvPZS+LR5bKLfgZmGrAXs23CrJ2yqB7Xs8ruK3HOhwsbu3KU7vxIQfdMXQxGu1qPqdCTKW5hWEJccIrSlY1xuXqPrWqNo7uaiKuudybv2058/zvBo1077cjZ4irTXQ1zqqOwCt1e9GETo6rTXdcR3ztHCyWT86TtqP6q7fNe1fwZr30Xk/anwPckn8TyTxN1v/5DN/dHMuqdflyqD5KuDcPvww8z7VLz9A5iqzywvcd/n2A3XfLyeTxfLD4DzMll9fo/v/AQ==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(40, 40, 40);"><defs><style type="text/css">@import url(https://fonts.googleapis.com/css?family=Architects+Daughter);&#xa;</style></defs><g><path d="M 207 31 L 247 31 L 247 71 L 280.63 71" fill="none" stroke="none" pointer-events="stroke"/><path d="M 285.88 71 L 278.88 74.5 L 280.63 71 L 278.88 67.5 Z" fill="none" stroke="none" pointer-events="all"/><path d="M 207 31 M 207 31 C 213.49 27.21 226.53 27.75 247 31 M 207 31 C 222.58 32.85 235.9 30.08 247 31 M 247 31 C 247.03 41.14 248.53 45.34 247 71 M 247 31 C 246.33 41.49 249.06 48.08 247 71 M 247 71 C 255.93 70.83 271.16 73.12 280.63 71 M 247 71 C 253.76 71.05 261.35 71.31 280.63 71" fill="none" stroke="#82b366" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 278.69 67.71 C 278.69 67.71 278.69 67.71 278.69 67.71 M 278.69 67.71 C 278.69 67.71 278.69 67.71 278.69 67.71 M 281.06 71.09 C 281.33 70.87 281.77 70.08 282.37 69.58 M 281.06 71.09 C 281.22 70.95 281.78 70.4 282.37 69.58" fill="none" stroke="#82b366" stroke-width="0.5" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/><path d="M 285.88 71 M 285.88 71 C 282.95 71.96 282.54 73.96 278.88 74.5 M 285.88 71 C 283.78 71.9 281.97 72.83 278.88 74.5 M 278.88 74.5 C 279.66 73.04 279.26 72.93 280.63 71 M 278.88 74.5 C 279.71 73.08 279.7 72.52 280.63 71 M 280.63 71 C 279.66 70.22 279.18 69.78 278.88 67.5 M 280.63 71 C 280.12 70.05 279.32 68.77 278.88 67.5 M 278.88 67.5 C 280.31 67.22 282.42 68.83 285.88 71 M 278.88 67.5 C 280.7 69.03 284.38 69.31 285.88 71" fill="none" stroke="#82b366" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/><rect x="87" y="1" width="120" height="60" fill="none" stroke="none" pointer-events="all"/><path d="M 89.01 2.98 L 203.18 4.06 L 205.73 61.46 L 85.59 64.89" fill="#282828" stroke="none" pointer-events="all"/><path d="M 87 1 C 136.52 1.7 181.52 -1.11 207 1 M 87 1 C 111.93 1.37 138.08 0.24 207 1 M 207 1 C 205.78 19.86 209.32 40.92 207 61 M 207 1 C 208.63 21.02 207.5 39.3 207 61 M 207 61 C 173.32 60.93 130.78 59.81 87 61 M 207 61 C 159.45 62.22 114.07 60.29 87 61 M 87 61 C 87.06 47.98 86.28 29.73 87 1 M 87 61 C 87.92 35.94 84.14 14.89 87 1" fill="none" stroke="#82b366" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 31px; margin-left: 88px;"><div data-drawio-colors="color: #DBDBDB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(219, 219, 219); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b>Datapoint</b><br /><font style="font-size: 12px;">/entry/&lt;name&gt;</font></div></div></div></foreignObject><text x="147" y="35" fill="#DBDBDB" font-family="Helvetica" font-size="14px" text-anchor="middle">Datapoint...</text></switch></g><path d="M 607 31 L 647 31 L 647 71 L 680.63 71" fill="none" stroke="none" pointer-events="stroke"/><path d="M 685.88 71 L 678.88 74.5 L 680.63 71 L 678.88 67.5 Z" fill="none" stroke="none" pointer-events="all"/><path d="M 607 31 M 607 31 C 615.77 31.4 630.7 34.33 647 31 M 607 31 C 622.21 31.71 639.72 31.56 647 31 M 647 31 C 650.23 43.65 646.06 48.27 647 71 M 647 31 C 648.31 40.78 645.8 50.81 647 71 M 647 71 C 655.58 67.67 669.5 71.95 680.63 71 M 647 71 C 658.19 73.27 667.59 72.17 680.63 71" fill="none" stroke="#82b366" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 679.07 67.28 C 679.07 67.28 679.07 67.28 679.07 67.28 M 679.07 67.28 C 679.07 67.28 679.07 67.28 679.07 67.28 M 680.78 71.41 C 681.75 71.42 681.58 70.2 682.75 69.15 M 680.78 71.41 C 681.58 70.62 681.74 69.87 682.75 69.15" fill="none" stroke="#82b366" stroke-width="0.5" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/><path d="M 685.88 71 M 685.88 71 C 683.53 71.05 683.23 73.72 678.88 74.5 M 685.88 71 C 684.58 72.6 682.56 73.16 678.88 74.5 M 678.88 74.5 C 679.39 72.87 680.31 72.16 680.63 71 M 678.88 74.5 C 679.51 74.02 679.73 73.41 680.63 71 M 680.63 71 C 680.41 69.55 680.17 68.36 678.88 67.5 M 680.63 71 C 679.85 69.43 679.22 68.74 678.88 67.5 M 678.88 67.5 C 682.16 68.55 683.81 70.32 685.88 71 M 678.88 67.5 C 681.58 68.97 683.6 69.25 685.88 71" fill="none" stroke="#82b366" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/><rect x="487" y="1" width="120" height="60" fill="none" stroke="none" pointer-events="all"/><path d="M 484.06 -0.56 L 603.41 -0.52 L 609.38 58.51 L 484.77 60.86" fill="#282828" stroke="none" pointer-events="all"/><path d="M 487 1 C 534.23 -3.26 576.88 2.33 607 1 M 487 1 C 518.96 0.35 552.9 -2.35 607 1 M 607 1 C 604.16 18.32 605.41 46.81 607 61 M 607 1 C 607.3 19.08 607.96 35.44 607 61 M 607 61 C 576.72 63.62 542.75 57.5 487 61 M 607 61 C 581.02 62.98 552.78 62.82 487 61 M 487 61 C 484.88 51.5 485.17 32.42 487 1 M 487 61 C 486.49 38.68 487.05 20.23 487 1" fill="none" stroke="#82b366" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 31px; margin-left: 488px;"><div data-drawio-colors="color: #DBDBDB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(219, 219, 219); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b>Problem</b><br /><font style="font-size: 12px;">is raised</font></div></div></div></foreignObject><text x="547" y="35" fill="#DBDBDB" font-family="Helvetica" font-size="14px" text-anchor="middle">Problem...</text></switch></g><path d="M 407 71 L 447 71 L 447 31 L 480.63 31" fill="none" stroke="none" pointer-events="stroke"/><path d="M 485.88 31 L 478.88 34.5 L 480.63 31 L 478.88 27.5 Z" fill="none" stroke="none" pointer-events="all"/><path d="M 407 71 M 407 71 C 414.63 69.31 428.62 71.04 447 71 M 407 71 C 422.4 70.28 437.81 70.82 447 71 M 447 71 C 444.62 56.28 447.28 46.57 447 31 M 447 71 C 446.06 57.43 446.17 44.04 447 31 M 447 31 C 456.39 29.25 463.61 32.53 480.63 31 M 447 31 C 457.34 31.49 471.2 29.07 480.63 31" fill="none" stroke="#82b366" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 479.09 27.26 C 479.09 27.26 479.09 27.26 479.09 27.26 M 479.09 27.26 C 479.09 27.26 479.09 27.26 479.09 27.26 M 480.79 31.4 C 481.08 30.37 482.12 30.13 482.76 29.13 M 480.79 31.4 C 481.26 30.62 481.96 29.91 482.76 29.13" fill="none" stroke="#82b366" stroke-width="0.5" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/><path d="M 485.88 31 M 485.88 31 C 485.58 31.16 484.36 33.14 478.88 34.5 M 485.88 31 C 482.7 32.74 480.87 33.05 478.88 34.5 M 478.88 34.5 C 479.52 32.99 479.78 33.36 480.63 31 M 478.88 34.5 C 479.72 33.55 479.99 31.84 480.63 31 M 480.63 31 C 479.97 30.63 478.83 29.03 478.88 27.5 M 480.63 31 C 480.55 30.12 480.01 29.49 478.88 27.5 M 478.88 27.5 C 481.23 29.31 483.11 31 485.88 31 M 478.88 27.5 C 481.29 28.79 481.88 29.51 485.88 31" fill="none" stroke="#82b366" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 50px; margin-left: 445px;"><div data-drawio-colors="color: #DBDBDB; background-color: #282828; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(219, 219, 219); line-height: 1.2; pointer-events: all; background-color: rgb(40, 40, 40); white-space: nowrap;"> true </div></div></div></foreignObject><text x="445" y="54" fill="#DBDBDB" font-family="Helvetica" font-size="14px" text-anchor="middle"> true </text></switch></g><path d="M 407 71 L 447 71 L 447 121 L 480.63 121" fill="none" stroke="none" pointer-events="stroke"/><path d="M 485.88 121 L 478.88 124.5 L 480.63 121 L 478.88 117.5 Z" fill="none" stroke="none" pointer-events="all"/><path d="M 407 71 M 407 71 C 414.65 68.7 426.25 68.39 447 71 M 407 71 C 418.92 72.34 429.41 70.15 447 71 M 447 71 C 450.81 87.24 445.72 103.05 447 121 M 447 71 C 446.42 85.12 445.33 100.32 447 121 M 447 121 C 455.51 118.2 466.92 122.41 480.63 121 M 447 121 C 461.35 119.93 471.93 119.63 480.63 121" fill="none" stroke="#82b366" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 479.04 117.32 C 479.04 117.32 479.04 117.32 479.04 117.32 M 479.04 117.32 C 479.04 117.32 479.04 117.32 479.04 117.32 M 480.74 121.45 C 481.96 120.44 481.9 119.33 482.71 119.19 M 480.74 121.45 C 481.37 120.84 481.76 120.38 482.71 119.19" fill="none" stroke="#82b366" stroke-width="0.5" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/><path d="M 485.88 121 M 485.88 121 C 484.05 121.05 483.4 123.58 478.88 124.5 M 485.88 121 C 483.58 121.85 479.83 123.11 478.88 124.5 M 478.88 124.5 C 479.89 123.78 479.81 121.86 480.63 121 M 478.88 124.5 C 479.62 123.57 479.65 122.36 480.63 121 M 480.63 121 C 479.89 120.33 478.83 117.64 478.88 117.5 M 480.63 121 C 479.8 119.97 479.3 119.08 478.88 117.5 M 478.88 117.5 C 482.39 119.81 482.15 121.13 485.88 121 M 478.88 117.5 C 481.04 119 483.5 120.31 485.88 121" fill="none" stroke="#82b366" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 102px; margin-left: 447px;"><div data-drawio-colors="color: #DBDBDB; background-color: #282828; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(219, 219, 219); line-height: 1.2; pointer-events: all; background-color: rgb(40, 40, 40); white-space: nowrap;"> false </div></div></div></foreignObject><text x="447" y="106" fill="#DBDBDB" font-family="Helvetica" font-size="14px" text-anchor="middle"> false </text></switch></g><rect x="287" y="41" width="120" height="60" fill="none" stroke="none" pointer-events="all"/><path d="M 287.11 43.89 L 403.64 42.91 L 405.03 103.57 L 283.96 104.83" fill="#282828" stroke="none" pointer-events="all"/><path d="M 287 41 C 331.95 44.58 380.24 42.57 407 41 M 287 41 C 329.99 40.13 371.73 43.87 407 41 M 407 41 C 402.53 64.77 409.5 84.71 407 101 M 407 41 C 407.56 57.13 406.02 75.57 407 101 M 407 101 C 380.12 98.31 354.73 103.19 287 101 M 407 101 C 374.6 103.74 343.5 101.36 287 101 M 287 101 C 290.7 83.01 284.05 59.11 287 41 M 287 101 C 286.67 81.43 287.56 65.56 287 41" fill="none" stroke="#82b366" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 71px; margin-left: 288px;"><div data-drawio-colors="color: #DBDBDB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(219, 219, 219); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b>Trigger</b><br /><font style="font-size: 12px;">is evaluated</font></div></div></div></foreignObject><text x="347" y="75" fill="#DBDBDB" font-family="Helvetica" font-size="14px" text-anchor="middle">Trigger...</text></switch></g><path d="M 7 31 L 80.63 31" fill="none" stroke="none" pointer-events="stroke"/><path d="M 85.88 31 L 78.88 34.5 L 80.63 31 L 78.88 27.5 Z" fill="none" stroke="none" pointer-events="all"/><path d="M 7 31 M 7 31 C 33.08 33.11 62.23 32.7 80.63 31 M 7 31 C 22.96 30.8 40.69 32.28 80.63 31" fill="none" stroke="#82b366" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 78.71 27.7 C 78.71 27.7 78.71 27.7 78.71 27.7 M 78.71 27.7 C 78.71 27.7 78.71 27.7 78.71 27.7 M 81.07 31.08 C 81.62 30.74 81.84 30.45 82.38 29.57 M 81.07 31.08 C 81.52 30.67 82.18 30.09 82.38 29.57" fill="none" stroke="#82b366" stroke-width="0.5" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/><path d="M 85.88 31 M 85.88 31 C 85.51 31.56 81.29 32.88 78.88 34.5 M 85.88 31 C 84.7 31.29 83.35 32.37 78.88 34.5 M 78.88 34.5 C 79.23 34.04 79.33 32.19 80.63 31 M 78.88 34.5 C 79.67 33.74 79.85 32.79 80.63 31 M 80.63 31 C 80.25 29.59 79.72 29.85 78.88 27.5 M 80.63 31 C 80.04 29.4 79.37 28.03 78.88 27.5 M 78.88 27.5 C 82.54 30.41 84.26 30.25 85.88 31 M 78.88 27.5 C 80.54 28.74 82.43 29.45 85.88 31" fill="none" stroke="#82b366" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 32px; margin-left: 48px;"><div data-drawio-colors="color: #DBDBDB; background-color: #282828; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(219, 219, 219); line-height: 1.2; pointer-events: all; background-color: rgb(40, 40, 40); white-space: nowrap;"> Data </div></div></div></foreignObject><text x="48" y="36" fill="#DBDBDB" font-family="Helvetica" font-size="14px" text-anchor="middle"> Data </text></switch></g><rect x="687" y="41" width="120" height="60" fill="none" stroke="none" pointer-events="all"/><path d="M 685.17 43.48 L 805.16 44.19 L 808.39 97.16 L 686.38 103.83" fill="#282828" stroke="none" pointer-events="all"/><path d="M 687 41 C 720.41 39.47 746.02 38.44 807 41 M 687 41 C 714.61 42.06 741.75 40.82 807 41 M 807 41 C 808.58 64.68 808.77 82.71 807 101 M 807 41 C 807.34 54.61 807 67.72 807 101 M 807 101 C 781.78 101.23 750.71 103.57 687 101 M 807 101 C 775.56 100.76 747.43 98.42 687 101 M 687 101 C 688.29 82.8 690.53 71.48 687 41 M 687 101 C 686.03 83 687.22 69.11 687 41" fill="none" stroke="#82b366" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 71px; margin-left: 688px;"><div data-drawio-colors="color: #DBDBDB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(219, 219, 219); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b>Notification</b><br /><font style="font-size: 12px;">is sent</font></div></div></div></foreignObject><text x="747" y="75" fill="#DBDBDB" font-family="Helvetica" font-size="14px" text-anchor="middle">Notification...</text></switch></g><path d="M 207 111 L 247 111 L 247 71 L 280.63 71" fill="none" stroke="none" pointer-events="stroke"/><path d="M 285.88 71 L 278.88 74.5 L 280.63 71 L 278.88 67.5 Z" fill="none" stroke="none" pointer-events="all"/><path d="M 207 111 M 207 111 C 213.5 108.21 224.16 114.7 247 111 M 207 111 C 219.1 110.9 227.5 109.41 247 111 M 247 111 C 244.4 102.36 246.15 90.34 247 71 M 247 111 C 247.38 98.24 244.91 82.49 247 71 M 247 71 C 263.05 69.78 274.48 73 280.63 71 M 247 71 C 257.77 73.5 266.08 71.88 280.63 71" fill="none" stroke="#82b366" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 278.69 67.71 C 278.69 67.71 278.69 67.71 278.69 67.71 M 278.69 67.71 C 278.69 67.71 278.69 67.71 278.69 67.71 M 281.06 71.09 C 281.15 70.83 281.65 70.25 282.37 69.58 M 281.06 71.09 C 281.59 70.7 281.81 70.01 282.37 69.58" fill="none" stroke="#82b366" stroke-width="0.5" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/><path d="M 285.88 71 M 285.88 71 C 284.69 71.85 281.73 74.4 278.88 74.5 M 285.88 71 C 284.66 72.58 282.5 72.88 278.88 74.5 M 278.88 74.5 C 280.03 73.9 280.85 71.5 280.63 71 M 278.88 74.5 C 279.61 73.88 279.36 73.04 280.63 71 M 280.63 71 C 279.45 69.91 279.05 68.39 278.88 67.5 M 280.63 71 C 280.5 69.88 280.09 69.04 278.88 67.5 M 278.88 67.5 C 281.6 67.44 281.59 68.68 285.88 71 M 278.88 67.5 C 280.75 68.82 283.34 69 285.88 71" fill="none" stroke="#82b366" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/><rect x="87" y="81" width="120" height="60" fill="none" stroke="none" pointer-events="all"/><path d="M 88.06 77.11 L 209.84 83.99 L 204.71 140.25 L 88.67 142.11" fill="#282828" stroke="none" pointer-events="all"/><path d="M 87 81 C 120.45 84.98 150.27 82.28 207 81 M 87 81 C 120.38 82.5 151.78 81.7 207 81 M 207 81 C 207.83 98.08 208.41 124.8 207 141 M 207 81 C 208.65 93.61 208.8 107.15 207 141 M 207 141 C 172.16 140 141.18 142.22 87 141 M 207 141 C 163.76 143.41 123.35 140.46 87 141 M 87 141 C 91.11 123.68 88.78 102.15 87 81 M 87 141 C 88.06 120.73 87.9 99.91 87 81" fill="none" stroke="#82b366" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 111px; margin-left: 88px;"><div data-drawio-colors="color: #DBDBDB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(219, 219, 219); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b>Datapoint</b><br /><font style="font-size: 12px;">/entry/&lt;name&gt;</font></div></div></div></foreignObject><text x="147" y="115" fill="#DBDBDB" font-family="Helvetica" font-size="14px" text-anchor="middle">Datapoint...</text></switch></g><path d="M 7 111 L 80.63 111" fill="none" stroke="none" pointer-events="stroke"/><path d="M 85.88 111 L 78.88 114.5 L 80.63 111 L 78.88 107.5 Z" fill="none" stroke="none" pointer-events="all"/><path d="M 7 111 M 7 111 C 26.52 110.63 42.34 108.33 80.63 111 M 7 111 C 31.85 111.21 55.47 112.85 80.63 111" fill="none" stroke="#82b366" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 78.96 107.41 C 78.96 107.41 78.96 107.41 78.96 107.41 M 78.96 107.41 C 78.96 107.41 78.96 107.41 78.96 107.41 M 80.66 111.55 C 81.3 110.79 81.8 109.23 82.63 109.28 M 80.66 111.55 C 81.05 110.81 81.74 110.84 82.63 109.28" fill="none" stroke="#82b366" stroke-width="0.5" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/><path d="M 85.88 111 M 85.88 111 C 83.39 112.73 81.32 112.51 78.88 114.5 M 85.88 111 C 83.42 112.99 80.38 113.89 78.88 114.5 M 78.88 114.5 C 79.39 114.21 79.65 112.25 80.63 111 M 78.88 114.5 C 79.27 113.61 79.84 112.56 80.63 111 M 80.63 111 C 79.96 110.58 79.19 109.77 78.88 107.5 M 80.63 111 C 79.81 110.09 80.13 109.31 78.88 107.5 M 78.88 107.5 C 79.46 107.33 84.24 110.83 85.88 111 M 78.88 107.5 C 80.83 108.89 83.92 110.34 85.88 111" fill="none" stroke="#82b366" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 112px; margin-left: 48px;"><div data-drawio-colors="color: #DBDBDB; background-color: #282828; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(219, 219, 219); line-height: 1.2; pointer-events: all; background-color: rgb(40, 40, 40); white-space: nowrap;"> Data </div></div></div></foreignObject><text x="48" y="116" fill="#DBDBDB" font-family="Helvetica" font-size="14px" text-anchor="middle"> Data </text></switch></g><path d="M 607 121 L 647 121 L 647 71 L 680.63 71" fill="none" stroke="none" pointer-events="stroke"/><path d="M 685.88 71 L 678.88 74.5 L 680.63 71 L 678.88 67.5 Z" fill="none" stroke="none" pointer-events="all"/><path d="M 607 121 M 607 121 C 618.07 123.84 624.97 124.32 647 121 M 607 121 C 617.46 119.83 628.02 122.51 647 121 M 647 121 C 648.25 108.8 646.61 98.15 647 71 M 647 121 C 648.66 108.55 647.16 97.24 647 71 M 647 71 C 657.21 72.48 672.67 66.69 680.63 71 M 647 71 C 654.35 70.22 665.04 69.47 680.63 71" fill="none" stroke="#82b366" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 679.07 67.28 C 679.07 67.28 679.07 67.28 679.07 67.28 M 679.07 67.28 C 679.07 67.28 679.07 67.28 679.07 67.28 M 680.78 71.41 C 681.5 70.76 681.69 70.35 682.75 69.15 M 680.78 71.41 C 681.43 70.73 681.66 70.25 682.75 69.15" fill="none" stroke="#82b366" stroke-width="0.5" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/><path d="M 685.88 71 M 685.88 71 C 682.22 73.3 680.68 72.35 678.88 74.5 M 685.88 71 C 683.27 71.72 681.94 72.38 678.88 74.5 M 678.88 74.5 C 680.05 74.24 680.17 72.59 680.63 71 M 678.88 74.5 C 679.52 73.14 679.87 72.22 680.63 71 M 680.63 71 C 679.73 70.36 679.39 69.23 678.88 67.5 M 680.63 71 C 679.71 69.76 679.26 68.81 678.88 67.5 M 678.88 67.5 C 681.54 69.93 682.77 68.98 685.88 71 M 678.88 67.5 C 680.96 68.93 682.92 70.53 685.88 71" fill="none" stroke="#82b366" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/><rect x="487" y="91" width="120" height="60" fill="none" stroke="none" pointer-events="all"/><path d="M 487.32 93.4 L 610.97 87.12 L 606.95 151.53 L 484.58 147.96" fill="#282828" stroke="none" pointer-events="all"/><path d="M 487 91 C 517.03 92.59 551.08 91.88 607 91 M 487 91 C 515.54 92.2 541.89 91.58 607 91 M 607 91 C 602.09 112.35 607.28 132.28 607 151 M 607 91 C 609.98 109.88 607.1 125.81 607 151 M 607 151 C 573.16 155.46 537.04 148.67 487 151 M 607 151 C 563.63 148.41 520.92 150.34 487 151 M 487 151 C 483.42 139.26 486.39 117.61 487 91 M 487 151 C 488.16 132.46 489.67 112.59 487 91" fill="none" stroke="#82b366" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 121px; margin-left: 488px;"><div data-drawio-colors="color: #DBDBDB; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(219, 219, 219); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b>Problem</b><br /><font style="font-size: 12px;">is resolved</font></div></div></div></foreignObject><text x="547" y="125" fill="#DBDBDB" font-family="Helvetica" font-size="14px" text-anchor="middle">Problem...</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
\ No newline at end of file
diff --git a/static/less/datapoints.less b/static/less/datapoints.less
index 770db5f..04086c7 100644
--- a/static/less/datapoints.less
+++ b/static/less/datapoints.less
@@ -9,9 +9,11 @@
 	.group {
 		font-size: 1.10em;
 		font-weight: bold;
-		color: @color2;
+		color: @color3;
 		margin-top: 1.5em;
 		padding-bottom: 4px;
+	}
+	h2 {
 		border-bottom: unset;
 	}
 
diff --git a/static/less/index.less b/static/less/index.less
new file mode 100644
index 0000000..7c65786
--- /dev/null
+++ b/static/less/index.less
@@ -0,0 +1,7 @@
+@import "theme.less";
+
+.graph {
+	margin-top: 32px;
+	padding: 32px;
+	border-radius: 16px;
+}
diff --git a/static/less/main.less b/static/less/main.less
index baf874c..bd42096 100644
--- a/static/less/main.less
+++ b/static/less/main.less
@@ -94,6 +94,11 @@
 			margin-top: 12px;
 			margin-bottom: 20px;
 
+			&.configuration {
+				margin-top: 8px;
+				margin-bottom: 8px;
+			}
+
 			&:last-child {
 				margin-bottom: 12px;
 			}
diff --git a/static/less/theme.less b/static/less/theme.less
index 11ae2fc..93872ea 100644
--- a/static/less/theme.less
+++ b/static/less/theme.less
@@ -52,8 +52,10 @@ body {
 
 h1,
 h2 {
-	margin-top: 0px;
 	margin-bottom: 4px;
+	&:first-child {
+		margin-top: 0px;
+	}
 }
 
 h1 {
@@ -64,11 +66,12 @@ h1 {
 
 h2 {
 	font-size: 1.25em;
+	color: @color3;
 	font-weight: @bold;
 }
 
 a {
-	color: @color2;
+	color: @color4;
 	text-decoration: none;
 
 	&:hover {
diff --git a/views/pages/configuration.gotmpl b/views/pages/configuration.gotmpl
index d65b27d..0fdfd54 100644
--- a/views/pages/configuration.gotmpl
+++ b/views/pages/configuration.gotmpl
@@ -64,7 +64,7 @@
 				<a href="#" onclick="newSection({{ .ID }})">Create</a>
 			</div>
 			{{ range .SortedSections }}
-			<div class="section">
+			<div class="section configuration">
 				<div class="name" onclick="renameSection({{ .ID }}, {{ .Name }})">{{ .Name }}</div>
 			</div>
 			{{ end }}
diff --git a/views/pages/datapoints.gotmpl b/views/pages/datapoints.gotmpl
index 91fc6c1..4f4340d 100644
--- a/views/pages/datapoints.gotmpl
+++ b/views/pages/datapoints.gotmpl
@@ -10,7 +10,7 @@
 		{{ $prevGroup := "kalle" }}
 		{{ range .Data.Datapoints }}
 			{{ if ne $prevGroup .Group }}
-			<div class="line group">{{ .Group }}</div>
+			<h2 class="line">{{ .Group }}</h2>
 			<div class="header">Name</div>
 			<div class="header">Datatype</div>
 			<div class="header">Last value</div>
diff --git a/views/pages/index.gotmpl b/views/pages/index.gotmpl
index 7e6e275..413e8b8 100644
--- a/views/pages/index.gotmpl
+++ b/views/pages/index.gotmpl
@@ -1,4 +1,5 @@
 {{ define "page" }}
+	<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/index.css">
 
 	<div style="float: left;">
 		<img src="/images/{{ .VERSION }}/logo_selected.svg" style="width: 64px; margin-right: 32px;">
@@ -7,6 +8,10 @@
 	<div style="float: left;">
 		<h1>SMon</h1>
 		<h2>{{ .VERSION }}</h2>
+
+		<div class="graph">
+		<img src="/images/{{ .VERSION }}/graph.svg">
+		</div>
 	</div>
 
 {{ end }}