From 18ea5fe8593143c367ba0bfffc73651d59faa030 Mon Sep 17 00:00:00 2001
From: David Mosbach <david.mosbach@live.de>
Date: Mon, 28 Aug 2023 01:32:50 +0200
Subject: [PATCH] more icons for footer

---
 editor.css          |   3 +
 editor.html         | 388 +++++++++++++++++++++++++++++---------------
 images/help.svg     | 118 ++++++++++++++
 images/info.svg     |  90 ++++++++++
 images/settings.svg |  70 ++++++++
 5 files changed, 539 insertions(+), 130 deletions(-)
 create mode 100644 images/help.svg
 create mode 100644 images/info.svg
 create mode 100644 images/settings.svg

diff --git a/editor.css b/editor.css
index 82141f6..c70c173 100644
--- a/editor.css
+++ b/editor.css
@@ -704,6 +704,9 @@ label {
   float: left;
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 
 #footer.menu-darkmode svg {
diff --git a/editor.html b/editor.html
index 288db87..2c2a32c 100644
--- a/editor.html
+++ b/editor.html
@@ -763,141 +763,269 @@ SPDX-License-Identifier: AGPL-3.0-or-later
       <span style="width: 100%;"></span>
       <span>
         <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-          <!-- Created with Inkscape (http://www.inkscape.org/) -->
-          <svg
-            width="16"
-            height="16"
-            viewBox="0 0 16 16"
-            version="1.1"
-            id="svg1"
-            sodipodi:docname="nodes.svg"
-            inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
-            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="#999999"
-              borderopacity="1"
-              inkscape:showpageshadow="2"
-              inkscape:pageopacity="0"
-              inkscape:pagecheckerboard="0"
-              inkscape:deskcolor="#d1d1d1"
-              inkscape:document-units="px"
-              showgrid="true"
-              inkscape:zoom="24.375"
-              inkscape:cx="-0.28717949"
-              inkscape:cy="12.882051"
-              inkscape:window-width="1620"
-              inkscape:window-height="1018"
-              inkscape:window-x="-6"
-              inkscape:window-y="-6"
-              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="5"
-                dotted="false"
-                gridanglex="30"
-                gridanglez="30"
-                visible="true" />
-            </sodipodi:namedview>
-            <defs
-              id="defs1" />
-            <g
-              inkscape:label="Ebene 1"
-              inkscape:groupmode="layer"
-              id="layer1">
-              <circle
-                style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.1;stroke-dasharray:none;stroke-opacity:1"
-                id="path2"
-                cx="8"
-                cy="8"
-                r="4.5473752" />
-            </g>
-          </svg>
-      </span>&nbsp;<span>Nodes</span>&nbsp;&nbsp;
+        <!-- Created with Inkscape (http://www.inkscape.org/) -->
+        <svg
+          width="16"
+          height="16"
+          viewBox="0 0 16 16"
+          version="1.1"
+          id="svg1"
+          inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+          sodipodi:docname="settings.svg"
+          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="#999999"
+            borderopacity="1"
+            inkscape:showpageshadow="2"
+            inkscape:pageopacity="0"
+            inkscape:pagecheckerboard="0"
+            inkscape:deskcolor="#d1d1d1"
+            inkscape:document-units="px"
+            showgrid="true"
+            inkscape:zoom="32"
+            inkscape:cx="4.15625"
+            inkscape:cy="8.3125"
+            inkscape:window-width="1620"
+            inkscape:window-height="1018"
+            inkscape:window-x="-6"
+            inkscape:window-y="-6"
+            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="5"
+              dotted="false"
+              gridanglex="30"
+              gridanglez="30"
+              visible="true" />
+          </sodipodi:namedview>
+          <defs
+            id="defs1" />
+          <g
+            inkscape:label="Ebene 1"
+            inkscape:groupmode="layer"
+            id="layer1">
+            <path
+              id="path1"
+              style="fill:none;fill-opacity:1;stroke-width:1.22217;stroke-dasharray:none;stroke-opacity:1"
+              d="M 8.0768576,0.6225737 C 7.2176124,0.76037775 6.7826812,2.0853877 5.9213622,2.4094312 4.993789,2.7584 3.6786909,1.9178883 2.9552697,2.5952605 2.2387372,3.2661827 2.9825572,4.6222362 2.5773183,5.5162926 2.1681837,6.418944 0.64410306,6.7562248 0.61154145,7.7467351 0.57929001,8.7278136 2.0637456,9.1599357 2.4093917,10.078677 c 0.3489688,0.927573 -0.4915429,2.24267 0.1858291,2.966091 0.6709222,0.716533 2.0269762,-0.02729 2.9210324,0.377952 0.9026516,0.409133 1.2399327,1.93322 2.2304425,1.965777 0.9810787,0.03226 1.4132011,-1.452205 2.3319413,-1.797852 0.927572,-0.348964 2.242672,0.491543 2.966092,-0.18583 0.716535,-0.670923 -0.02729,-2.026977 0.377953,-2.921033 C 13.831817,9.5811328 15.355899,9.2438522 15.388459,8.2533415 15.42071,7.2722669 13.936254,6.8401442 13.590607,5.9214039 13.241642,4.9938305 14.082151,3.6787328 13.404776,2.9553117 12.733855,2.2387769 11.3778,2.9825966 10.483746,2.5773578 9.581094,2.1682229 9.2438142,0.64414251 8.2533034,0.6115809 8.1919857,0.60956947 8.1341405,0.61338662 8.0768576,0.62257519 Z M 7.7493062,5.5685728 A 2.4443556,2.4443556 0 0 1 10.431466,7.7493458 2.4443556,2.4443556 0 0 1 8.2506929,10.431505 2.4443556,2.4443556 0 0 1 5.5685335,8.2507323 2.4443556,2.4443556 0 0 1 7.7493062,5.5685728 Z" />
+          </g>
+        </svg>
+      </span>&nbsp;<span>Settings</span>&nbsp;&nbsp;&nbsp;
       <span>
         <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-          <!-- Created with Inkscape (http://www.inkscape.org/) -->
-          <svg
-            width="16"
-            height="16"
-            viewBox="0 0 16 16"
-            version="1.1"
-            id="svg1"
-            sodipodi:docname="stages.svg"
-            inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
-            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="#999999"
-              borderopacity="1"
-              inkscape:showpageshadow="2"
-              inkscape:pageopacity="0"
-              inkscape:pagecheckerboard="0"
-              inkscape:deskcolor="#d1d1d1"
-              inkscape:document-units="px"
-              showgrid="true"
-              inkscape:zoom="24.375"
-              inkscape:cx="-0.28717949"
-              inkscape:cy="12.882051"
-              inkscape:window-width="1620"
-              inkscape:window-height="1018"
-              inkscape:window-x="-6"
-              inkscape:window-y="-6"
-              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="5"
-                dotted="false"
-                gridanglex="30"
-                gridanglez="30"
-                visible="true" />
-            </sodipodi:namedview>
-            <defs
-              id="defs1" />
+        <!-- Created with Inkscape (http://www.inkscape.org/) -->
+        <svg
+          width="16"
+          height="16"
+          viewBox="0 0 16 16"
+          version="1.1"
+          id="svg1"
+          inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+          sodipodi:docname="help.svg"
+          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="#999999"
+            borderopacity="1"
+            inkscape:showpageshadow="2"
+            inkscape:pageopacity="0"
+            inkscape:pagecheckerboard="0"
+            inkscape:deskcolor="#d1d1d1"
+            inkscape:document-units="px"
+            showgrid="true"
+            inkscape:zoom="17.235728"
+            inkscape:cx="-0.29009509"
+            inkscape:cy="13.982583"
+            inkscape:window-width="1620"
+            inkscape:window-height="1018"
+            inkscape:window-x="-6"
+            inkscape:window-y="-6"
+            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="5"
+              dotted="false"
+              gridanglex="30"
+              gridanglez="30"
+              visible="true" />
+          </sodipodi:namedview>
+          <defs
+            id="defs1">
+            <inkscape:path-effect
+              effect="spiro"
+              id="path-effect5"
+              is_visible="true"
+              lpeversion="1" />
+            <inkscape:path-effect
+              effect="spiro"
+              id="path-effect4"
+              is_visible="true"
+              lpeversion="1" />
+            <inkscape:path-effect
+              effect="spiro"
+              id="path-effect3"
+              is_visible="true"
+              lpeversion="1" />
+            <inkscape:path-effect
+              effect="spiro"
+              id="path-effect2"
+              is_visible="true"
+              lpeversion="1" />
+            <inkscape:path-effect
+              effect="spiro"
+              id="path-effect1"
+              is_visible="true"
+              lpeversion="1" />
+          </defs>
+          <g
+            inkscape:label="Ebene 1"
+            inkscape:groupmode="layer"
+            id="layer1">
             <g
-              inkscape:label="Ebene 1"
-              inkscape:groupmode="layer"
-              id="layer1">
-              <rect
-                style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.1;stroke-dasharray:none;stroke-opacity:1"
-                id="rect2"
-                width="9.1430073"
-                height="9.1430082"
-                x="3.4284959"
-                y="3.4284959" />
+              id="g5"
+              transform="matrix(0.64534308,0,0,0.64534308,2.3805141,3.6816223)"
+              style="stroke-width:1.54956;stroke-dasharray:none"
+              inkscape:label="g5">
+              <path
+                style="fill:none;stroke-width:1.54956;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none"
+                d="M 5.8889299,5.9179399 C 5.9388067,4.9502291 6.4698406,4.0191032 7.277339,3.4834744 8.0848375,2.9478457 9.1491838,2.8207262 10.060115,3.1511155 c 0.91093,0.3303894 1.646316,1.1102613 1.922695,2.039006 0.276378,0.9287448 0.08704,1.9838001 -0.495044,2.758484 -0.365393,0.4862977 -0.863106,0.8535671 -1.352418,1.214914 -0.4893112,0.361347 -0.9853607,0.731659 -1.3454668,1.2218845 -0.3393295,0.461942 -0.5448728,1.020991 -0.5855896,1.592722"
+                id="path4"
+                inkscape:path-effect="#path-effect5"
+                inkscape:original-d="M 5.8889299,5.9179399 C 5.8829069,5.2313398 9.9889409,8.5964845 11.487766,7.9486055 12.98659,7.3007264 9.689176,9.573138 8.7898812,10.385404 7.8905864,11.19767 8.4424975,11.436575 8.2042916,11.978126"
+                sodipodi:nodetypes="cssc"
+                transform="rotate(-6.9942961,-9.7706171,6.6574046)" />
+              <path
+                style="fill:none;stroke-width:1.54956;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none"
+                d="m 8.7184344,12.3 v 0.493193"
+                id="path5"
+                sodipodi:nodetypes="cc" />
             </g>
-          </svg>
-      </span>&nbsp;<span>Stages</span>&nbsp;
+            <ellipse
+              style="fill:none;stroke-width:1.02868;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none"
+              id="path6"
+              cx="8"
+              cy="7.9999986"
+              rx="6.4856601"
+              ry="6.4856586" />
+          </g>
+        </svg>
+      </span>&nbsp;<span>Help</span>&nbsp;&nbsp;&nbsp;
+      <span>
+        <?xml version="1.0" encoding="UTF-8" standalone="no"?>
+        <!-- Created with Inkscape (http://www.inkscape.org/) -->
+        <svg
+          width="16"
+          height="16"
+          viewBox="0 0 16 16"
+          version="1.1"
+          id="svg1"
+          inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+          sodipodi:docname="info.svg"
+          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="#999999"
+            borderopacity="1"
+            inkscape:showpageshadow="2"
+            inkscape:pageopacity="0"
+            inkscape:pagecheckerboard="0"
+            inkscape:deskcolor="#d1d1d1"
+            inkscape:document-units="px"
+            showgrid="true"
+            inkscape:zoom="24.375"
+            inkscape:cx="2.625641"
+            inkscape:cy="9.3128205"
+            inkscape:window-width="1620"
+            inkscape:window-height="1018"
+            inkscape:window-x="-6"
+            inkscape:window-y="-6"
+            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="5"
+              dotted="false"
+              gridanglex="30"
+              gridanglez="30"
+              visible="true" />
+          </sodipodi:namedview>
+          <defs
+            id="defs1">
+            <rect
+              x="6.4410256"
+              y="5.4358974"
+              width="4.5561579"
+              height="6.3072868"
+              id="rect1" />
+          </defs>
+          <g
+            inkscape:label="Ebene 1"
+            inkscape:groupmode="layer"
+            id="layer1">
+            <ellipse
+              style="fill:none;fill-opacity:1;stroke-width:1.02477;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+              id="path1"
+              cx="8"
+              cy="7.9999986"
+              rx="6.4876165"
+              ry="6.4876151" />
+            <path
+              style="fill:none;fill-opacity:1;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+              d="M 8,12 V 6.5 H 6.8"
+              id="path2"
+              sodipodi:nodetypes="ccc" />
+            <path
+              style="fill:none;fill-opacity:1;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+              d="M 8,4 V 4.5"
+              id="path3"
+              sodipodi:nodetypes="cc" />
+          </g>
+        </svg>
+      </span>&nbsp;<span>About</span>
     </div>
   </div>
   
   <script type="module" src="bundle.js"></script>
-</body>
\ No newline at end of file
+</body>
diff --git a/images/help.svg b/images/help.svg
new file mode 100644
index 0000000..2b072d8
--- /dev/null
+++ b/images/help.svg
@@ -0,0 +1,118 @@
+<!--
+SPDX-FileCopyrightText: 2023 David Mosbach <david.mosbach@campus.lmu.de>
+
+SPDX-License-Identifier: AGPL-3.0-or-later
+-->
+
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   sodipodi:docname="help.svg"
+   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="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="17.235728"
+     inkscape:cx="-0.29009509"
+     inkscape:cy="13.982583"
+     inkscape:window-width="1620"
+     inkscape:window-height="1018"
+     inkscape:window-x="-6"
+     inkscape:window-y="-6"
+     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="5"
+       dotted="false"
+       gridanglex="30"
+       gridanglez="30"
+       visible="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <inkscape:path-effect
+       effect="spiro"
+       id="path-effect5"
+       is_visible="true"
+       lpeversion="1" />
+    <inkscape:path-effect
+       effect="spiro"
+       id="path-effect4"
+       is_visible="true"
+       lpeversion="1" />
+    <inkscape:path-effect
+       effect="spiro"
+       id="path-effect3"
+       is_visible="true"
+       lpeversion="1" />
+    <inkscape:path-effect
+       effect="spiro"
+       id="path-effect2"
+       is_visible="true"
+       lpeversion="1" />
+    <inkscape:path-effect
+       effect="spiro"
+       id="path-effect1"
+       is_visible="true"
+       lpeversion="1" />
+  </defs>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g5"
+       transform="matrix(0.64534308,0,0,0.64534308,2.3805141,3.6816223)"
+       style="stroke-width:1.54956;stroke-dasharray:none"
+       inkscape:label="g5">
+      <path
+         style="fill:none;stroke:#000000;stroke-width:1.54956;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none"
+         d="M 5.8889299,5.9179399 C 5.9388067,4.9502291 6.4698406,4.0191032 7.277339,3.4834744 8.0848375,2.9478457 9.1491838,2.8207262 10.060115,3.1511155 c 0.91093,0.3303894 1.646316,1.1102613 1.922695,2.039006 0.276378,0.9287448 0.08704,1.9838001 -0.495044,2.758484 -0.365393,0.4862977 -0.863106,0.8535671 -1.352418,1.214914 -0.4893112,0.361347 -0.9853607,0.731659 -1.3454668,1.2218845 -0.3393295,0.461942 -0.5448728,1.020991 -0.5855896,1.592722"
+         id="path4"
+         inkscape:path-effect="#path-effect5"
+         inkscape:original-d="M 5.8889299,5.9179399 C 5.8829069,5.2313398 9.9889409,8.5964845 11.487766,7.9486055 12.98659,7.3007264 9.689176,9.573138 8.7898812,10.385404 7.8905864,11.19767 8.4424975,11.436575 8.2042916,11.978126"
+         sodipodi:nodetypes="cssc"
+         transform="rotate(-6.9942961,-9.7706171,6.6574046)" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:1.54956;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none"
+         d="m 8.7184344,12.3 v 0.493193"
+         id="path5"
+         sodipodi:nodetypes="cc" />
+    </g>
+    <ellipse
+       style="fill:none;stroke:#000000;stroke-width:1.02868;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none"
+       id="path6"
+       cx="8"
+       cy="7.9999986"
+       rx="6.4856601"
+       ry="6.4856586" />
+  </g>
+</svg>
diff --git a/images/info.svg b/images/info.svg
new file mode 100644
index 0000000..81543da
--- /dev/null
+++ b/images/info.svg
@@ -0,0 +1,90 @@
+<!--
+SPDX-FileCopyrightText: 2023 David Mosbach <david.mosbach@campus.lmu.de>
+
+SPDX-License-Identifier: AGPL-3.0-or-later
+-->
+
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   sodipodi:docname="info.svg"
+   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="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="24.375"
+     inkscape:cx="2.625641"
+     inkscape:cy="9.3128205"
+     inkscape:window-width="1620"
+     inkscape:window-height="1018"
+     inkscape:window-x="-6"
+     inkscape:window-y="-6"
+     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="5"
+       dotted="false"
+       gridanglex="30"
+       gridanglez="30"
+       visible="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <rect
+       x="6.4410256"
+       y="5.4358974"
+       width="4.5561579"
+       height="6.3072868"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <ellipse
+       style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:1.02477;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+       id="path1"
+       cx="8"
+       cy="7.9999986"
+       rx="6.4876165"
+       ry="6.4876151" />
+    <path
+       style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+       d="M 8,12 V 6.5 H 6.8"
+       id="path2"
+       sodipodi:nodetypes="ccc" />
+    <path
+       style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+       d="M 8,4 V 4.5"
+       id="path3"
+       sodipodi:nodetypes="cc" />
+  </g>
+</svg>
diff --git a/images/settings.svg b/images/settings.svg
new file mode 100644
index 0000000..98c5d0d
--- /dev/null
+++ b/images/settings.svg
@@ -0,0 +1,70 @@
+<!--
+SPDX-FileCopyrightText: 2023 David Mosbach <david.mosbach@campus.lmu.de>
+
+SPDX-License-Identifier: AGPL-3.0-or-later
+-->
+
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   sodipodi:docname="settings.svg"
+   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="#999999"
+     borderopacity="1"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="32"
+     inkscape:cx="4.15625"
+     inkscape:cy="8.3125"
+     inkscape:window-width="1620"
+     inkscape:window-height="1018"
+     inkscape:window-x="-6"
+     inkscape:window-y="-6"
+     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="5"
+       dotted="false"
+       gridanglex="30"
+       gridanglez="30"
+       visible="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       id="path1"
+       style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:1.22217;stroke-dasharray:none;stroke-opacity:1"
+       d="M 8.0768576,0.6225737 C 7.2176124,0.76037775 6.7826812,2.0853877 5.9213622,2.4094312 4.993789,2.7584 3.6786909,1.9178883 2.9552697,2.5952605 2.2387372,3.2661827 2.9825572,4.6222362 2.5773183,5.5162926 2.1681837,6.418944 0.64410306,6.7562248 0.61154145,7.7467351 0.57929001,8.7278136 2.0637456,9.1599357 2.4093917,10.078677 c 0.3489688,0.927573 -0.4915429,2.24267 0.1858291,2.966091 0.6709222,0.716533 2.0269762,-0.02729 2.9210324,0.377952 0.9026516,0.409133 1.2399327,1.93322 2.2304425,1.965777 0.9810787,0.03226 1.4132011,-1.452205 2.3319413,-1.797852 0.927572,-0.348964 2.242672,0.491543 2.966092,-0.18583 0.716535,-0.670923 -0.02729,-2.026977 0.377953,-2.921033 C 13.831817,9.5811328 15.355899,9.2438522 15.388459,8.2533415 15.42071,7.2722669 13.936254,6.8401442 13.590607,5.9214039 13.241642,4.9938305 14.082151,3.6787328 13.404776,2.9553117 12.733855,2.2387769 11.3778,2.9825966 10.483746,2.5773578 9.581094,2.1682229 9.2438142,0.64414251 8.2533034,0.6115809 8.1919857,0.60956947 8.1341405,0.61338662 8.0768576,0.62257519 Z M 7.7493062,5.5685728 A 2.4443556,2.4443556 0 0 1 10.431466,7.7493458 2.4443556,2.4443556 0 0 1 8.2506929,10.431505 2.4443556,2.4443556 0 0 1 5.5685335,8.2507323 2.4443556,2.4443556 0 0 1 7.7493062,5.5685728 Z" />
+  </g>
+</svg>