commit 2716eb34b1d1c51fc9f9c06ca27ccc75b4ea738c
Author: Schnitzel <bom333@gmx.de>
Date:   Wed Sep 25 16:15:51 2024 +0200

    visualize the solution

diff --git a/visualizeiton solution.drawio b/visualizeiton solution.drawio
new file mode 100644
index 0000000..cddd213
--- /dev/null
+++ b/visualizeiton solution.drawio	
@@ -0,0 +1,106 @@
+<mxfile host="Electron" modified="2024-09-25T14:13:27.900Z" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/23.1.5 Chrome/120.0.6099.109 Electron/28.1.0 Safari/537.36" etag="yMTyMcK6MKqzMTSTIfDr" version="23.1.5" type="device">
+  <diagram name="Page-1" id="HrI_mhSB4x8id5Bgvx9O">
+    <mxGraphModel dx="701" dy="565" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
+      <root>
+        <mxCell id="0" />
+        <mxCell id="1" parent="0" />
+        <mxCell id="ceL92yhPaExJntceVq7P-17" value="" style="rounded=1;arcSize=4;fillColor=#40302A;align=left;spacingLeft=5;strokeColor=#DEE1E6;html=1;strokeWidth=2;fontColor=#596780;fontSize=12;verticalAlign=top;sketch=1;hachureGap=4;pointerEvents=0;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;" vertex="1" parent="1">
+          <mxGeometry x="82.48" y="40" width="360" height="230" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-1" value="" style="image;aspect=fixed;html=1;points=[];align=center;fontSize=12;image=img/lib/azure2/ai_machine_learning/Bonsai.svg;" vertex="1" parent="1">
+          <mxGeometry x="102.48000000000002" y="50" width="78" height="75.71" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-2" value="" style="image;aspect=fixed;html=1;points=[];align=center;fontSize=12;image=img/lib/azure2/ai_machine_learning/Bonsai.svg;" vertex="1" parent="1">
+          <mxGeometry x="182.48000000000002" y="50" width="78" height="75.71" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-3" value="" style="image;aspect=fixed;html=1;points=[];align=center;fontSize=12;image=img/lib/azure2/ai_machine_learning/Bonsai.svg;" vertex="1" parent="1">
+          <mxGeometry x="92.48" y="170" width="75" height="75.71" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-4" value="" style="image;aspect=fixed;html=1;points=[];align=center;fontSize=12;image=img/lib/azure2/ai_machine_learning/Bonsai.svg;" vertex="1" parent="1">
+          <mxGeometry x="182.48000000000002" y="170" width="78" height="75.71" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-5" value="" style="image;aspect=fixed;html=1;points=[];align=center;fontSize=12;image=img/lib/azure2/ai_machine_learning/Bonsai.svg;" vertex="1" parent="1">
+          <mxGeometry x="260.48" y="50" width="78" height="75.71" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-6" value="" style="image;aspect=fixed;html=1;points=[];align=center;fontSize=12;image=img/lib/azure2/ai_machine_learning/Bonsai.svg;" vertex="1" parent="1">
+          <mxGeometry x="340.48" y="50" width="78" height="75.71" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-7" value="" style="image;aspect=fixed;html=1;points=[];align=center;fontSize=12;image=img/lib/azure2/ai_machine_learning/Bonsai.svg;" vertex="1" parent="1">
+          <mxGeometry x="260.48" y="170" width="78" height="75.71" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-8" value="" style="image;aspect=fixed;html=1;points=[];align=center;fontSize=12;image=img/lib/azure2/ai_machine_learning/Bonsai.svg;" vertex="1" parent="1">
+          <mxGeometry x="340.48" y="170" width="78" height="75.71" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-9" value="Create a project" style="fillColor=none;strokeColor=none;html=1;fontSize=11;fontStyle=0;align=left;fontColor=#172B4C;fontStyle=1;fontSize=18;sketch=1;hachureGap=4;pointerEvents=0;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;" vertex="1" parent="1">
+          <mxGeometry x="1210" y="200" width="240" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-10" value="Projects are where your repositories live. They are containers you can group similar repositories in for better code organisations." style="fillColor=none;align=left;strokeColor=none;fontColor=#000000;fontSize=12;html=1;whiteSpace=wrap;verticalAlign=top;sketch=1;hachureGap=4;pointerEvents=0;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;" vertex="1" parent="1">
+          <mxGeometry x="1210" y="225" width="370" height="45" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-11" value="Project name&lt;sup&gt;&lt;font color=&quot;#ff0000&quot;&gt;*&lt;/font&gt;&lt;/sup&gt;" style="fillColor=none;strokeColor=none;html=1;fontSize=11;fontStyle=0;align=left;fontColor=#596780;fontStyle=1;fontSize=11;sketch=1;hachureGap=4;pointerEvents=0;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;" vertex="1" parent="1">
+          <mxGeometry x="1210" y="270" width="240" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-12" value="Waremelon" style="rounded=1;arcSize=9;fillColor=#ffffff;align=left;spacingLeft=5;strokeColor=#4C9AFF;html=1;strokeWidth=2;fontColor=#000000;fontSize=12;sketch=1;hachureGap=4;pointerEvents=0;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;" vertex="1" parent="1">
+          <mxGeometry x="1210" y="295" width="290" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-13" value="Key&lt;sup&gt;&lt;font color=&quot;#ff0000&quot;&gt;*&lt;/font&gt;&lt;/sup&gt;" style="fillColor=none;strokeColor=none;html=1;fontSize=11;fontStyle=0;align=left;fontColor=#596780;fontStyle=1;fontSize=11;sketch=1;hachureGap=4;pointerEvents=0;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;" vertex="1" parent="1">
+          <mxGeometry x="1210" y="345" width="240" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-14" value="BETA" style="fillColor=#CCE0FF;strokeColor=none;html=1;fontSize=11;align=center;fontColor=#4C9AFF;fontStyle=1;fontSize=11;rounded=1;sketch=1;hachureGap=4;pointerEvents=0;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;" vertex="1" parent="1">
+          <mxGeometry x="1460" y="345" width="40" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-15" value="Stash" style="rounded=1;arcSize=9;fillColor=#F7F8F9;align=left;spacingLeft=5;strokeColor=#DEE1E6;html=1;strokeWidth=2;fontColor=#596780;fontSize=12;sketch=1;hachureGap=4;pointerEvents=0;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;" vertex="1" parent="1">
+          <mxGeometry x="1210" y="370" width="290" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-16" value="Description" style="fillColor=none;strokeColor=none;html=1;fontSize=11;fontStyle=0;align=left;fontColor=#596780;fontStyle=1;fontSize=11;sketch=1;hachureGap=4;pointerEvents=0;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;" vertex="1" parent="1">
+          <mxGeometry x="1210" y="420" width="240" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-18" value="Project permissions" style="fillColor=none;strokeColor=none;html=1;fontSize=11;fontStyle=0;align=left;fontColor=#172B4C;fontStyle=1;fontSize=14;sketch=1;hachureGap=4;pointerEvents=0;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;" vertex="1" parent="1">
+          <mxGeometry x="1210" y="580" width="240" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-19" value="User access" style="fillColor=none;strokeColor=none;html=1;fontSize=11;fontStyle=0;align=left;fontColor=#172B4C;fontStyle=0;fontSize=12;sketch=1;hachureGap=4;pointerEvents=0;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;" vertex="1" parent="1">
+          <mxGeometry x="1210" y="600" width="240" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-20" value="Read and write" style="shape=ellipse;fillColor=#ffffff;strokeColor=#0057D8;strokeWidth=4;fontColor=#000000;align=left;verticalAlign=middle;fontStyle=0;fontSize=12;labelPosition=right;verticalLabelPosition=middle;spacingLeft=10;sketch=0;hachureGap=4;pointerEvents=0;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;" vertex="1" parent="1">
+          <mxGeometry x="1221" y="630" width="10" height="10" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-21" value="Read only" style="shape=ellipse;rounded=1;fillColor=#F0F2F5;strokeColor=#D8DCE3;fontColor=#000000;align=left;verticalAlign=middle;fontStyle=0;fontSize=12;labelPosition=right;verticalLabelPosition=middle;spacingLeft=10;html=1;shadow=0;dashed=0;sketch=1;hachureGap=4;pointerEvents=0;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;" vertex="1" parent="1">
+          <mxGeometry x="1220" y="650" width="12" height="12" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-22" value="None" style="shape=ellipse;rounded=1;fillColor=#F0F2F5;strokeColor=#D8DCE3;fontColor=#000000;align=left;verticalAlign=middle;fontStyle=0;fontSize=12;labelPosition=right;verticalLabelPosition=middle;spacingLeft=10;html=1;shadow=0;dashed=0;sketch=1;hachureGap=4;pointerEvents=0;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;" vertex="1" parent="1">
+          <mxGeometry x="1220" y="670" width="12" height="12" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-23" value="Publish" style="rounded=1;fillColor=#0057D8;strokeColor=none;fontColor=#ffffff;align=center;verticalAlign=middle;fontStyle=0;fontSize=14;html=1;shadow=0;dashed=0;sketch=0;hachureGap=4;pointerEvents=0;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;" vertex="1" parent="1">
+          <mxGeometry x="1210" y="710" width="60" height="33" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-24" value="Cancel" style="fillColor=none;strokeColor=none;fontColor=#596780;align=center;verticalAlign=middle;fontStyle=0;fontSize=14;html=1;shadow=0;dashed=0;sketch=1;hachureGap=4;pointerEvents=0;fontFamily=Architects Daughter;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DArchitects%2BDaughter;" vertex="1" parent="1">
+          <mxGeometry x="1280" y="710" width="60" height="33" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-25" value="" style="image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/users/sensor.svg;" vertex="1" parent="1">
+          <mxGeometry x="114.98000000000002" y="80" width="30" height="30" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-26" value="" style="image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/users/sensor.svg;" vertex="1" parent="1">
+          <mxGeometry x="272.48" y="80" width="30" height="30" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-27" value="" style="image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/users/sensor.svg;" vertex="1" parent="1">
+          <mxGeometry x="192.48000000000002" y="200" width="30" height="30" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-28" value="" style="image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/users/sensor.svg;" vertex="1" parent="1">
+          <mxGeometry x="352.48" y="200" width="30" height="30" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-30" value="" style="verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.dataServer;strokeColor=#5E5E5E;aspect=fixed;" vertex="1" parent="1">
+          <mxGeometry x="418.48" y="127" width="64.98" height="56" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-31" value="" style="html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.wifi;pointerEvents=1" vertex="1" parent="1">
+          <mxGeometry x="418.48" y="120" width="29.7" height="21" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-32" value="" style="verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.dataServer;strokeColor=#5E5E5E;aspect=fixed;" vertex="1" parent="1">
+          <mxGeometry x="49.999999999999986" y="117" width="64.98" height="56" as="geometry" />
+        </mxCell>
+        <mxCell id="ceL92yhPaExJntceVq7P-33" value="" style="html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.wifi;pointerEvents=1" vertex="1" parent="1">
+          <mxGeometry x="49.999999999999986" y="110" width="29.7" height="21" as="geometry" />
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>