clan-homepage/content/architecture/design-overview.drawio
Valentin Gagarin d3d3ddd670
All checks were successful
check / test (pull_request) Successful in 18s
move Architecture to the top level
2024-04-13 01:56:51 +02:00

123 lines
16 KiB
Plaintext

<mxfile host="app.diagrams.net" modified="2024-01-04T14:37:14.987Z" agent="Mozilla/5.0 (X11; Linux x86_64; rv:107.0) Gecko/20100101 Firefox/107.0" etag="hDO36PXgKwa7GlXmf0pK" version="21.5.0" type="device">
<diagram name="Page-1" id="Page-1">
<mxGraphModel dx="3034" dy="1872" 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" value="Connector" parent="0" />
<mxCell id="L0__EUAIFv-v6VTxFZ8R-24" value="" style="verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.laptop;pointerEvents=1;" vertex="1" parent="1">
<mxGeometry x="250" y="280" width="290" height="240" as="geometry" />
</mxCell>
<mxCell id="r0mgfz6IdKgSaTeHQ_le-60" value="&lt;div&gt;&lt;font style=&quot;font-size: 24px;&quot;&gt;Different &lt;br&gt;&lt;/font&gt;&lt;/div&gt;&lt;div&gt;&lt;font style=&quot;font-size: 24px;&quot;&gt;VPN Mesh network&lt;/font&gt;&lt;/div&gt;" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="890" y="950.0000000000001" width="320" height="240" as="geometry" />
</mxCell>
<mxCell id="r0mgfz6IdKgSaTeHQ_le-33" value="&lt;div&gt;&lt;font style=&quot;font-size: 24px;&quot;&gt;VPN Mesh network&lt;/font&gt;&lt;/div&gt;" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="430" y="560" width="320" height="240" as="geometry" />
</mxCell>
<mxCell id="r0mgfz6IdKgSaTeHQ_le-67" value="" style="endArrow=classic;html=1;rounded=0;strokeWidth=3;startArrow=classic;startFill=1;entryX=0.25;entryY=0.25;entryDx=0;entryDy=0;entryPerimeter=0;" parent="1" target="r0mgfz6IdKgSaTeHQ_le-33" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="380" y="530" as="sourcePoint" />
<mxPoint x="590" y="645" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="22" value="&lt;font data-darkreader-inline-color=&quot;&quot; style=&quot;font-size: 28px; font-family: &amp;quot;calibri&amp;quot;; color: rgb(0, 0, 0); direction: ltr; letter-spacing: 0px; line-height: 120%; opacity: 1; --darkreader-inline-color: #e8e6e3;&quot;&gt;Computer connected through VM&lt;br&gt;&lt;/font&gt;" style="verticalAlign=middle;align=center;vsdxID=28;fillColor=none;gradientColor=none;shape=stencil(nZBLDoAgDERP0z3SIyjew0SURgSD+Lu9kMZoXLhwN9O+tukAlrNpJg1SzDH4QW/URgNYgZTkjA4UkwJUgGXng+6DX1zLfmoymdXo17xh5zmRJ6Q42BWCfc2oJfdAr+Yv+AP9Cb7OJ3H/2JG1HNGz/84klThPVCc=);strokeColor=none;labelBackgroundColor=none;rounded=0;html=1;whiteSpace=wrap;" parent="1" vertex="1">
<mxGeometry x="857.5" y="400" width="265" height="130" as="geometry" />
</mxCell>
<mxCell id="r0mgfz6IdKgSaTeHQ_le-66" value="" style="endArrow=classic;html=1;rounded=0;entryX=0.875;entryY=0.5;entryDx=0;entryDy=0;entryPerimeter=0;strokeWidth=3;startArrow=classic;startFill=1;" parent="1" target="r0mgfz6IdKgSaTeHQ_le-33" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="860" y="628.7096774193546" as="sourcePoint" />
<mxPoint x="566" y="717" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="ZT00lVDF8hyaAqTCrx0f-22" value="NixOS" style="vsdxID=12;fillColor=#0050ef;shape=stencil(nZBLDoAgDERP0z3SIyjew0SURgSD+Lu9kMZoXLhwN9O+tukAlrNpJg1SzDH4QW/URgNYgZTkjA4UkwJUgGXng+6DX1zLfmoymdXo17xh5zmRJ6Q42BWCfc2oJfdAr+Yv+AP9Cb7OJ3H/2JG1HNGz/84klThPVCc=);strokeColor=#001DBC;strokeWidth=3;labelBackgroundColor=none;rounded=0;html=1;whiteSpace=wrap;fontColor=#ffffff;fontSize=28;" parent="1" vertex="1">
<mxGeometry x="300" y="400" width="200" height="36.25" as="geometry" />
</mxCell>
<mxCell id="eZtIASL5zvcn_9goES__-32" value="&lt;font data-darkreader-inline-color=&quot;&quot; style=&quot;font-size: 28px; font-family: &amp;quot;calibri&amp;quot;; color: rgb(0, 0, 0); direction: ltr; letter-spacing: 0px; line-height: 120%; opacity: 1; --darkreader-inline-color: #e8e6e3;&quot;&gt;Computer directly connected&lt;br&gt;&lt;/font&gt;" style="verticalAlign=middle;align=left;vsdxID=28;fillColor=none;gradientColor=none;shape=stencil(nZBLDoAgDERP0z3SIyjew0SURgSD+Lu9kMZoXLhwN9O+tukAlrNpJg1SzDH4QW/URgNYgZTkjA4UkwJUgGXng+6DX1zLfmoymdXo17xh5zmRJ6Q42BWCfc2oJfdAr+Yv+AP9Cb7OJ3H/2JG1HNGz/84klThPVCc=);strokeColor=none;labelBackgroundColor=none;rounded=0;html=1;whiteSpace=wrap;" parent="1" vertex="1">
<mxGeometry x="522.5" y="319.9950996015936" width="135" height="102.54980079681275" as="geometry" />
</mxCell>
<mxCell id="ZT00lVDF8hyaAqTCrx0f-23" value="" style="group" parent="1" vertex="1" connectable="0">
<mxGeometry x="300" y="320" width="200" height="60" as="geometry" />
</mxCell>
<mxCell id="eZtIASL5zvcn_9goES__-42" style="vsdxID=12;fillColor=#0050ef;shape=stencil(nZBLDoAgDERP0z3SIyjew0SURgSD+Lu9kMZoXLhwN9O+tukAlrNpJg1SzDH4QW/URgNYgZTkjA4UkwJUgGXng+6DX1zLfmoymdXo17xh5zmRJ6Q42BWCfc2oJfdAr+Yv+AP9Cb7OJ3H/2JG1HNGz/84klThPVCc=);strokeColor=#001DBC;strokeWidth=3;labelBackgroundColor=none;rounded=0;html=1;whiteSpace=wrap;fontColor=#ffffff;" parent="ZT00lVDF8hyaAqTCrx0f-23" vertex="1">
<mxGeometry width="200" height="60" as="geometry" />
</mxCell>
<mxCell id="eZtIASL5zvcn_9goES__-43" value="&lt;font data-darkreader-inline-color=&quot;&quot; style=&quot;font-size: 28px; font-family: &amp;quot;calibri&amp;quot;; color: rgb(255, 255, 255); direction: ltr; letter-spacing: 0px; line-height: 120%; opacity: 1; --darkreader-inline-color: #e8e6e3;&quot;&gt;Mumble Client&lt;br&gt;&lt;/font&gt;" style="verticalAlign=middle;align=center;vsdxID=25;fillColor=none;shape=stencil(nZBLDoAgDERP0z3SIyjew0SURgSD+Lu9kMZoXLhwN9O+tukAlrNpJg1SzDH4QW/URgNYgZTkjA4UkwJUgGXng+6DX1zLfmoymdXo17xh5zmRJ6Q42BWCfc2oJfdAr+Yv+AP9Cb7OJ3H/2JG1HNGz/84klThPVCc=);strokeColor=none;labelBackgroundColor=none;rounded=0;html=1;whiteSpace=wrap;" parent="ZT00lVDF8hyaAqTCrx0f-23" vertex="1">
<mxGeometry x="9.807692307692303" y="13.714285714285712" width="180.3846153846154" height="31.71428571428571" as="geometry" />
</mxCell>
<mxCell id="L0__EUAIFv-v6VTxFZ8R-32" value="" style="group" vertex="1" connectable="0" parent="1">
<mxGeometry x="840" y="520" width="300" height="250" as="geometry" />
</mxCell>
<mxCell id="L0__EUAIFv-v6VTxFZ8R-25" value="" style="verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.laptop;pointerEvents=1;" vertex="1" parent="L0__EUAIFv-v6VTxFZ8R-32">
<mxGeometry width="300" height="250" as="geometry" />
</mxCell>
<mxCell id="L0__EUAIFv-v6VTxFZ8R-30" value="&lt;font style=&quot;font-size: 20px;&quot;&gt;VM with NixOS &lt;/font&gt;" style="swimlane;whiteSpace=wrap;html=1;" vertex="1" parent="L0__EUAIFv-v6VTxFZ8R-32">
<mxGeometry x="45" y="20" width="200" height="150" as="geometry" />
</mxCell>
<mxCell id="L0__EUAIFv-v6VTxFZ8R-31" value="" style="group" vertex="1" connectable="0" parent="L0__EUAIFv-v6VTxFZ8R-30">
<mxGeometry x="10" y="40" width="180" height="90" as="geometry" />
</mxCell>
<mxCell id="eZtIASL5zvcn_9goES__-39" style="vsdxID=12;fillColor=#0050ef;shape=stencil(nZBLDoAgDERP0z3SIyjew0SURgSD+Lu9kMZoXLhwN9O+tukAlrNpJg1SzDH4QW/URgNYgZTkjA4UkwJUgGXng+6DX1zLfmoymdXo17xh5zmRJ6Q42BWCfc2oJfdAr+Yv+AP9Cb7OJ3H/2JG1HNGz/84klThPVCc=);strokeColor=#001DBC;strokeWidth=3;labelBackgroundColor=none;rounded=0;html=1;whiteSpace=wrap;fontColor=#ffffff;" parent="L0__EUAIFv-v6VTxFZ8R-31" vertex="1">
<mxGeometry width="180" height="90" as="geometry" />
</mxCell>
<mxCell id="eZtIASL5zvcn_9goES__-40" value="&lt;font data-darkreader-inline-color=&quot;&quot; style=&quot;font-size: 28px; font-family: &amp;quot;calibri&amp;quot;; color: rgb(255, 255, 255); direction: ltr; letter-spacing: 0px; line-height: 120%; opacity: 1; --darkreader-inline-color: #e8e6e3;&quot;&gt;Mumble Client&lt;br&gt;&lt;/font&gt;" style="verticalAlign=middle;align=center;vsdxID=25;fillColor=none;shape=stencil(nZBLDoAgDERP0z3SIyjew0SURgSD+Lu9kMZoXLhwN9O+tukAlrNpJg1SzDH4QW/URgNYgZTkjA4UkwJUgGXng+6DX1zLfmoymdXo17xh5zmRJ6Q42BWCfc2oJfdAr+Yv+AP9Cb7OJ3H/2JG1HNGz/84klThPVCc=);strokeColor=none;labelBackgroundColor=none;rounded=0;html=1;whiteSpace=wrap;" parent="L0__EUAIFv-v6VTxFZ8R-31" vertex="1">
<mxGeometry x="8.826923076923094" y="27.64285714285714" width="162.34615384615387" height="47.57142857142858" as="geometry" />
</mxCell>
<mxCell id="ZT00lVDF8hyaAqTCrx0f-24" value="&lt;div&gt;Linux or MacOS&lt;/div&gt;" style="vsdxID=12;fillColor=#0050ef;shape=stencil(nZBLDoAgDERP0z3SIyjew0SURgSD+Lu9kMZoXLhwN9O+tukAlrNpJg1SzDH4QW/URgNYgZTkjA4UkwJUgGXng+6DX1zLfmoymdXo17xh5zmRJ6Q42BWCfc2oJfdAr+Yv+AP9Cb7OJ3H/2JG1HNGz/84klThPVCc=);strokeColor=#001DBC;strokeWidth=3;labelBackgroundColor=none;rounded=0;html=1;whiteSpace=wrap;fontColor=#ffffff;fontSize=28;" parent="L0__EUAIFv-v6VTxFZ8R-32" vertex="1">
<mxGeometry x="30" y="205" width="240" height="35" as="geometry" />
</mxCell>
<mxCell id="L0__EUAIFv-v6VTxFZ8R-45" value="" style="image;points=[];aspect=fixed;html=1;align=center;shadow=0;dashed=0;image=img/lib/allied_telesis/computer_and_terminals/Personal_Computer_with_Server.svg;imageBackground=#FFFFFF;fillStyle=solid;" vertex="1" parent="1">
<mxGeometry x="340" y="810" width="457.6" height="457.6" as="geometry" />
</mxCell>
<mxCell id="L0__EUAIFv-v6VTxFZ8R-40" value="&lt;font style=&quot;font-size: 20px;&quot;&gt;VM with NixOS &lt;/font&gt;" style="swimlane;whiteSpace=wrap;html=1;startSize=23;fillColor=#FFFFFF;gradientColor=none;" vertex="1" parent="1">
<mxGeometry x="440" y="1070" width="282.25" height="160" as="geometry">
<mxRectangle x="1180" y="730" width="180" height="40" as="alternateBounds" />
</mxGeometry>
</mxCell>
<mxCell id="L0__EUAIFv-v6VTxFZ8R-50" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="L0__EUAIFv-v6VTxFZ8R-40">
<mxGeometry y="30" width="282.25" height="130" as="geometry" />
</mxCell>
<mxCell id="L0__EUAIFv-v6VTxFZ8R-41" value="" style="group;align=left;" vertex="1" connectable="0" parent="L0__EUAIFv-v6VTxFZ8R-40">
<mxGeometry x="52.25" y="50" width="180" height="90" as="geometry" />
</mxCell>
<mxCell id="L0__EUAIFv-v6VTxFZ8R-42" style="vsdxID=12;fillColor=#0050ef;shape=stencil(nZBLDoAgDERP0z3SIyjew0SURgSD+Lu9kMZoXLhwN9O+tukAlrNpJg1SzDH4QW/URgNYgZTkjA4UkwJUgGXng+6DX1zLfmoymdXo17xh5zmRJ6Q42BWCfc2oJfdAr+Yv+AP9Cb7OJ3H/2JG1HNGz/84klThPVCc=);strokeColor=#001DBC;strokeWidth=3;labelBackgroundColor=none;rounded=0;html=1;whiteSpace=wrap;fontColor=#ffffff;" vertex="1" parent="L0__EUAIFv-v6VTxFZ8R-41">
<mxGeometry width="180" height="90" as="geometry" />
</mxCell>
<mxCell id="L0__EUAIFv-v6VTxFZ8R-43" value="&lt;font data-darkreader-inline-color=&quot;&quot; style=&quot;font-size: 28px; font-family: &amp;quot;calibri&amp;quot;; color: rgb(255, 255, 255); direction: ltr; letter-spacing: 0px; line-height: 120%; opacity: 1; --darkreader-inline-color: #e8e6e3;&quot;&gt;Nextcloud&lt;/font&gt;&lt;font data-darkreader-inline-color=&quot;&quot; style=&quot;font-size: 28px; font-family: &amp;quot;calibri&amp;quot;; color: rgb(255, 255, 255); direction: ltr; letter-spacing: 0px; line-height: 120%; opacity: 1; --darkreader-inline-color: #e8e6e3;&quot;&gt;&lt;/font&gt;" style="verticalAlign=middle;align=center;vsdxID=25;fillColor=none;shape=stencil(nZBLDoAgDERP0z3SIyjew0SURgSD+Lu9kMZoXLhwN9O+tukAlrNpJg1SzDH4QW/URgNYgZTkjA4UkwJUgGXng+6DX1zLfmoymdXo17xh5zmRJ6Q42BWCfc2oJfdAr+Yv+AP9Cb7OJ3H/2JG1HNGz/84klThPVCc=);strokeColor=none;labelBackgroundColor=none;rounded=0;html=1;whiteSpace=wrap;" vertex="1" parent="L0__EUAIFv-v6VTxFZ8R-41">
<mxGeometry x="8.826923076923094" y="27.64285714285714" width="162.34615384615387" height="47.57142857142858" as="geometry" />
</mxCell>
<mxCell id="r0mgfz6IdKgSaTeHQ_le-63" value="" style="endArrow=classic;html=1;rounded=0;strokeWidth=3;startArrow=classic;startFill=1;entryX=0.16;entryY=0.55;entryDx=0;entryDy=0;entryPerimeter=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;" parent="1" source="L0__EUAIFv-v6VTxFZ8R-50" target="r0mgfz6IdKgSaTeHQ_le-60" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="1658.8" y="1118" as="sourcePoint" />
<mxPoint x="1149.9999999999998" y="1229.9999999999995" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="r0mgfz6IdKgSaTeHQ_le-65" value="" style="endArrow=classic;html=1;rounded=0;strokeWidth=3;startArrow=classic;startFill=1;entryX=0.55;entryY=0.95;entryDx=0;entryDy=0;entryPerimeter=0;exitX=0.5;exitY=0;exitDx=0;exitDy=0;" parent="1" source="L0__EUAIFv-v6VTxFZ8R-51" target="r0mgfz6IdKgSaTeHQ_le-33" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="566.125" y="880" as="sourcePoint" />
<mxPoint x="660" y="840" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="L0__EUAIFv-v6VTxFZ8R-46" value="&lt;div&gt;&lt;font data-darkreader-inline-color=&quot;&quot; style=&quot;font-size: 28px; font-family: &amp;quot;calibri&amp;quot;; color: rgb(0, 0, 0); direction: ltr; letter-spacing: 0px; line-height: 120%; opacity: 1; --darkreader-inline-color: #e8e6e3;&quot;&gt;Computer joined multiple cLANs&lt;/font&gt;&lt;/div&gt;&lt;div&gt;&lt;font data-darkreader-inline-color=&quot;&quot; style=&quot;font-size: 28px; font-family: &amp;quot;calibri&amp;quot;; color: rgb(0, 0, 0); direction: ltr; letter-spacing: 0px; line-height: 120%; opacity: 1; --darkreader-inline-color: #e8e6e3;&quot;&gt;&amp;nbsp;through VMs&lt;/font&gt;&lt;/div&gt;" style="verticalAlign=middle;align=right;vsdxID=28;fillColor=none;gradientColor=none;shape=stencil(nZBLDoAgDERP0z3SIyjew0SURgSD+Lu9kMZoXLhwN9O+tukAlrNpJg1SzDH4QW/URgNYgZTkjA4UkwJUgGXng+6DX1zLfmoymdXo17xh5zmRJ6Q42BWCfc2oJfdAr+Yv+AP9Cb7OJ3H/2JG1HNGz/84klThPVCc=);strokeColor=none;labelBackgroundColor=none;rounded=0;html=1;whiteSpace=wrap;" vertex="1" parent="1">
<mxGeometry x="70" y="940" width="265" height="130" as="geometry" />
</mxCell>
<mxCell id="L0__EUAIFv-v6VTxFZ8R-51" value="&lt;font style=&quot;font-size: 20px;&quot;&gt;VM with NixOS &lt;/font&gt;" style="swimlane;whiteSpace=wrap;html=1;startSize=23;fillColor=#FFFFFF;gradientColor=none;" vertex="1" parent="1">
<mxGeometry x="420" y="880" width="282.25" height="160" as="geometry">
<mxRectangle x="1180" y="730" width="180" height="40" as="alternateBounds" />
</mxGeometry>
</mxCell>
<mxCell id="L0__EUAIFv-v6VTxFZ8R-52" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="L0__EUAIFv-v6VTxFZ8R-51">
<mxGeometry y="30" width="282.25" height="130" as="geometry" />
</mxCell>
<mxCell id="L0__EUAIFv-v6VTxFZ8R-53" value="" style="group;align=left;" vertex="1" connectable="0" parent="L0__EUAIFv-v6VTxFZ8R-51">
<mxGeometry x="52.25" y="50" width="180" height="90" as="geometry" />
</mxCell>
<mxCell id="L0__EUAIFv-v6VTxFZ8R-54" style="vsdxID=12;fillColor=#0050ef;shape=stencil(nZBLDoAgDERP0z3SIyjew0SURgSD+Lu9kMZoXLhwN9O+tukAlrNpJg1SzDH4QW/URgNYgZTkjA4UkwJUgGXng+6DX1zLfmoymdXo17xh5zmRJ6Q42BWCfc2oJfdAr+Yv+AP9Cb7OJ3H/2JG1HNGz/84klThPVCc=);strokeColor=#001DBC;strokeWidth=3;labelBackgroundColor=none;rounded=0;html=1;whiteSpace=wrap;fontColor=#ffffff;" vertex="1" parent="L0__EUAIFv-v6VTxFZ8R-53">
<mxGeometry width="180" height="90" as="geometry" />
</mxCell>
<mxCell id="L0__EUAIFv-v6VTxFZ8R-55" value="&lt;font data-darkreader-inline-color=&quot;&quot; style=&quot;font-size: 28px; font-family: &amp;quot;calibri&amp;quot;; color: rgb(255, 255, 255); direction: ltr; letter-spacing: 0px; line-height: 120%; opacity: 1; --darkreader-inline-color: #e8e6e3;&quot;&gt;Mumble Server&lt;/font&gt;" style="verticalAlign=middle;align=center;vsdxID=25;fillColor=none;shape=stencil(nZBLDoAgDERP0z3SIyjew0SURgSD+Lu9kMZoXLhwN9O+tukAlrNpJg1SzDH4QW/URgNYgZTkjA4UkwJUgGXng+6DX1zLfmoymdXo17xh5zmRJ6Q42BWCfc2oJfdAr+Yv+AP9Cb7OJ3H/2JG1HNGz/84klThPVCc=);strokeColor=none;labelBackgroundColor=none;rounded=0;html=1;whiteSpace=wrap;" vertex="1" parent="L0__EUAIFv-v6VTxFZ8R-53">
<mxGeometry x="8.826923076923094" y="27.64285714285714" width="162.34615384615387" height="47.57142857142858" as="geometry" />
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>