bhunger/oop-heimdall
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Create big architecture diagram

Browse Source
This commit is contained in:
bhunger
2024-01-05 15:46:36 +01:00
parent 7f0082f8d2
commit 38e27363a9
19 changed files with 711 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
public/backgrounds/normal-fewer-hexagons.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

16
public/backgrounds/normal.svg
View File

@@ -9,7 +9,7 @@
id="svg1"
xml:space="preserve"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
sodipodi:docname="bg1.svg"
sodipodi:docname="normal.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
@@ -25,13 +25,13 @@
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="px"
inkscape:zoom="0.30903185"
inkscape:cx="815.44992"
inkscape:cx="817.06788"
inkscape:cy="482.15095"
inkscape:window-width="1916"
inkscape:window-height="1150"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:window-maximized="0"
inkscape:current-layer="layer1" /><defs
id="defs1"><style
id="style1">.cls-1{fill:none;stroke:#b0edff;stroke-miterlimit:10;stroke-width:11px;}</style></defs><g
@@ -45,17 +45,17 @@
inkscape:label="polygon1"
style="stroke:#b0edff;stroke-width:9.31656;stroke-dasharray:none;stroke-opacity:0.734349" /><polygon
class="cls-1"
points="47.67,47.33 23.9,54.16 6.1,36.99 12.07,13 35.83,6.16 53.63,23.33 "
points="6.1,36.99 12.07,13 35.83,6.16 53.63,23.33 47.67,47.33 23.9,54.16 "
id="polygon2"
transform="matrix(2.1277657,0,0,2.1277657,1523.6816,736.70232)"
transform="matrix(1.9438107,0.86544027,-0.86544027,1.9438107,1555.2764,716.40447)"
inkscape:label="polygon1"
style="stroke:#b0edff;stroke-width:11;stroke-dasharray:none;stroke-opacity:0.809982" /><polygon
class="cls-1"
points="53.63,23.33 47.67,47.33 23.9,54.16 6.1,36.99 12.07,13 35.83,6.16 "
points="47.67,47.33 23.9,54.16 6.1,36.99 12.07,13 35.83,6.16 53.63,23.33 "
id="polygon3"
transform="matrix(1.5433296,0,0,1.5433296,1322.3195,860.60877)"
transform="matrix(1.5096041,0.32087627,-0.32087627,1.5096041,1333.0041,852.04315)"
inkscape:label="polygon1"
style="stroke-width:11;stroke-dasharray:none;stroke:#b0edff;stroke-opacity:0.91187471" /><polygon
style="stroke:#b0edff;stroke-width:11;stroke-dasharray:none;stroke-opacity:0.911875" /><polygon
class="cls-1"
points="6.1,36.99 12.07,13 35.83,6.16 53.63,23.33 47.67,47.33 23.9,54.16 "
id="polygon4"
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

38
public/diagrams/arch1.svg Normal file
View File

@@ -0,0 +1,38 @@
<?xml version='1.0' encoding='UTF-8'?>
<!-- This file was generated by dvisvgm 3.1.2 -->
<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='227.968576pt' height='190.30441pt' viewBox='-72.000111 -72.003505 227.968576 190.30441'>
<style type='text/css'>
<![CDATA[@font-face{font-family:nf0;src:url(data:application/x-font-woff;base64,d09GRgABAAAAAAjEAAoAAAAACtgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAEwAAABghld1umNtYXAAAAFAAAAAZwAAAIwDsAKmZ2x5ZgAAAagAAAVnAAAHCFDVBltoZWFkAAAHEAAAAC4AAAA2JhGIMWhoZWEAAAdAAAAAHgAAACQHPwK3aG10eAAAB2AAAABYAAAAWDCZBS9sb2NhAAAHuAAAAC4AAAAuFFISem1heHAAAAfoAAAAGAAAACAAGwA9bmFtZQAACAAAAAC1AAABEbpJm2Fwb3N0AAAIuAAAAAwAAAAgAAMAAHjaY2BmMmWcwMDKwMA0i+nsPxGGfhDN+IbxDYMxIycDELAxwAEzAxJIKS5LB0o6MTxh3vYfqIh5G8MvoDAjVNqDgeH/fwYGAAJ8EAB42mNgYGBiYGBgBmIRIMkIplkYKoC0FIMAUISLwYnBg8GXIZghnCGVIZ0hkyGfoYihhOHJ//9ANU4M7lC5RLBcNkzu//7/u/9v/7/p//r/y/4v/b/k/+L/C/8v+G8ItgEHAACW0yJBAHjalVRtbBNlHH/+z402c9Ct68t1QOe6s+1wrLDe2uvrdbNbt9WuK3spG3Rj6wZr2WCDsQGODSYIAholyBADmviSIEYTY2IkBo2JhA8m8k0XPyJq5IMJiRCN9ub/rjbqJ2LSPHfX3P1/r89DGJJaWaF+ukw0hCWPE8JreafRoFepKwFXO4OPbleDjbPjtcFWC6lvZw6LrlB8fu/Hn3QObOu4cTXW29d3iS4PD3h7yzQj4tBegEHpm0RbuJOPnG4mhABpX3lIs/QOqSbEqgGu2gFBaHAjEMs58FFlBn0l8E7BLbg4l4Vmq850JZ9rf3Vx3/MacU2me2zWk410eq3lXwIkHc4tS+nU0ofTo4mul08kuxdbKkrZG7yCkyKEHkItJYRYOK1Fy2l5XHl6KCQNiyK8EYIB6S26LF2H1sL7zFpFO9EVA4/v64ADHV7fhzWg6RJXSfc3SfdVIl3OzdPjuRrk3ZJboMekz6Uv8Dt5xkbU5kZtVtTW4AC7A1AYmsc12KpVBn0lgzbKil283ogewm+9d53tcHq87YAYHLuW7ru5kz87GVsMB6eHejIfBSONVte1jGdUjG6PBoSI4E24kxkh3dTRHyUKHmbEHEHsckIEVtDxOnlhOMauxoW/w6573XN5nel446f+d8p17/qvizf3jdOK3E8T+6kuV0O9bW25Wwp1Qolz5SF8T+2kkmxAx2x2ORubq8HtBzlypG/Pp6TVswa7U05Hg60wwtvFTFXaHR969uCe9ubQlsChrduytOzP4KBxon9nuIJ/cmMy3JkSfeGmOmga3J5YIQmbqtbrnKWipy6Qx46jb8AQUkrWoSzZI7tazksGRFwZXm2QHaMwNTjlZwS/b3Jo0t8d8yYMdfujPVB87HxPlCHS7b5XFmF8xuv+ddcM+rMJNf2ImsyYB1LmNRQ1Yd1E+E/fjGAMJhkf49nhnpjDevVPF/mKukNbtvdvaPHWdznOL5R3zjXv3hrqnMmWjx3Ic3avPICfFc5rsTGyNywy5uwqO9rGyvkKLpm4e2p4j8/vob7JgelgV2zS4dgb6wbdwlISNuVIWzdcWGQyB4el3bP5uXXI+R5yVnbgqvz2UPiawWJQaiOwKgYNsbgcAFWRqWBgvHFkWlrYndgcNduazoRTJdBCex8LH+4wdMy3n5ypLkk9w9nMO0Aa6VF3jCjcaxSMtcRW4C7wWr1M3S4oEC4V948MxSfUMellPDOjnsx6i9gf7QXfnh37ZEV1hrhHlnT0Ql8890tmDuprn4hvTTQnlo7SzMGRPxqEWcR8GtVdwb3BkNV4smC62CenUa+qtp0LBCIGq8lkNVDzZa3JZDEZMbs4NuE++otv69QGuQ0h4NU67nZLIOD9OvbD761Q1nQbM9eLX92Vbin7oRfXc/gNk0fAwYzyP2IzT6HeKpzFymbmF9zb2C0NqPM36CnenKDmlPsYtz7t+6AoIEYa+1cFmsK+Tn2Amvvq67NO4TPpIoy2R2jCL70G2UhzU0h6kZoVHJmz3DddAcfI/nv0Kfr4NiGZBH8wLCQNfgSqd6XT0hUYaW+N+JQpcv4PaBnOKJVbqytEr8ftqFICcbqxEEoihrrAZGT8FC4TJwOjb+5ydLsTO4GNzbdeOrI6MR+GiwtF6bm5sdXBMe/8rgK/KM7GMw4KpHhWjh/a9HpvvMzvA8e4qQzuFYX80gvUnBxSyd+VYNet9CoxICMDj2EovWBVMiUt5+Jd701NVdlLLUxFTdAzOkqvnq2XLtbVFm0uhtZWyNafJUV/ny93lPPFSfz/54xhCk0RCjePOHWqjTYj/r5jrSxrMz7qDKIvaVlTlclUKnePZf8CoFuUYgB42mNgZGBgAOJpM55YxfPbfGVgZmEAgYf7ldoQ9H8N5hpmEJeDgQlEAQAzjgo4AAB42mNgZGBg3vafDUhOY+BmYGGuYQCKoAAxAE8dAv4AAAHGAAACcwBcArsASQLUAFwDdgBcAl4ALAOWAB8CJAAyAjcATgIPAC8COAA2AhAALQI3ADYA5QBLAfUATgDlAFUDiwBLAjIATgI9AC0BWABOAUkACwIkADIAAAAAADIAZgB+AKAA2AD+ATwBaAGWAcIB9AIuAkYCYAJsAqACwgLwAwwDLgOEAAB42mNgZGBgEGOwYWBhAAFGBjQAAAjaAFl42i2OPwuDMBDFn1SF2o6lhU75BME/XTt1cHcQOpVKojiYgIrg0s/eF82FO37v3j0IgAQ/BHAVIN6mqxAHqp0jnHD0HHN/8Zzgjht1EDr3jMxzyKun5whXvDzHfG/PCR74VLaxszVtWutx6q0RmUypSm30+J21Es0q1NJPSzeIQmYyRwWLhj2zDVqkqKExYkK/bQQ/IbndvZKe2fwvExqKfoOVU2FhYuLsMFAXTLlk/gcN5yTpAAAAeNpjYGbACwAAfQAE) format('woff');}
text.f0 {font-family:nf0;font-size:11.955168px}
text.f1 {font-family:nf0;font-size:9.96264px}
]]>
</style>
<g id='page1'>
<path d='M58.0077 98.6211H25.9648C24.3086 98.6211 22.9648 99.9649 22.9648 101.6211V114.9024C22.9648 116.5586 24.3086 117.9024 25.9648 117.9024H58.0077C59.6637 117.9024 61.0077 116.5586 61.0077 114.9024V101.6211C61.0077 99.9649 59.6637 98.6211 58.0077 98.6211Z' fill='#42d4fb'/>
<path d='M58.0077 98.6211H25.9648C24.3086 98.6211 22.9648 99.9649 22.9648 101.6211V114.9024C22.9648 116.5586 24.3086 117.9024 25.9648 117.9024H58.0077C59.6637 117.9024 61.0077 116.5586 61.0077 114.9024V101.6211C61.0077 99.9649 59.6637 98.6211 58.0077 98.6211Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f1' x='-71.402255' y='136.609343' transform='matrix(1 0 0 1 100.3659 -24.805)'>Ger<tspan x='-56.308852'>ät</tspan></text>
<path d='M63.9177 7.582H20.0547C18.3945 7.582 17.0547 8.922 17.0547 10.582V35.863C17.0547 37.5195 18.3945 38.8633 20.0547 38.8633H63.9177C65.5747 38.8633 66.9177 37.5195 66.9177 35.863V10.582C66.9177 8.922 65.5747 7.582 63.9177 7.582Z' fill='#fff'/>
<path d='M63.9177 7.582H20.0547C18.3945 7.582 17.0547 8.922 17.0547 10.582V35.863C17.0547 37.5195 18.3945 38.8633 20.0547 38.8633H63.9177C65.5747 38.8633 66.9177 37.5195 66.9177 35.863V10.582C66.9177 8.922 65.5747 7.582 63.9177 7.582Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f1' x='-71.402255' y='136.609343' transform='matrix(1 0 0 1 100.4556 -109.8455)'>WSM</text>
<path d='M64.9297-71.605H19.0391C17.3828-71.605 16.0391-70.262 16.0391-68.605V-55.031C16.0391-53.375 17.3828-52.031 19.0391-52.031H64.9297C66.5857-52.031 67.9297-53.375 67.9297-55.031V-68.605C67.9297-70.262 66.5857-71.605 64.9297-71.605Z' fill='#42d4fb'/>
<path d='M64.9297-71.605H19.0391C17.3828-71.605 16.0391-70.262 16.0391-68.605V-55.031C16.0391-53.375 17.3828-52.031 19.0391-52.031H64.9297C66.5857-52.031 67.9297-53.375 67.9297-55.031V-68.605C67.9297-70.262 66.5857-71.605 64.9297-71.605Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f1' x='-71.402255' y='136.609343' transform='matrix(1 0 0 1 93.4418 -194.7414)'>Back<tspan x='-50.072249'>end</tspan></text>
<path d='M-71.402346 73.9141V-27.473C-71.402346-30.785-68.71485-33.473-65.40235-33.473H149.3707C152.6877-33.473 155.3707-30.785 155.3707-27.473V73.9141C155.3707 77.2305 152.6877 79.9141 149.3707 79.9141H-65.40235C-68.71485 79.9141-71.402346 77.2305-71.402346 73.9141Z' stroke='#000' fill='none' stroke-width='1.19553' stroke-miterlimit='10'/>
<path d='M148.7737-47.992H109.5897C106.2777-47.992 103.5897-45.305 103.5897-41.992V-42.906C103.5897-39.59 106.2777-36.906 109.5897-36.906H148.7737C152.0897-36.906 154.7737-39.59 154.7737-42.906V-41.992C154.7737-45.305 152.0897-47.992 148.7737-47.992Z' fill='#fff'/>
<text class='f0' x='-71.402255' y='136.609343' transform='matrix(1 0 0 1 175.9923 -174.633)'>Heimdall</text>
<path d='M41.9847 95.5274V41.957' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M41.984335 98.02344L43.33199 94.45313L41.984335 95.625L40.64059 94.45313Z'/>
<path d='M41.984335 98.02344L43.33199 94.45313L41.984335 95.625L40.64059 94.45313Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M41.984335 39.46098L40.64059 43.03129L41.984335 41.85942L43.33199 43.03129Z'/>
<path d='M41.984335 39.46098L40.64059 43.03129L41.984335 41.85942L43.33199 43.03129Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M39.1597 7.184C35.5587-15.562 35.7967-29.031 39.6757-48.988' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M40.152306-51.437548L38.148399-48.191458L39.695278-49.085988L40.792935-47.675834Z'/>
<path d='M40.152306-51.437548L38.148399-48.191458L39.695278-49.085988L40.792935-47.675834Z' stroke='#000' fill='none' stroke-width='.398492' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M43.7777-51.633C48.1757-29.031 48.4097-15.562 45.2307 4.52' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-dasharray='2.98883 2.98883'/>
<path d='M44.843781 6.98437L46.730501 3.667968L45.214875 4.61719L44.070341 3.246092Z'/>
<path d='M44.843781 6.98437L46.730501 3.667968L45.214875 4.61719L44.070341 3.246092Z' stroke='#000' fill='none' stroke-width='.398495' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M84.7027-1.781L67.3167 14.004L84.7027 5.305V8.848H142.9217V-19.312H84.7027Z' fill='#f6d0d0'/>
<path d='M84.7027-1.781L67.3167 14.004L84.7027 5.305V8.848H142.9217V-19.312H84.7027Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<text class='f1' x='-71.402255' y='124.654175' transform='matrix(1 0 0 1 159.4273 -133.17264)'>W<tspan x='-62.625163'>eb</tspan><tspan x='-49.544224'>Sock</tspan><tspan x='-28.164404'>et</tspan><tspan x='-64.991298' y='136.609343'>Manager</tspan></text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.2 KiB

69
public/diagrams/arch2.svg Normal file
View File

@@ -0,0 +1,69 @@
<?xml version='1.0' encoding='UTF-8'?>
<!-- This file was generated by dvisvgm 3.1.2 -->
<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='284.66413pt' height='218.65201pt' viewBox='-72.000065 -72.003505 284.66413 218.65201'>
<defs>
<pattern id='pat0-f6d0d0' x='-.99628' y='-.99628' width='2.98883' height='2.98883' viewBox='-.99628 -.99628 2.98883 2.98883' patternUnits='userSpaceOnUse' patternTransform='matrix(1 0 0 -1 -99.7487 164.956)' overflow='visible'>
<clipPath id='pc0'>
<rect x='-.99628' y='-.99628' width='4.98138' height='4.98138'/>
</clipPath>
<g clip-path='url(#pc0)'>
<path d='M3.08984 0L0 3.08984M0 0L3.08984 3.08984' stroke='#f6d0d0' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
</g>
</pattern>
</defs>
<style type='text/css'>
<![CDATA[@font-face{font-family:nf0;src:url(data:application/x-font-woff;base64,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) format('woff');}
text.f0 {font-family:nf0;font-size:6.973848px}
text.f1 {font-family:nf0;font-size:11.955168px}
text.f2 {font-family:nf0;font-size:8.966376px}
text.f3 {font-family:nf0;font-size:9.96264px}
]]>
</style>
<g id='page1'>
<path d='M5.2853 126.9688H-34.6992C-36.3555 126.9688-37.6992 128.3125-37.6992 129.9688V143.25C-37.6992 144.9063-36.3555 146.25-34.6992 146.25H5.2853C6.9413 146.25 8.2853 144.9063 8.2853 143.25V129.9688C8.2853 128.3125 6.9413 126.9688 5.2853 126.9688Z' fill='#42d4fb'/>
<path d='M5.2853 126.9688H-34.6992C-36.3555 126.9688-37.6992 128.3125-37.6992 129.9688V143.25C-37.6992 144.9063-36.3555 146.25-34.6992 146.25H5.2853C6.9413 146.25 8.2853 144.9063 8.2853 143.25V129.9688C8.2853 128.3125 6.9413 126.9688 5.2853 126.9688Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f3' x='-99.748699' y='164.955787' transform='matrix(1 0 0 1 68.0489 -24.805)'>Ger<tspan x='-84.655297'>ät</tspan><tspan x='-73.706362'>1</tspan></text>
<path d='M90.3243 126.9688H50.3403C48.6833 126.9688 47.3403 128.3125 47.3403 129.9688V143.25C47.3403 144.9063 48.6833 146.25 50.3403 146.25H90.3243C91.9803 146.25 93.3243 144.9063 93.3243 143.25V129.9688C93.3243 128.3125 91.9803 126.9688 90.3243 126.9688Z' fill='#42d4fb'/>
<path d='M90.3243 126.9688H50.3403C48.6833 126.9688 47.3403 128.3125 47.3403 129.9688V143.25C47.3403 144.9063 48.6833 146.25 50.3403 146.25H90.3243C91.9803 146.25 93.3243 144.9063 93.3243 143.25V129.9688C93.3243 128.3125 91.9803 126.9688 90.3243 126.9688Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f3' x='-99.748699' y='164.955787' transform='matrix(1 0 0 1 153.0894 -24.805)'>Ger<tspan x='-84.655297'>ät</tspan><tspan x='-73.706362'>2</tspan></text>
<path d='M-43.0547 51.57V-5.125H183.7183V51.57Z' fill='#e6e6e6'/>
<path d='M6.0113 1.609H-35.4297C-37.0859 1.609-38.4297 2.949-38.4297 4.609V41.836C-38.4297 43.492-37.0859 44.836-35.4297 44.836H6.0113C7.6683 44.836 9.0113 43.492 9.0113 41.836V4.609C9.0113 2.949 7.6683 1.609 6.0113 1.609Z' fill='#fff'/>
<path d='M6.0113 1.609H-35.4297C-37.0859 1.609-38.4297 2.949-38.4297 4.609V41.836C-38.4297 43.492-37.0859 44.836-35.4297 44.836H6.0113C7.6683 44.836 9.0113 43.492 9.0113 41.836V4.609C9.0113 2.949 7.6683 1.609 6.0113 1.609Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f3' x='-99.748699' y='153.000619' transform='matrix(1 0 0 1 73.3192 -132.2096)'>WSM</text>
<text class='f2' x='-99.329753' y='164.955787' transform='matrix(1 0 0 1 73.3192 -132.2096)'>P<tspan x='-93.869231'>od</tspan><tspan x='-81.692896'>1</tspan></text>
<path d='M91.0543 1.609H49.6093C47.9533 1.609 46.6093 2.949 46.6093 4.609V41.836C46.6093 43.492 47.9533 44.836 49.6093 44.836H91.0543C92.7113 44.836 94.0543 43.492 94.0543 41.836V4.609C94.0543 2.949 92.7113 1.609 91.0543 1.609Z' fill='#fff'/>
<path d='M91.0543 1.609H49.6093C47.9533 1.609 46.6093 2.949 46.6093 4.609V41.836C46.6093 43.492 47.9533 44.836 49.6093 44.836H91.0543C92.7113 44.836 94.0543 43.492 94.0543 41.836V4.609C94.0543 2.949 92.7113 1.609 91.0543 1.609Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f3' x='-99.748699' y='153.000619' transform='matrix(1 0 0 1 158.3596 -132.2096)'>WSM</text>
<text class='f2' x='-99.329753' y='164.955787' transform='matrix(1 0 0 1 158.3596 -132.2096)'>P<tspan x='-93.869231'>od</tspan><tspan x='-81.692896'>2</tspan></text>
<path d='M176.0933 1.609H134.6523C132.9963 1.609 131.6523 2.949 131.6523 4.609V41.836C131.6523 43.492 132.9963 44.836 134.6523 44.836H176.0933C177.7503 44.836 179.0933 43.492 179.0933 41.836V4.609C179.0933 2.949 177.7503 1.609 176.0933 1.609Z' fill='#fff'/>
<path d='M176.0933 1.609H134.6523C132.9963 1.609 131.6523 2.949 131.6523 4.609V41.836C131.6523 43.492 132.9963 44.836 134.6523 44.836H176.0933C177.7503 44.836 179.0933 43.492 179.0933 41.836V4.609C179.0933 2.949 177.7503 1.609 176.0933 1.609Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f3' x='-99.748699' y='153.000619' transform='matrix(1 0 0 1 243.3997 -132.2096)'>WSM</text>
<text class='f2' x='-99.719801' y='164.955787' transform='matrix(1 0 0 1 243.3997 -132.2096)'>P<tspan x='-94.259279'>od</tspan><tspan x='-82.082943'>…</tspan></text>
<path d='M93.2773-71.605H47.3863C45.7303-71.605 44.3863-70.262 44.3863-68.605V-55.031C44.3863-53.375 45.7303-52.031 47.3863-52.031H93.2773C94.9333-52.031 96.2773-53.375 96.2773-55.031V-68.605C96.2773-70.262 94.9333-71.605 93.2773-71.605Z' fill='#42d4fb'/>
<path d='M93.2773-71.605H47.3863C45.7303-71.605 44.3863-70.262 44.3863-68.605V-55.031C44.3863-53.375 45.7303-52.031 47.3863-52.031H93.2773C94.9333-52.031 96.2773-53.375 96.2773-55.031V-68.605C96.2773-70.262 94.9333-71.605 93.2773-71.605Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f3' x='-99.748699' y='164.955787' transform='matrix(1 0 0 1 150.1354 -223.0883)'>Back<tspan x='-78.418693'>end</tspan></text>
<path d='M-71.4023 102.2617V-27.473C-71.4023-30.785-68.7148-33.473-65.4023-33.473H206.0663C209.3793-33.473 212.0663-30.785 212.0663-27.473V102.2617C212.0663 105.5742 209.3793 108.2617 206.0663 108.2617H-65.4023C-68.7148 108.2617-71.4023 105.5742-71.4023 102.2617Z' stroke='#000' fill='none' stroke-width='1.19553' stroke-miterlimit='10'/>
<path d='M205.4683-47.992H166.2853C162.9683-47.992 160.2853-45.305 160.2853-41.992V-42.902C160.2853-39.59 162.9683-36.902 166.2853-36.902H205.4683C208.7813-36.902 211.4683-39.59 211.4683-42.902V-41.992C211.4683-45.305 208.7813-47.992 205.4683-47.992Z' fill='#fff'/>
<text class='f1' x='-99.748699' y='164.955787' transform='matrix(1 0 0 1 261.0327 -202.9798)'>Heimdall</text>
<path d='M-43.0547 90.1055V69.7266C-43.0547 67.5274-41.2695 65.7422-39.0703 65.7422H179.7343C181.9333 65.7422 183.7183 67.5274 183.7183 69.7266V90.1055C183.7183 92.3047 181.9333 94.0899 179.7343 94.0899H-39.0703C-41.2695 94.0899-43.0547 92.3047-43.0547 90.1055Z' fill='url(#pat0-f6d0d0)'/>
<path d='M-43.0547 90.1055V69.7266C-43.0547 67.5274-41.2695 65.7422-39.0703 65.7422H179.7343C181.9333 65.7422 183.7183 67.5274 183.7183 69.7266V90.1055C183.7183 92.3047 181.9333 94.0899 179.7343 94.0899H-39.0703C-41.2695 94.0899-43.0547 92.3047-43.0547 90.1055Z' stroke='#d21515' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M179.5353 58.242H140.2853C138.0863 58.242 136.3003 60.027 136.3003 62.227V61.559C136.3003 63.758 138.0863 65.543 140.2853 65.543H179.5353C181.7343 65.543 183.5193 63.758 183.5193 61.559V62.227C183.5193 60.027 181.7343 58.242 179.5353 58.242Z' fill='#fff'/>
<text class='f0' x='-99.748699' y='164.955787' transform='matrix(1 0 0 1 237.0497 -100.4828)'><tspan fill='#d21515'>Load</tspan><tspan fill='#d21515' x='-82.878957'>Balancer</tspan></text>
<path d='M-14.707 123.875V47.93' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M-14.707049 126.3707L-13.3633 122.796479L-14.707049 123.97226L-16.05471 122.796479Z'/>
<path d='M-14.707049 126.3707L-13.3633 122.796479L-14.707049 123.97226L-16.05471 122.796479Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M-14.707049 45.43356L-16.05471 49.003876L-14.707049 47.832L-13.3633 49.003876Z'/>
<path d='M-14.707049 45.43356L-16.05471 49.003876L-14.707049 47.832L-13.3633 49.003876Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M70.3323 123.875V47.93' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M70.332078 126.3707L71.67973 122.796479L70.332078 123.97226L68.98833 122.796479Z'/>
<path d='M70.332078 126.3707L71.67973 122.796479L70.332078 123.97226L68.98833 122.796479Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M70.332078 45.43356L68.98833 49.003876L70.332078 47.832L71.67973 49.003876Z'/>
<path d='M70.332078 45.43356L68.98833 49.003876L70.332078 47.832L71.67973 49.003876Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M.6873 1.211C18.3203-22.879 30.9883-35.027 53.5543-50.133' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M55.628858-51.523408L51.914019-50.656222L53.636672-50.19138L53.410108-48.417944Z'/>
<path d='M55.628858-51.523408L51.914019-50.656222L53.636672-50.19138L53.410108-48.417944Z' stroke='#000' fill='none' stroke-width='.39848' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M63.2113-51.633C46.4373-25.668 34.0503-12.312 11.5583 4.723' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-dasharray='2.98883 2.98883'/>
<path d='M9.570326 6.230467L13.230479 5.148435L11.48048 4.785156L11.605482 3.003907Z'/>
<path d='M9.570326 6.230467L13.230479 5.148435L11.48048 4.785156L11.605482 3.003907Z' stroke='#000' fill='none' stroke-width='.39849' stroke-miterlimit='10' stroke-linejoin='bevel'/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

100
public/diagrams/arch3.svg Normal file
View File

@@ -0,0 +1,100 @@
<?xml version='1.0' encoding='UTF-8'?>
<!-- This file was generated by dvisvgm 3.1.2 -->
<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='284.66413pt' height='289.51921pt' viewBox='-72.000065 -72.003505 284.66413 289.51921'>
<defs>
<clipPath id='clip1'>
<path d='M158.0083 78.414H181.0823V53.07H158.0083Z'/>
</clipPath>
</defs>
<style type='text/css'>
<![CDATA[@font-face{font-family:nf0;src:url(data:application/x-font-woff;base64,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) format('woff');}
text.f0 {font-family:nf0;font-size:11.955168px}
text.f1 {font-family:nf0;font-size:6.973848px}
text.f2 {font-family:nf0;font-size:8.966376px}
text.f3 {font-family:nf0;font-size:9.96264px}
]]>
</style>
<g id='page1'>
<path d='M5.2853 197.832H-34.6992C-36.3555 197.832-37.6992 199.1758-37.6992 200.832V214.1172C-37.6992 215.7734-36.3555 217.1172-34.6992 217.1172H5.2853C6.9413 217.1172 8.2853 215.7734 8.2853 214.1172V200.832C8.2853 199.1758 6.9413 197.832 5.2853 197.832Z' fill='#42d4fb'/>
<path d='M5.2853 197.832H-34.6992C-36.3555 197.832-37.6992 199.1758-37.6992 200.832V214.1172C-37.6992 215.7734-36.3555 217.1172-34.6992 217.1172H5.2853C6.9413 217.1172 8.2853 215.7734 8.2853 214.1172V200.832C8.2853 199.1758 6.9413 197.832 5.2853 197.832Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f3' x='-99.748699' y='235.82189' transform='matrix(1 0 0 1 68.0489 -24.805)'>Ger<tspan x='-84.655297'>ät</tspan><tspan x='-73.706362'>1</tspan></text>
<path d='M90.3243 197.832H50.3403C48.6833 197.832 47.3403 199.1758 47.3403 200.832V214.1172C47.3403 215.7734 48.6833 217.1172 50.3403 217.1172H90.3243C91.9803 217.1172 93.3243 215.7734 93.3243 214.1172V200.832C93.3243 199.1758 91.9803 197.832 90.3243 197.832Z' fill='#42d4fb'/>
<path d='M90.3243 197.832H50.3403C48.6833 197.832 47.3403 199.1758 47.3403 200.832V214.1172C47.3403 215.7734 48.6833 217.1172 50.3403 217.1172H90.3243C91.9803 217.1172 93.3243 215.7734 93.3243 214.1172V200.832C93.3243 199.1758 91.9803 197.832 90.3243 197.832Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f3' x='-99.748699' y='235.82189' transform='matrix(1 0 0 1 153.0894 -24.805)'>Ger<tspan x='-84.655297'>ät</tspan><tspan x='-73.706362'>2</tspan></text>
<path d='M-43.0547 150.7812V94.09H183.7183V150.7812Z' fill='#e6e6e6'/>
<path d='M6.0113 100.82H-35.4297C-37.0859 100.82-38.4297 102.164-38.4297 103.82V141.0508C-38.4297 142.707-37.0859 144.0508-35.4297 144.0508H6.0113C7.6683 144.0508 9.0113 142.707 9.0113 141.0508V103.82C9.0113 102.164 7.6683 100.82 6.0113 100.82Z' fill='#fff'/>
<path d='M6.0113 100.82H-35.4297C-37.0859 100.82-38.4297 102.164-38.4297 103.82V141.0508C-38.4297 142.707-37.0859 144.0508-35.4297 144.0508H6.0113C7.6683 144.0508 9.0113 142.707 9.0113 141.0508V103.82C9.0113 102.164 7.6683 100.82 6.0113 100.82Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f3' x='-99.748699' y='223.866722' transform='matrix(1 0 0 1 73.3192 -103.863)'>WSM</text>
<text class='f2' x='-99.329753' y='235.82189' transform='matrix(1 0 0 1 73.3192 -103.863)'>P<tspan x='-93.869231'>od</tspan><tspan x='-81.692896'>1</tspan></text>
<path d='M91.0543 100.82H49.6093C47.9533 100.82 46.6093 102.164 46.6093 103.82V141.0508C46.6093 142.707 47.9533 144.0508 49.6093 144.0508H91.0543C92.7113 144.0508 94.0543 142.707 94.0543 141.0508V103.82C94.0543 102.164 92.7113 100.82 91.0543 100.82Z' fill='#fff'/>
<path d='M91.0543 100.82H49.6093C47.9533 100.82 46.6093 102.164 46.6093 103.82V141.0508C46.6093 142.707 47.9533 144.0508 49.6093 144.0508H91.0543C92.7113 144.0508 94.0543 142.707 94.0543 141.0508V103.82C94.0543 102.164 92.7113 100.82 91.0543 100.82Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f3' x='-99.748699' y='223.866722' transform='matrix(1 0 0 1 158.3596 -103.863)'>WSM</text>
<text class='f2' x='-99.329753' y='235.82189' transform='matrix(1 0 0 1 158.3596 -103.863)'>P<tspan x='-93.869231'>od</tspan><tspan x='-81.692896'>2</tspan></text>
<path d='M176.0933 100.82H134.6523C132.9963 100.82 131.6523 102.164 131.6523 103.82V141.0508C131.6523 142.707 132.9963 144.0508 134.6523 144.0508H176.0933C177.7503 144.0508 179.0933 142.707 179.0933 141.0508V103.82C179.0933 102.164 177.7503 100.82 176.0933 100.82Z' fill='#fff'/>
<path d='M176.0933 100.82H134.6523C132.9963 100.82 131.6523 102.164 131.6523 103.82V141.0508C131.6523 142.707 132.9963 144.0508 134.6523 144.0508H176.0933C177.7503 144.0508 179.0933 142.707 179.0933 141.0508V103.82C179.0933 102.164 177.7503 100.82 176.0933 100.82Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f3' x='-99.748699' y='223.866722' transform='matrix(1 0 0 1 243.3997 -103.863)'>WSM</text>
<text class='f2' x='-99.719801' y='235.82189' transform='matrix(1 0 0 1 243.3997 -103.863)'>P<tspan x='-94.259279'>od</tspan><tspan x='-82.082943'>…</tspan></text>
<path d='M12.2383 108.508C12.2383 106.945 10.9723 105.68 9.4103 105.68C7.8473 105.68 6.5823 106.945 6.5823 108.508C6.5823 110.07 7.8473 111.336 9.4103 111.336C10.9723 111.336 12.2383 110.07 12.2383 108.508Z'/>
<path d='M11.7303 118.129H33.1053V110.828H11.7303Z' fill='#fff'/>
<text class='f1' x='-99.748699' y='235.82189' transform='matrix(1 0 0 1 112.4807 -118.762)'>addr1</text>
<path d='M97.2813 108.508C97.2813 106.945 96.0153 105.68 94.4533 105.68C92.8903 105.68 91.6253 106.945 91.6253 108.508C91.6253 110.07 92.8903 111.336 94.4533 111.336C96.0153 111.336 97.2813 110.07 97.2813 108.508Z'/>
<path d='M96.7733 118.129H118.1443V110.828H96.7733Z' fill='#fff'/>
<text class='f1' x='-99.748699' y='235.82189' transform='matrix(1 0 0 1 197.5211 -118.762)'>addr2</text>
<path d='M121.1643 21.754H76.1953C74.5393 21.754 73.1953 23.098 73.1953 24.754V50.035C73.1953 51.691 74.5393 53.035 76.1953 53.035H121.1643C122.8203 53.035 124.1643 51.691 124.1643 50.035V24.754C124.1643 23.098 122.8203 21.754 121.1643 21.754Z' fill='#fff'/>
<path d='M121.1643 21.754H76.1953C74.5393 21.754 73.1953 23.098 73.1953 24.754V50.035C73.1953 51.691 74.5393 53.035 76.1953 53.035H121.1643C122.8203 53.035 124.1643 51.691 124.1643 50.035V24.754C124.1643 23.098 122.8203 21.754 121.1643 21.754Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f3' x='-99.748699' y='235.82189' transform='matrix(1 0 0 1 184.9431 -194.8859)'>FORS</text>
<path d='M141.3983 12.391L124.5623 27.973L141.3983 19.477V23.023H197.3863V-3.145H141.3983Z' fill='#f6d0d0'/>
<path d='M141.3983 12.391L124.5623 27.973L141.3983 19.477V23.023H197.3863V-3.145H141.3983Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<text class='f3' x='-99.748699' y='223.866722' transform='matrix(1 0 0 1 244.4677 -216.2205)'>F<tspan x='-94.249328'>or</tspan><tspan x='-85.2431'>war</tspan><tspan x='-69.153432'>ding</tspan><tspan x='-90.956657' y='235.82189'>Ser</tspan><tspan x='-76.480945'>vice</tspan></text>
<path d='M180.8833 57.238C180.8833 55.047 175.8083 53.27 169.5473 53.27C163.2853 53.27 158.2073 55.047 158.2073 57.238C158.2073 59.43 163.2853 61.207 169.5473 61.207C175.8083 61.207 180.8833 59.43 180.8833 57.238Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' clip-path='url(#clip1)'/>
<path d='M158.2073 62.906C158.2073 65.098 163.2853 66.875 169.5473 66.875C175.8083 66.875 180.8833 65.098 180.8833 62.906' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' clip-path='url(#clip1)'/>
<path d='M158.2073 68.574C158.2073 70.77 163.2853 72.543 169.5473 72.543C175.8083 72.543 180.8833 70.77 180.8833 68.574' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' clip-path='url(#clip1)'/>
<path d='M158.2073 57.238V74.246C158.2073 76.437 163.2853 78.215 169.5473 78.215C175.8083 78.215 180.8833 76.437 180.8833 74.246V57.238' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' clip-path='url(#clip1)'/>
<path d='M152.4573 49.672H186.6363V28.992H152.4573Z' fill='#fff'/>
<text class='f2' x='-99.748699' y='223.866722' transform='matrix(1 0 0 1 253.2047 -187.1511)'>Addr<tspan x='-81.268992'>ess</tspan><tspan x='-89.334247' y='235.82189'>DB</tspan></text>
<path d='M93.2773-71.605H47.3863C45.7303-71.605 44.3863-70.262 44.3863-68.605V-55.035C44.3863-53.375 45.7303-52.035 47.3863-52.035H93.2773C94.9333-52.035 96.2773-53.375 96.2773-55.035V-68.605C96.2773-70.262 94.9333-71.605 93.2773-71.605Z' fill='#42d4fb'/>
<path d='M93.2773-71.605H47.3863C45.7303-71.605 44.3863-70.262 44.3863-68.605V-55.035C44.3863-53.375 45.7303-52.035 47.3863-52.035H93.2773C94.9333-52.035 96.2773-53.375 96.2773-55.035V-68.605C96.2773-70.262 94.9333-71.605 93.2773-71.605Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f3' x='-99.748699' y='235.82189' transform='matrix(1 0 0 1 150.1354 -293.9553)'>Back<tspan x='-78.418693'>end</tspan></text>
<path d='M-71.4023 173.1289V-13.301C-71.4023-16.613-68.7148-19.301-65.4023-19.301H206.0663C209.3793-19.301 212.0663-16.613 212.0663-13.301V173.1289C212.0663 176.4414 209.3793 179.1289 206.0663 179.1289H-65.4023C-68.7148 179.1289-71.4023 176.4414-71.4023 173.1289Z' stroke='#000' fill='none' stroke-width='1.19553' stroke-miterlimit='10'/>
<path d='M205.4683-33.816H166.2853C162.9683-33.816 160.2853-31.133 160.2853-27.816V-28.73C160.2853-25.418 162.9683-22.73 166.2853-22.73H205.4683C208.7813-22.73 211.4683-25.418 211.4683-28.73V-27.816C211.4683-31.133 208.7813-33.816 205.4683-33.816Z' fill='#fff'/>
<text class='f0' x='-99.748699' y='235.82189' transform='matrix(1 0 0 1 261.0327 -259.6734)'>Heimdall</text>
<path d='M-14.707 194.7383V147.1445' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M-14.707049 197.23397L-13.3633 193.663654L-14.707049 194.83944L-16.05471 193.663654Z'/>
<path d='M-14.707049 197.23397L-13.3633 193.663654L-14.707049 194.83944L-16.05471 193.663654Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M-14.707049 144.64817L-16.05471 148.218483L-14.707049 147.0427L-13.3633 148.218483Z'/>
<path d='M-14.707049 144.64817L-16.05471 148.218483L-14.707049 147.0427L-13.3633 148.218483Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M70.3323 194.7383V147.1445' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M70.332078 197.23397L71.67973 193.663654L70.332078 194.83944L68.98833 193.663654Z'/>
<path d='M70.332078 197.23397L71.67973 193.663654L70.332078 194.83944L68.98833 193.663654Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M70.332078 144.64817L68.98833 148.218483L70.332078 147.0427L71.67973 148.218483Z'/>
<path d='M70.332078 144.64817L68.98833 148.218483L70.332078 147.0427L71.67973 148.218483Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M-14.707 100.422L63.7503-49.246' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M64.906297-51.457068L62.058646-48.921912L63.793014-49.335975L64.441454-47.671911Z'/>
<path d='M64.906297-51.457068L62.058646-48.921912L63.793014-49.335975L64.441454-47.671911Z' stroke='#000' fill='none' stroke-width='.398477' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M73.2423-51.637L93.3553 18.762' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-dasharray='2.98883 2.98883'/>
<path d='M94.042962 21.164007L94.355455 17.359323L93.38281 18.859322L91.765623 18.097603Z'/>
<path d='M94.042962 21.164007L94.355455 17.359323L93.38281 18.859322L91.765623 18.097603Z' stroke='#000' fill='none' stroke-width='.398484' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M124.5623 37.395C138.5823 41.957 146.1953 46.012 155.6833 53.434' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M157.65226 54.968746L155.667884 51.710935L155.76554 53.492192L154.011628 53.832035Z'/>
<path d='M157.65226 54.968746L155.667884 51.710935L155.76554 53.492192L154.011628 53.832035Z' stroke='#000' fill='none' stroke-width='.398486' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<text class='f1' x='-99.748699' y='235.82189' transform='matrix(.8827 .4699 -.4699 .8827 340.896935 -120.754165)'>1</text>
<path d='M157.8083 63.07C143.8863 59.062 136.2733 55.34 126.7423 48.402' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-dasharray='2.98883 2.98883'/>
<path d='M124.722232 46.933586L126.815988 50.12108L126.659737 48.343735L128.401915 47.945307Z'/>
<path d='M124.722232 46.933586L126.815988 50.12108L126.659737 48.343735L128.401915 47.945307Z' stroke='#000' fill='none' stroke-width='.398493' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<text class='f1' x='-99.748699' y='235.82189' transform='matrix(.89833 .43924 -.43924 .89833 321.762705 -107.416458)'>addr1</text>
<path d='M78.5473 53.434L13.8863 104.941' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-dasharray='2.98883 2.98883'/>
<path d='M11.933594 106.49595L15.566409 105.324079L13.808589 105.003764L13.89062 103.218603Z'/>
<path d='M11.933594 106.49595L15.566409 105.324079L13.808589 105.003764L13.89062 103.218603Z' stroke='#000' fill='none' stroke-width='.398476' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M9.4103 131.215C66.1053 131.215-12.2734 70.012 155.1133 70.012' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M157.60934 70.011757L154.039028 68.66801L155.2109 70.011757L154.039028 71.35941Z'/>
<path d='M157.60934 70.011757L154.039028 68.66801L155.2109 70.011757L154.039028 71.35941Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<text class='f1' x='-99.748699' y='235.82189' transform='matrix(.9889 -.14813 .14813 .9889 147.438677 -175.928251)'>1:<tspan x='-92.168121'>addr1</tspan></text>
<path d='M78.3433 100.422L155.2343 76.395' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M157.616967 75.6484L153.808389 75.429645L155.331816 76.363242L154.61307 77.99996Z'/>
<path d='M157.616967 75.6484L153.808389 75.429645L155.331816 76.363242L154.61307 77.99996Z' stroke='#000' fill='none' stroke-width='.398472' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<text class='f1' x='-99.748699' y='235.82189' transform='matrix(.95442 -.29823 .29823 .95442 129.824959 -166.474288)'>2:<tspan x='-92.168121'>addr2</tspan></text>
<path d='M160.8713 100.422L165.6753 81.227' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M166.281314 78.80466L164.109426 81.941384L165.699277 81.128881L166.718806 82.597633Z'/>
<path d='M166.281314 78.80466L164.109426 81.941384L165.699277 81.128881L166.718806 82.597633Z' stroke='#000' fill='none' stroke-width='.398492' stroke-miterlimit='10' stroke-linejoin='bevel'/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

147
public/diagrams/arch6.svg Normal file
View File

@@ -0,0 +1,147 @@
<?xml version='1.0' encoding='UTF-8'?>
<!-- This file was generated by dvisvgm 3.1.2 -->
<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='313.011576pt' height='289.5192pt' viewBox='-72.000111 -72.003505 313.011576 289.5192'>
<defs>
<clipPath id='clip1'>
<path d='M-54.5938 142.1953H-31.5195V116.852H-54.5938Z'/>
</clipPath>
<clipPath id='clip2'>
<path d='M-54.5938 99.672H-31.5195V74.328H-54.5938Z'/>
</clipPath>
<clipPath id='clip3'>
<path d='M-40.418 42.98H-17.3438V17.637H-40.418Z'/>
</clipPath>
<clipPath id='clip4'>
<path d='M186.3557 64.238H209.4297V38.895H186.3557Z'/>
</clipPath>
</defs>
<style type='text/css'>
<![CDATA[@font-face{font-family:nf0;src:url(data:application/x-font-woff;base64,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) format('woff');}
text.f0 {font-family:nf0;font-size:6.973848px}
text.f1 {font-family:nf0;font-size:8.966376px}
text.f2 {font-family:nf0;font-size:11.955168px}
text.f3 {font-family:nf0;font-size:9.96264px}
]]>
</style>
<g id='page1'>
<path d='M33.6287 197.8359H-6.3516C-8.0117 197.8359-9.3516 199.1758-9.3516 200.8359V214.11719C-9.3516 215.77344-8.0117 217.11719-6.3516 217.11719H33.6287C35.2847 217.11719 36.6287 215.77344 36.6287 214.11719V200.8359C36.6287 199.1758 35.2847 197.8359 33.6287 197.8359Z' fill='#42d4fb'/>
<path d='M33.6287 197.8359H-6.3516C-8.0117 197.8359-9.3516 199.1758-9.3516 200.8359V214.11719C-9.3516 215.77344-8.0117 217.11719-6.3516 217.11719H33.6287C35.2847 217.11719 36.6287 215.77344 36.6287 214.11719V200.8359C36.6287 199.1758 35.2847 197.8359 33.6287 197.8359Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f3' x='-71.402255' y='221.648676' transform='matrix(1 0 0 1 68.04893 -10.632)'>Ger<tspan x='-56.308852'>ät</tspan><tspan x='-45.359918'>1</tspan></text>
<path d='M118.6717 197.8359H78.6877C77.0317 197.8359 75.6877 199.1758 75.6877 200.8359V214.11719C75.6877 215.77344 77.0317 217.11719 78.6877 217.11719H118.6717C120.3277 217.11719 121.6717 215.77344 121.6717 214.11719V200.8359C121.6717 199.1758 120.3277 197.8359 118.6717 197.8359Z' fill='#42d4fb'/>
<path d='M118.6717 197.8359H78.6877C77.0317 197.8359 75.6877 199.1758 75.6877 200.8359V214.11719C75.6877 215.77344 77.0317 217.11719 78.6877 217.11719H118.6717C120.3277 217.11719 121.6717 215.77344 121.6717 214.11719V200.8359C121.6717 199.1758 120.3277 197.8359 118.6717 197.8359Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f3' x='-71.402255' y='221.648676' transform='matrix(1 0 0 1 153.0894 -10.632)'>Ger<tspan x='-56.308852'>ät</tspan><tspan x='-45.359918'>2</tspan></text>
<path d='M202.9337 197.8359H164.5037C162.8477 197.8359 161.5037 199.1758 161.5037 200.8359V214.11719C161.5037 215.77344 162.8477 217.11719 164.5037 217.11719H202.9337C204.5897 217.11719 205.9337 215.77344 205.9337 214.11719V200.8359C205.9337 199.1758 204.5897 197.8359 202.9337 197.8359Z' fill='#42d4fb'/>
<path d='M202.9337 197.8359H164.5037C162.8477 197.8359 161.5037 199.1758 161.5037 200.8359V214.11719C161.5037 215.77344 162.8477 217.11719 164.5037 217.11719H202.9337C204.5897 217.11719 205.9337 215.77344 205.9337 214.11719V200.8359C205.9337 199.1758 204.5897 197.8359 202.9337 197.8359Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f3' x='-71.402255' y='221.648676' transform='matrix(1 0 0 1 238.9073 -10.632)'>Ger<tspan x='-56.308852'>ät</tspan><tspan x='-45.359918'>…</tspan></text>
<path d='M-71.402346 158.957V-13.301C-71.402346-16.613-68.71485-19.301-65.40235-19.301H234.4137C237.7267-19.301 240.4137-16.613 240.4137-13.301V158.957C240.4137 162.2695 237.7267 164.957 234.4137 164.957H-65.40235C-68.71485 164.957-71.402346 162.2695-71.402346 158.957Z' stroke='#000' fill='none' stroke-width='1.19553' stroke-miterlimit='10'/>
<path d='M233.8167-33.816H194.6287C191.3167-33.816 188.6287-31.133 188.6287-27.816V-28.73C188.6287-25.418 191.3167-22.73 194.6287-22.73H233.8167C237.1287-22.73 239.8167-25.418 239.8167-28.73V-27.816C239.8167-31.133 237.1287-33.816 233.8167-33.816Z' fill='#fff'/>
<text class='f2' x='-71.402255' y='221.648676' transform='matrix(1 0 0 1 261.0333 -245.5)'>Heimdall</text>
<path d='M-14.707 136.6094V79.914H212.0667V136.6094Z' fill='#e6e6e6'/>
<path d='M28.3594 92.648H-1.082C-2.7383 92.648-4.082 93.992-4.082 95.648V120.875C-4.082 122.5312-2.7383 123.875-1.082 123.875H28.3594C30.0157 123.875 31.3597 122.5312 31.3597 120.875V95.648C31.3597 93.992 30.0157 92.648 28.3594 92.648Z' fill='#fff'/>
<path d='M28.3594 92.648H-1.082C-2.7383 92.648-4.082 93.992-4.082 95.648V120.875C-4.082 122.5312-2.7383 123.875-1.082 123.875H28.3594C30.0157 123.875 31.3597 122.5312 31.3597 120.875V95.648C31.3597 93.992 30.0157 92.648 28.3594 92.648Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f3' x='-71.402255' y='209.693508' transform='matrix(1 0 0 1 73.31923 -103.863)'>WSM</text>
<text class='f1' x='-70.983309' y='221.648676' transform='matrix(1 0 0 1 73.31923 -103.863)'>P<tspan x='-65.522787'>od</tspan><tspan x='-53.346452'>1</tspan></text>
<path d='M113.3987 92.648H83.9567C82.3007 92.648 80.9567 93.992 80.9567 95.648V120.875C80.9567 122.5312 82.3007 123.875 83.9567 123.875H113.3987C115.0547 123.875 116.3987 122.5312 116.3987 120.875V95.648C116.3987 93.992 115.0547 92.648 113.3987 92.648Z' fill='#fff'/>
<path d='M113.3987 92.648H83.9567C82.3007 92.648 80.9567 93.992 80.9567 95.648V120.875C80.9567 122.5312 82.3007 123.875 83.9567 123.875H113.3987C115.0547 123.875 116.3987 122.5312 116.3987 120.875V95.648C116.3987 93.992 115.0547 92.648 113.3987 92.648Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f3' x='-71.402255' y='209.693508' transform='matrix(1 0 0 1 158.3597 -103.863)'>WSM</text>
<text class='f1' x='-70.983309' y='221.648676' transform='matrix(1 0 0 1 158.3597 -103.863)'>P<tspan x='-65.522787'>od</tspan><tspan x='-53.346452'>2</tspan></text>
<path d='M198.4417 92.648H168.9957C167.3397 92.648 165.9957 93.992 165.9957 95.648V120.875C165.9957 122.5312 167.3397 123.875 168.9957 123.875H198.4417C200.0977 123.875 201.4417 122.5312 201.4417 120.875V95.648C201.4417 93.992 200.0977 92.648 198.4417 92.648Z' fill='#fff'/>
<path d='M198.4417 92.648H168.9957C167.3397 92.648 165.9957 93.992 165.9957 95.648V120.875C165.9957 122.5312 167.3397 123.875 168.9957 123.875H198.4417C200.0977 123.875 201.4417 122.5312 201.4417 120.875V95.648C201.4417 93.992 200.0977 92.648 198.4417 92.648Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f3' x='-71.402255' y='209.693508' transform='matrix(1 0 0 1 243.4003 -103.863)'>WSM</text>
<text class='f1' x='-71.373356' y='221.648676' transform='matrix(1 0 0 1 243.4003 -103.863)'>P<tspan x='-65.912834'>od</tspan><tspan x='-53.736499'>…</tspan></text>
<path d='M34.5857 97.801C34.5857 96.238 33.3207 94.973 31.7577 94.973C30.1957 94.973 28.9297 96.238 28.9297 97.801C28.9297 99.363 30.1957 100.629 31.7577 100.629C33.3207 100.629 34.5857 99.363 34.5857 97.801Z'/>
<path d='M34.0777 107.422H55.4527V100.121H34.0777Z' fill='#fff'/>
<text class='f0' x='-71.402255' y='221.648676' transform='matrix(1 0 0 1 106.4807 -115.298)'>addr1</text>
<path d='M119.6247 97.801C119.6247 96.238 118.3597 94.973 116.7967 94.973C115.2347 94.973 113.9687 96.238 113.9687 97.801C113.9687 99.363 115.2347 100.629 116.7967 100.629C118.3597 100.629 119.6247 99.363 119.6247 97.801Z'/>
<path d='M119.1167 107.422H140.4917V100.121H119.1167Z' fill='#fff'/>
<text class='f0' x='-71.402255' y='221.648676' transform='matrix(1 0 0 1 191.5213 -115.298)'>addr2</text>
<path d='M149.5117 7.578H104.5387C102.8827 7.578 101.5387 8.922 101.5387 10.578V35.863C101.5387 37.52 102.8827 38.863 104.5387 38.863H149.5117C151.1677 38.863 152.5117 37.52 152.5117 35.863V10.578C152.5117 8.922 151.1677 7.578 149.5117 7.578Z' fill='#fff'/>
<path d='M149.5117 7.578H104.5387C102.8827 7.578 101.5387 8.922 101.5387 10.578V35.863C101.5387 37.52 102.8827 38.863 104.5387 38.863H149.5117C151.1677 38.863 152.5117 37.52 152.5117 35.863V10.578C152.5117 8.922 151.1677 7.578 149.5117 7.578Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f3' x='-71.402255' y='221.648676' transform='matrix(1 0 0 1 184.9433 -194.8859)'>FORS</text>
<path d='M-31.7188 121.02C-31.7188 118.828-36.793 117.051-43.0547 117.051S-54.3945 118.828-54.3945 121.02C-54.3945 123.2109-49.3164 124.9883-43.0547 124.9883S-31.7188 123.2109-31.7188 121.02Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' clip-path='url(#clip1)'/>
<path d='M-54.3945 126.6875C-54.3945 128.8789-49.3164 130.6562-43.0547 130.6562S-31.7188 128.8789-31.7188 126.6875' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' clip-path='url(#clip1)'/>
<path d='M-54.3945 132.3555C-54.3945 134.5469-49.3164 136.3242-43.0547 136.3242S-31.7188 134.5469-31.7188 132.3555' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' clip-path='url(#clip1)'/>
<path d='M-54.3945 121.02V138.0273C-54.3945 140.2187-49.3164 141.9961-43.0547 141.9961S-31.7188 140.2187-31.7188 138.0273V121.02' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' clip-path='url(#clip1)'/>
<path d='M-31.7188 78.496C-31.7188 76.305-36.793 74.527-43.0547 74.527S-54.3945 76.305-54.3945 78.496C-54.3945 80.691-49.3164 82.465-43.0547 82.465S-31.7188 80.691-31.7188 78.496Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' clip-path='url(#clip2)'/>
<path d='M-54.3945 84.168C-54.3945 86.359-49.3164 88.137-43.0547 88.137S-31.7188 86.359-31.7188 84.168' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' clip-path='url(#clip2)'/>
<path d='M-54.3945 89.836C-54.3945 92.027-49.3164 93.805-43.0547 93.805S-31.7188 92.027-31.7188 89.836' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' clip-path='url(#clip2)'/>
<path d='M-54.3945 78.496V95.504C-54.3945 97.699-49.3164 99.473-43.0547 99.473S-31.7188 97.699-31.7188 95.504V78.496' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' clip-path='url(#clip2)'/>
<path d='M-17.543 21.805C-17.543 19.613-22.6211 17.836-28.8828 17.836S-40.2188 19.613-40.2188 21.805C-40.2188 23.996-35.1445 25.773-28.8828 25.773S-17.543 23.996-17.543 21.805Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' clip-path='url(#clip3)'/>
<path d='M-40.2188 27.473C-40.2188 29.664-35.1445 31.441-28.8828 31.441S-17.543 29.664-17.543 27.473' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' clip-path='url(#clip3)'/>
<path d='M-40.2188 33.145C-40.2188 35.336-35.1445 37.109-28.8828 37.109S-17.543 35.336-17.543 33.145' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' clip-path='url(#clip3)'/>
<path d='M-40.2188 21.805V38.812C-40.2188 41.004-35.1445 42.781-28.8828 42.781S-17.543 41.004-17.543 38.812V21.805' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' clip-path='url(#clip3)'/>
<path d='M-47.8047 14.238H-9.957V-7.977H-47.8047Z' fill='#fff'/>
<text class='f1' x='-71.402255' y='209.693508' transform='matrix(1 0 0 1 24.5962 -210.2941)'>Message<tspan x='-70.67149' y='221.648676'>Mapping</tspan></text>
<path d='M209.2307 43.062C209.2307 40.871 204.1567 39.094 197.8907 39.094C191.6287 39.094 186.5547 40.871 186.5547 43.062C186.5547 45.258 191.6287 47.031 197.8907 47.031C204.1567 47.031 209.2307 45.258 209.2307 43.062Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' clip-path='url(#clip4)'/>
<path d='M186.5547 48.734C186.5547 50.926 191.6287 52.703 197.8907 52.703C204.1567 52.703 209.2307 50.926 209.2307 48.734' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' clip-path='url(#clip4)'/>
<path d='M186.5547 54.402C186.5547 56.594 191.6287 58.371 197.8907 58.371C204.1567 58.371 209.2307 56.594 209.2307 54.402' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' clip-path='url(#clip4)'/>
<path d='M186.5547 43.062V60.07C186.5547 62.266 191.6287 64.039 197.8907 64.039C204.1567 64.039 209.2307 62.266 209.2307 60.07V43.062' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' clip-path='url(#clip4)'/>
<path d='M180.8007 35.496H214.9847V14.816H180.8007Z' fill='#fff'/>
<text class='f1' x='-71.402255' y='209.693508' transform='matrix(1 0 0 1 253.2043 -187.1511)'>Addr<tspan x='-52.922548'>ess</tspan><tspan x='-60.987803' y='221.648676'>DB</tspan></text>
<path d='M40.5547-71.605H-13.2773C-14.9336-71.605-16.2773-70.262-16.2773-68.605V-55.035C-16.2773-53.375-14.9336-52.035-13.2773-52.035H40.5547C42.2107-52.035 43.5547-53.375 43.5547-55.035V-68.605C43.5547-70.262 42.2107-71.605 40.5547-71.605Z' fill='#42d4fb'/>
<path d='M40.5547-71.605H-13.2773C-14.9336-71.605-16.2773-70.262-16.2773-68.605V-55.035C-16.2773-53.375-14.9336-52.035-13.2773-52.035H40.5547C42.2107-52.035 43.5547-53.375 43.5547-55.035V-68.605C43.5547-70.262 42.2107-71.605 40.5547-71.605Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f3' x='-71.402255' y='221.648676' transform='matrix(1 0 0 1 61.1248 -279.7819)'>Back<tspan x='-50.072249'>end</tspan><tspan x='-31.511857'>1</tspan></text>
<path d='M125.5937-71.605H71.7617C70.1057-71.605 68.7617-70.262 68.7617-68.605V-55.035C68.7617-53.375 70.1057-52.035 71.7617-52.035H125.5937C127.2497-52.035 128.5937-53.375 128.5937-55.035V-68.605C128.5937-70.262 127.2497-71.605 125.5937-71.605Z' fill='#42d4fb'/>
<path d='M125.5937-71.605H71.7617C70.1057-71.605 68.7617-70.262 68.7617-68.605V-55.035C68.7617-53.375 70.1057-52.035 71.7617-52.035H125.5937C127.2497-52.035 128.5937-53.375 128.5937-55.035V-68.605C128.5937-70.262 127.2497-71.605 125.5937-71.605Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f3' x='-71.402255' y='221.648676' transform='matrix(1 0 0 1 146.1652 -279.7819)'>Back<tspan x='-50.072249'>end</tspan><tspan x='-31.511857'>2</tspan></text>
<path d='M209.8597-71.605H157.5817C155.9217-71.605 154.5817-70.262 154.5817-68.605V-55.035C154.5817-53.375 155.9217-52.035 157.5817-52.035H209.8597C211.5157-52.035 212.8597-53.375 212.8597-55.035V-68.605C212.8597-70.262 211.5157-71.605 209.8597-71.605Z' fill='#42d4fb'/>
<path d='M209.8597-71.605H157.5817C155.9217-71.605 154.5817-70.262 154.5817-68.605V-55.035C154.5817-53.375 155.9217-52.035 157.5817-52.035H209.8597C211.5157-52.035 212.8597-53.375 212.8597-55.035V-68.605C212.8597-70.262 211.5157-71.605 209.8597-71.605Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f3' x='-71.402255' y='221.648676' transform='matrix(1 0 0 1 231.9823 -279.7819)'>Back<tspan x='-50.072249'>end</tspan><tspan x='-31.511857'>…</tspan></text>
<path d='M13.6367 194.7383V126.9687' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M13.636696 197.23846L14.98435 193.664242L13.636696 194.84002L12.29295 193.664242Z'/>
<path d='M13.636696 197.23846L14.98435 193.664242L13.636696 194.84002L12.29295 193.664242Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M13.636696 124.47239L12.29295 128.042706L13.636696 126.87083L14.98435 128.042706Z'/>
<path d='M13.636696 124.47239L12.29295 128.042706L13.636696 126.87083L14.98435 128.042706Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M98.6797 194.7383V126.9687' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M98.679729 197.23846L100.02348 193.664242L98.679729 194.84002L97.33207 193.664242Z'/>
<path d='M98.679729 197.23846L100.02348 193.664242L98.679729 194.84002L97.33207 193.664242Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M98.679729 124.47239L97.33207 128.042706L98.679729 126.87083L100.02348 128.042706Z'/>
<path d='M98.679729 124.47239L97.33207 128.042706L98.679729 126.87083L100.02348 128.042706Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M183.7187 194.7383V126.9687' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M183.718771 197.23846L185.06643 193.664242L183.718771 194.84002L182.37502 193.664242Z'/>
<path d='M183.718771 197.23846L185.06643 193.664242L183.718771 194.84002L182.37502 193.664242Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M183.718771 124.47239L182.37502 128.042706L183.718771 126.87083L185.06643 128.042706Z'/>
<path d='M183.718771 124.47239L182.37502 128.042706L183.718771 126.87083L185.06643 128.042706Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M-4.4805 115.055L-31.3203 125.125' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M-4.4805 101.469L-31.3203 91.398' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M.8633 92.25C-12.2305 75.109-18.1094 63.762-23.7461 45.75' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M-24.492161 43.371077L-24.71091 47.179678L-23.777313 45.656243L-22.140602 46.374987Z'/>
<path d='M-24.492161 43.371077L-24.71091 47.179678L-23.777313 45.656243L-22.140602 46.374987Z' stroke='#000' fill='none' stroke-width='.398474' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<text class='f0' x='-71.402255' y='221.648676' transform='matrix(.45992 .8879 -.8879 .45992 199.520693 19.169494)'>/foo/config</text>
<path d='M-18.6133 43.18C-4.9492 60.238 1.2461 71.547 7.3867 89.695' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-dasharray='2.98883 2.98883'/>
<path d='M8.187502 92.058552L8.316401 88.246052L7.417971 89.789025L5.769535 89.109335Z'/>
<path d='M8.187502 92.058552L8.316401 88.246052L7.417971 89.789025L5.769535 89.109335Z' stroke='#000' fill='none' stroke-width='.398482' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<text class='f0' x='-71.402255' y='221.648676' transform='matrix(.48021 .87709 -.87709 .48021 221.52576 6.871477)'>Back<tspan x='-56.471254'>end</tspan><tspan x='-43.478971'>2</tspan></text>
<path d='M18.3984 92.25C36.6167 31.973 53.3987-1.223 89.5197-49.477' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M91.015585-51.476535L87.796836-49.421842L89.578088-49.554656L89.953092-47.808559Z'/>
<path d='M91.015585-51.476535L87.796836-49.421842L89.578088-49.554656L89.953092-47.808559Z' stroke='#000' fill='none' stroke-width='.39849' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M95.6527-51.633C78.4527 8.375 62.1837 41.738 27.0859 90.066' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-dasharray='2.98883 2.98883'/>
<path d='M25.617204 92.08981L28.804705 89.988248L27.027361 90.148401L26.62893 88.406215Z'/>
<path d='M25.617204 92.08981L28.804705 89.988248L27.027361 90.148401L26.62893 88.406215Z' stroke='#000' fill='none' stroke-width='.39849' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M102.0747-51.633L120.8317 4.625' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-dasharray='2.98883 2.98883'/>
<path d='M121.620991 6.992178L121.769435 3.179679L120.863181 4.718746L119.214751 4.031243Z'/>
<path d='M121.620991 6.992178L121.769435 3.179679L120.863181 4.718746L119.214751 4.031243Z' stroke='#000' fill='none' stroke-width='.398481' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M152.9097 23.223C166.9297 27.785 174.5427 31.836 184.0317 39.258' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M185.999505 40.796865L184.015118 37.539052L184.108871 39.320301L182.354961 39.656239Z'/>
<path d='M185.999505 40.796865L184.015118 37.539052L184.108871 39.320301L182.354961 39.656239Z' stroke='#000' fill='none' stroke-width='.398486' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<text class='f0' x='-71.402255' y='221.648676' transform='matrix(.8827 .4699 -.4699 .8827 337.562675 -135.736632)'>1</text>
<path d='M186.1567 48.898C172.2347 44.891 164.6207 41.168 155.0857 34.227' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-dasharray='2.98883 2.98883'/>
<path d='M153.070491 32.757803L155.164236 35.949211L155.007987 34.167965L156.750173 33.773433Z'/>
<path d='M153.070491 32.757803L155.164236 35.949211L155.007987 34.167965L156.750173 33.773433Z' stroke='#000' fill='none' stroke-width='.398493' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<text class='f0' x='-71.402255' y='221.648676' transform='matrix(.89833 .43924 -.43924 .89833 318.418935 -121.3083)'>addr1</text>
<path d='M106.5587 39.262L36.2657 94.273' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-dasharray='2.98883 2.98883'/>
<path d='M34.300778 95.812456L37.941397 94.667922L36.187495 94.331985L36.28124 92.550734Z'/>
<path d='M34.300778 95.812456L37.941397 94.667922L36.187495 94.331985L36.28124 92.550734Z' stroke='#000' fill='none' stroke-width='.398486' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M31.7577 114.855C116.7967 114.855 16.0742 55.84 183.4607 55.84' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M185.95659 55.839886L182.386279 54.49614L183.55815 55.839886L182.386279 57.18754Z'/>
<path d='M185.95659 55.839886L182.386279 54.49614L183.55815 55.839886L182.386279 57.18754Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<text class='f0' x='-71.402255' y='221.648676' transform='matrix(.98862 -.15007 .15007 .98862 150.660876 -172.070278)'>1:<tspan x='-63.821677'>addr1</tspan></text>
<path d='M104.5077 92.25L183.6327 62.371' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M185.968534 61.488244L182.152136 61.492156L183.726352 62.335909L183.101346 64.007786Z'/>
<path d='M185.968534 61.488244L182.152136 61.492156L183.726352 62.335909L183.101346 64.007786Z' stroke='#000' fill='none' stroke-width='.398484' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<text class='f0' x='-71.402255' y='221.648676' transform='matrix(.93549 -.35324 .35324 .93549 120.748845 -154.635871)'>2:<tspan x='-63.821677'>addr2</tspan></text>
<path d='M187.7187 92.25L194.0237 67.055' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M194.629233 64.632852L192.457359 67.769573L194.047191 66.957081L195.066729 68.421916Z'/>
<path d='M194.629233 64.632852L192.457359 67.769573L194.047191 66.957081L195.066729 68.421916Z' stroke='#000' fill='none' stroke-width='.398496' stroke-miterlimit='10' stroke-linejoin='bevel'/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

77
public/diagrams/business_context.svg
View File

@@ -2,21 +2,22 @@
<!-- This file was generated by dvisvgm 3.1.2 -->
<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='232.18001pt' height='144.83962pt' viewBox='-72.000205 -71.999705 232.18001 144.83962'>
<style type='text/css'>
<![CDATA[@font-face{font-family:nf0;src:url(data:application/x-font-woff;base64,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) format('woff');}
<![CDATA[@font-face{font-family:nf0;src:url(data:application/x-font-woff;base64,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) format('woff');}
text.f0 {font-family:nf0;font-size:14.346196px}
text.f1 {font-family:nf0;font-size:9.96264px}
]]>
</style>
<g id='page1'>
<path d='M65.0664 53.16016H22.2461C20.5898 53.16016 19.2461 54.50391 19.2461 56.16016V69.44141C19.2461 71.09766 20.5898 72.44141 22.2461 72.44141H65.0664C66.7227 72.44141 68.0664 71.09766 68.0664 69.44141V56.16016C68.0664 54.50391 66.7227 53.16016 65.0664 53.16016Z' fill='#42d4fb'/>
<path d='M65.0664 53.16016H22.2461C20.5898 53.16016 19.2461 54.50391 19.2461 56.16016V69.44141C19.2461 71.09766 20.5898 72.44141 22.2461 72.44141H65.0664C66.7227 72.44141 68.0664 71.09766 68.0664 69.44141V56.16016C68.0664 54.50391 66.7227 53.16016 65.0664 53.16016Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f1' x='43.656281' y='62.800828' transform='matrix(1 0 0 1 -18.4112 3.5418)'>De<tspan x='55.252797'>vice</tspan><tspan x='74.958891'>2</tspan></text>
<path d='M-12.8984 53.16016H-55.7227C-57.3787 53.16016-58.7227 54.50391-58.7227 56.16016V69.44141C-58.7227 71.09766-57.3787 72.44141-55.7227 72.44141H-12.8984C-11.2422 72.44141-9.8984 71.09766-9.8984 69.44141V56.16016C-9.8984 54.50391-11.2422 53.16016-12.8984 53.16016Z' fill='#42d4fb'/>
<path d='M-12.8984 53.16016H-55.7227C-57.3787 53.16016-58.7227 54.50391-58.7227 56.16016V69.44141C-58.7227 71.09766-57.3787 72.44141-55.7227 72.44141H-12.8984C-11.2422 72.44141-9.8984 71.09766-9.8984 69.44141V56.16016C-9.8984 54.50391-11.2422 53.16016-12.8984 53.16016Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f1' x='43.656281' y='62.800828' transform='matrix(1 0 0 1 -96.3774 3.5418)'>De<tspan x='55.252797'>vice</tspan><tspan x='74.958891'>1</tspan></text>
<path d='M143.9023 53.16016H100.2109C98.5547 53.16016 97.2109 54.50391 97.2109 56.16016V69.44141C97.2109 71.09766 98.5547 72.44141 100.2109 72.44141H143.9023C145.5583 72.44141 146.9023 71.09766 146.9023 69.44141V56.16016C146.9023 54.50391 145.5583 53.16016 143.9023 53.16016Z' fill='#42d4fb'/>
<path d='M143.9023 53.16016H100.2109C98.5547 53.16016 97.2109 54.50391 97.2109 56.16016V69.44141C97.2109 71.09766 98.5547 72.44141 100.2109 72.44141H143.9023C145.5583 72.44141 146.9023 71.09766 146.9023 69.44141V56.16016C146.9023 54.50391 145.5583 53.16016 143.9023 53.16016Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f1' x='43.656281' y='62.800828' transform='matrix(1 0 0 1 59.5547 3.5418)'>De<tspan x='55.252797'>vice</tspan><tspan x='74.958891'>…</tspan></text>
<path d='M62.4375 53.16016H24.875C23.2188 53.16016 21.875 54.50391 21.875 56.16016V69.44141C21.875 71.09766 23.2188 72.44141 24.875 72.44141H62.4375C64.0938 72.44141 65.4375 71.09766 65.4375 69.44141V56.16016C65.4375 54.50391 64.0938 53.16016 62.4375 53.16016Z' fill='#42d4fb'/>
<path d='M62.4375 53.16016H24.875C23.2188 53.16016 21.875 54.50391 21.875 56.16016V69.44141C21.875 71.09766 23.2188 72.44141 24.875 72.44141H62.4375C64.0938 72.44141 65.4375 71.09766 65.4375 69.44141V56.16016C65.4375 54.50391 64.0938 53.16016 62.4375 53.16016Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f1' x='43.656281' y='62.800828' transform='matrix(1 0 0 1 -15.781 3.5418)'>Ger<tspan x='58.749684'>ät</tspan><tspan x='69.698618'>2</tspan></text>
<path d='M-10.2695 53.16016H-47.832C-49.4883 53.16016-50.832 54.50391-50.832 56.16016V69.44141C-50.832 71.09766-49.4883 72.44141-47.832 72.44141H-10.2695C-8.6133 72.44141-7.2695 71.09766-7.2695 69.44141V56.16016C-7.2695 54.50391-8.6133 53.16016-10.2695 53.16016Z' fill='#42d4fb'/>
<path d='M-10.2695 53.16016H-47.832C-49.4883 53.16016-50.832 54.50391-50.832 56.16016V69.44141C-50.832 71.09766-49.4883 72.44141-47.832 72.44141H-10.2695C-8.6133 72.44141-7.2695 71.09766-7.2695 69.44141V56.16016C-7.2695 54.50391-8.6133 53.16016-10.2695 53.16016Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f1' x='43.656281' y='62.800828' transform='matrix(1 0 0 1 -88.4869 3.5418)'>Ger<tspan x='58.749684'>ät</tspan><tspan x='69.698618'>1</tspan></text>
<path d='M136.0117 53.16016H97.582C95.9258 53.16016 94.582 54.50391 94.582 56.16016V69.44141C94.582 71.09766 95.9258 72.44141 97.582 72.44141H136.0117C137.668 72.44141 139.0117 71.09766 139.0117 69.44141V56.16016C139.0117 54.50391 137.668 53.16016 136.0117 53.16016Z' fill='#42d4fb'/>
<path d='M136.0117 53.16016H97.582C95.9258 53.16016 94.582 54.50391 94.582 56.16016V69.44141C94.582 71.09766 95.9258 72.44141 97.582 72.44141H136.0117C137.668 72.44141 139.0117 71.09766 139.0117 69.44141V56.16016C139.0117 54.50391 137.668 53.16016 136.0117 53.16016Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f1' x='43.656281' y='62.800828' transform='matrix(1 0 0 1 56.9247 3.5418)'>Ger<tspan x='58.749684'>ät</tspan><tspan x='69.698618'>…</tspan></text>
<path d='M98.4219-22.8867H-11.1094C-12.7695-22.8867-14.1094-21.543-14.1094-19.8867V21.0156C-14.1094 22.6719-12.7695 24.0156-11.1094 24.0156H98.4219C100.082 24.0156 101.4219 22.6719 101.4219 21.0156V-19.8867C101.4219-21.543 100.082-22.8867 98.4219-22.8867Z' fill='#fff'/>
<path d='M98.4219-22.8867H-11.1094C-12.7695-22.8867-14.1094-21.543-14.1094-19.8867V21.0156C-14.1094 22.6719-12.7695 24.0156-11.1094 24.0156H98.4219C100.082 24.0156 101.4219 22.6719 101.4219 21.0156V-19.8867C101.4219-21.543 100.082-22.8867 98.4219-22.8867Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f0' x='43.656281' y='62.800828' transform='matrix(1 0 0 1 -27.7674 -56.9287)'>Heimdall</text>
<path d='M69.3633-71.6012H17.9492C16.293-71.6012 14.9492-70.2622 14.9492-68.6012V-55.0312C14.9492-53.3752 16.293-52.0312 17.9492-52.0312H69.3633C71.0195-52.0312 72.3633-53.3752 72.3633-55.0312V-68.6012C72.3633-70.2622 71.0195-71.6012 69.3633-71.6012Z' fill='#42d4fb'/>
@@ -28,38 +29,38 @@ text.f1 {font-family:nf0;font-size:9.96264px}
<path d='M156.7813-71.6012H104.5039C102.8477-71.6012 101.5039-70.2622 101.5039-68.6012V-55.0312C101.5039-53.3752 102.8477-52.0312 104.5039-52.0312H156.7813C158.4373-52.0312 159.7813-53.3752 159.7813-55.0312V-68.6012C159.7813-70.2622 158.4373-71.6012 156.7813-71.6012Z' fill='#42d4fb'/>
<path d='M156.7813-71.6012H104.5039C102.8477-71.6012 101.5039-70.2622 101.5039-68.6012V-55.0312C101.5039-53.3752 102.8477-52.0312 104.5039-52.0312H156.7813C158.4373-52.0312 159.7813-53.3752 159.7813-55.0312V-68.6012C159.7813-70.2622 158.4373-71.6012 156.7813-71.6012Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f1' x='43.656281' y='62.800828' transform='matrix(1 0 0 1 63.8487 -120.932)'>Back<tspan x='64.986287'>end</tspan><tspan x='83.546679'>…</tspan></text>
<path d='M-19.6328 51.0781L11.6758 26.0937' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M-21.582041 52.636689L-17.953137 51.460902L-19.710947 51.140594L-19.63282 49.35544Z'/>
<path d='M-21.582041 52.636689L-17.953137 51.460902L-19.710947 51.140594L-19.63282 49.35544Z' stroke='#000' fill='none' stroke-width='.398475' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M13.62497 24.539086L9.996066 25.714865L11.753875 26.035179L11.671848 27.81643Z'/>
<path d='M13.62497 24.539086L9.996066 25.714865L11.753875 26.035179L11.671848 27.81643Z' stroke='#000' fill='none' stroke-width='.398475' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M-15.2773 51.0078L13.75 26.168' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M-17.175816 52.63281L-13.585976 51.332031L-15.355511 51.074223L-15.335975 49.285161Z'/>
<path d='M-17.175816 52.63281L-13.585976 51.332031L-15.355511 51.074223L-15.335975 49.285161Z' stroke='#000' fill='none' stroke-width='.398476' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M15.644541 24.542968L12.058603 25.843745L13.824231 26.101559L13.808606 27.886717Z'/>
<path d='M15.644541 24.542968L12.058603 25.843745L13.824231 26.101559L13.808606 27.886717Z' stroke='#000' fill='none' stroke-width='.398482' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M43.65625 50.0664V27.1094' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M43.65625 52.5625L45.00391 48.992187L43.65625 50.16406L42.3125 48.992187Z'/>
<path d='M43.65625 52.5625L45.00391 48.992187L43.65625 50.16406L42.3125 48.992187Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M43.65625 24.61329L42.3125 28.183602L43.65625 27.01173L45.00391 28.183602Z'/>
<path d='M43.65625 24.61329L42.3125 28.183602L43.65625 27.01173L45.00391 28.183602Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M107.3047 51.0859L75.8086 26.0898' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M109.258195 52.636703L107.297256 49.363259L107.383197 51.148419L105.625383 51.472642Z'/>
<path d='M109.258195 52.636703L107.297256 49.363259L107.383197 51.148419L105.625383 51.472642Z' stroke='#000' fill='none' stroke-width='.398475' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M73.855493 24.539054L75.812523 27.812491L75.730492 26.027332L77.488308 25.703113Z'/>
<path d='M73.855493 24.539054L75.812523 27.812491L75.730492 26.027332L77.488308 25.703113Z' stroke='#000' fill='none' stroke-width='.398476' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M-5.7187-23.2852C-18.1289-32.3359-24.4336-38.8872-31.4961-49.3942' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M-32.886697-51.468743L-32.011693-47.753896L-31.550757-49.47655L-29.777316-49.253898Z'/>
<path d='M-32.886697-51.468743L-32.011693-47.753896L-31.550757-49.47655L-29.777316-49.253898Z' stroke='#000' fill='none' stroke-width='.398488' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M-21.8125-51.6332C-3.6133-43.5942 6.1211-37.0664 18.5273-25.1523' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M20.328155-23.425749L18.683623-26.867151L18.597687-25.085903L16.820345-24.925746Z'/>
<path d='M20.328155-23.425749L18.683623-26.867151L18.597687-25.085903L16.820345-24.925746Z' stroke='#000' fill='none' stroke-width='.398483' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M39.45313-23.2852C38.46094-34.3398 39.01563-40.9062 41.17188-49.0272' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M41.812505-51.441416L39.593751-48.332048L41.19532-49.125013L42.195314-47.644545Z'/>
<path d='M41.812505-51.441416L39.593751-48.332048L41.19532-49.125013L42.195314-47.644545Z' stroke='#000' fill='none' stroke-width='.398484' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M45.44922-51.6332C48.29688-40.9062 48.85156-34.3398 48.10156-25.9727' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M47.874978-23.484363L49.535132-26.921864L48.089822-25.871078L46.85545-27.160146Z'/>
<path d='M47.874978-23.484363L49.535132-26.921864L48.089822-25.871078L46.85545-27.160146Z' stroke='#000' fill='none' stroke-width='.398484' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M66.9727-23.2852C81.4102-37.0937 91.1445-43.5942 106.9688-50.5472' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M109.254103-51.554688L105.441605-51.347659L107.058792-50.589847L106.523635-48.882814Z'/>
<path d='M109.254103-51.554688L105.441605-51.347659L107.058792-50.589847L106.523635-48.882814Z' stroke='#000' fill='none' stroke-width='.39848' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M120.6875-51.6332C112.0547-38.8322 105.8125-32.3633 95.5039-24.8711' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M93.484329-23.402386L97.16401-24.4141L95.421826-24.812538L95.581984-26.589882Z'/>
<path d='M93.484329-23.402386L97.16401-24.4141L95.421826-24.812538L95.581984-26.589882Z' stroke='#000' fill='none' stroke-width='.398489' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M102.9492 51.0156L73.7344 26.1602' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M104.85181 52.632795L103.004155 49.292952L103.023687 51.078104L101.258063 51.343735Z'/>
<path d='M104.85181 52.632795L103.004155 49.292952L103.023687 51.078104L101.258063 51.343735Z' stroke='#000' fill='none' stroke-width='.398479' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M71.832075 24.54299L73.679725 27.882833L73.660198 26.09768L75.425819 25.832052Z'/>
<path d='M71.832075 24.54299L73.679725 27.882833L73.660198 26.09768L75.425819 25.832052Z' stroke='#000' fill='none' stroke-width='.398479' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M-5.2461-23.2852C-19.0117-32.1328-26.0312-38.6132-34.3125-49.4882' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M-35.824224-51.472673L-34.730472-47.816425L-34.371098-49.566424L-32.589843-49.449236Z'/>
<path d='M-35.824224-51.472673L-34.730472-47.816425L-34.371098-49.566424L-32.589843-49.449236Z' stroke='#000' fill='none' stroke-width='.398486' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M-25.5586-51.6332C-12.9141-42.6292-6.457-36.0703 .8164-25.5078' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-dasharray='2.98883 2.98883'/>
<path d='M2.234377-23.449234L1.316402-27.156266L.875002-25.425796L-.898439-25.628924Z'/>
<path d='M2.234377-23.449234L1.316402-27.156266L.875002-25.425796L-.898439-25.628924Z' stroke='#000' fill='none' stroke-width='.398477' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M41.14844-23.2852C39.23828-34.1758 39.24219-40.7502 40.69922-48.9802' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M41.136746-51.437449L39.18753-48.156207L40.718777-49.07808L41.839874-47.687453Z'/>
<path d='M41.136746-51.437449L39.18753-48.156207L40.718777-49.07808L41.839874-47.687453Z' stroke='#000' fill='none' stroke-width='.398489' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M46.14063-51.6332C48.07031-40.7502 48.07422-34.1758 46.62891-25.9414' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-dasharray='2.98883 2.98883'/>
<path d='M46.195282-23.484421L48.140598-26.765669L46.613248-25.843796L45.488247-27.234422Z'/>
<path d='M46.195282-23.484421L48.140598-26.765669L46.613248-25.843796L45.488247-27.234422Z' stroke='#000' fill='none' stroke-width='.398493' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M84.9648-23.2852C93.875-36.1055 100.3594-42.6332 110.9102-50.0782' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M112.949024-51.519484L109.257615-50.558546L110.991993-50.136669L110.808398-48.359323Z'/>
<path d='M112.949024-51.519484L109.257615-50.558546L110.991993-50.136669L110.808398-48.359323Z' stroke='#000' fill='none' stroke-width='.398483' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M123.6016-51.6332C113.5586-38.5902 106.457-32.1055 94.832-24.7305' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-dasharray='2.98883 2.98883'/>
<path d='M92.72656-23.394559L96.460943-24.171904L94.750004-24.67581L95.019533-26.441432Z'/>
<path d='M92.72656-23.394559L96.460943-24.171904L94.750004-24.67581L95.019533-26.441432Z' stroke='#000' fill='none' stroke-width='.398478' stroke-miterlimit='10' stroke-linejoin='bevel'/>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 13 KiB

1
src/diagrams/README.md
View File

@@ -29,3 +29,4 @@ to a PDF which you can view with your favorite PDF viewer (which hopefully liste
./watch.sh
```
(you should specify the `$pdf_previewer` configuration variable in an appropriate `.latexmkrc` file)

13
src/diagrams/arch1.tex Normal file
View File

@@ -0,0 +1,13 @@
\input{lib/preamble.tex}
\begin{document}
\begin{tikzpicture}
\node (Device) at (4,1) [component,external] { Gerät };
\node (WSM) at (4,4) [component, inner sep=12px] { WSM };
\node (Backend) at (4,7) [component,external] { Backend };
\draw[very thick, rounded corners=6px] (0,2) rectangle (8,6) ++(0, 0.1) node [label, anchor=south east] { \large Heimdall };
\draw (Device) edge [<->] (WSM);
\draw (WSM) edge [->, bend left=10] (Backend) (Backend) edge [->, response, bend left=10] (WSM);
\node at (5.5,4.5) [stickynote, callout absolute pointer=(WSM.20), anchor=south west] { Web Socket\\Manager };
\end{tikzpicture}
\end{document}

19
src/diagrams/arch2.tex Normal file
View File

@@ -0,0 +1,19 @@
\input{lib/preamble.tex}
\begin{document}
\begin{tikzpicture}
\node (dev1) at (3,1) [component,external] { Gerät 1 };
\node (dev2) at (6,1) [component,external] { Gerät 2 };
\fill[color=black!10] (2,4) rectangle (10,6);
\node (WSM1) at (3,5) [component, inner sep=12px] { WSM\\ \small Pod 1 };
\node (WSM2) at (6,5) [component, inner sep=12px] { WSM\\ \small Pod 2 };
\node (WSMX) at (9,5) [component, inner sep=12px] { WSM\\ \small Pod \dots };
\node (Backend) at (6,8) [component,external] { Backend };
\draw[very thick, rounded corners=6px] (1,2) rectangle (11,7) ++(0, 0.1) node [label, anchor=south east] { \large Heimdall };
\draw[rounded corners, pattern=crosshatch, pattern color=scandiored!20, draw=scandiored]
(2,2.5) rectangle (10,3.5)
node [label, anchor=south east, text=scandiored] { \scriptsize Load Balancer };
\draw (dev1) edge [<->] (WSM1) (dev2) edge [<->] (WSM2);
\draw (WSM1) edge [->, bend left=10] (Backend) (Backend) edge [->, response, bend left=10] (WSM1);
\end{tikzpicture}
\end{document}

33
src/diagrams/arch3.tex Normal file
View File

@@ -0,0 +1,33 @@
\input{lib/preamble.tex}
\begin{document}
\begin{tikzpicture}
\node (dev1) at (3,1) [component,external] { Gerät 1 };
\node (dev2) at (6,1) [component,external] { Gerät 2 };
\fill[color=black!10] (2,3) rectangle (10,5);
\node (WSM1) at (3,4) [component, inner sep=12px] { WSM\\ \small Pod 1 };
\node (WSM2) at (6,4) [component, inner sep=12px] { WSM\\ \small Pod 2 };
\node (WSMX) at (9,4) [component, inner sep=12px] { WSM\\ \small Pod \dots };
\node (WSM1 port) at (WSM1.30) [port] {};
\node at (WSM1 port) [label, below right=3px] { \scriptsize addr1 };
\node (WSM2 port) at (WSM2.30) [port] {};
\node at (WSM2 port) [label, below right=3px] { \scriptsize addr2 };
\node (FORS) at (7,7) [component, inner sep=12px] { FORS };
\node at (8.5,7.5) [stickynote, callout absolute pointer=(FORS.20), anchor=south west] { Forwarding\\Service };
\node (AddrDB) at (9.5,6) [database] {};
\node at (AddrDB.north) [label, above=3px] { \small Address\\ \small DB };
\node (Backend) at (6,10.5) [component,external] { Backend };
\draw[very thick, rounded corners=6px] (1,2) rectangle (11,9) ++(0, 0.1) node [label, anchor=south east] { \large Heimdall };
\draw (dev1) edge [<->] (WSM1) (dev2) edge [<->] (WSM2);
\draw (WSM1.north) edge [->] (Backend);
\draw (Backend) edge [->,response] (FORS);
\draw (FORS.0) edge [->, bend left=10] node [auto, sloped] { \scriptsize 1 } (AddrDB)
(AddrDB) edge [->, response, bend left=10] node [auto, sloped, swap] { \scriptsize addr1 } (FORS.340);
\draw (FORS) edge [->, response] (WSM1 port);
\draw[->] (WSM1.340) .. controls +(2, 0) and +(-6, 0) .. (AddrDB.200) node [pos=0.85, above, sloped] { \scriptsize 1: addr1 };
\draw[->] (WSM2.70) -- (AddrDB.220) node [midway, above, sloped] { \scriptsize 2: addr2 };
\draw[->] (WSMX) -- (AddrDB);
\end{tikzpicture}
\end{document}

49
src/diagrams/arch6.tex Normal file
View File

@@ -0,0 +1,49 @@
\input{lib/preamble.tex}
\begin{document}
\begin{tikzpicture}
\node (dev1) at (3,0.5) [component,external] { Gerät 1 };
\node (dev2) at (6,0.5) [component,external] { Gerät 2 };
\node (devX) at (9,0.5) [component,external] { Gerät \dots };
\draw[very thick, rounded corners=6px] (0,2) rectangle (11,8.5) ++(0, 0.1) node [label, anchor=south east] { \large Heimdall };
\fill[color=black!10] (2,3) rectangle (10,5);
\node (WSM1) at (3,4) [component] { WSM\\ \small Pod 1 };
\node (WSM2) at (6,4) [component] { WSM\\ \small Pod 2 };
\node (WSMX) at (9,4) [component] { WSM\\ \small Pod \dots };
\node (WSM1 port) at (WSM1.30) [port] {};
\node at (WSM1 port) [label, below right=3px] { \scriptsize addr1 };
\node (WSM2 port) at (WSM2.30) [port] {};
\node at (WSM2 port) [label, below right=3px] { \scriptsize addr2 };
\node (FORS) at (7,7) [component, inner sep=12px] { FORS };
\node (DB1) at (1,3.25) [database] {};
\node (DB2) at (1,4.75) [database] {};
\node (Message Mapping) at (1.5,6.75) [database] {};
\node at (Message Mapping.north) [label, above=3px] { \small Message\\ \small Mapping };
\node (AddrDB) at (9.5,6) [database] {};
\node at (AddrDB.north) [label, above=3px] { \small Address\\ \small DB };
\node (backend1) at (3, 10) [component,external] { Backend 1 };
\node (backend2) at (6, 10) [component,external] { Backend 2 };
\node (backendX) at (9, 10) [component,external] { Backend \dots };
\draw (dev1) edge [<->] (WSM1)
(dev2) edge [<->] (WSM2)
(devX) edge [<->] (WSMX);
\draw (WSM1) edge (DB1) (WSM1) edge (DB2);
\draw (WSM1) edge [->, bend left=10] node [auto, sloped, swap] { \scriptsize /foo/config } (Message Mapping)
(Message Mapping) edge [->, response, bend left=10] node [auto, sloped] { \scriptsize Backend 2 } (WSM1);
\draw (WSM1) edge [->, bend left=10] (backend2)
(backend2) edge [->, response, bend left=10] (WSM1);
\draw (backend2) edge [->, response] (FORS);
\draw (FORS.0) edge [->, bend left=10] node [auto, sloped] { \scriptsize 1 } (AddrDB)
(AddrDB) edge [->, response, bend left=10] node [auto, sloped, swap] { \scriptsize addr1 } (FORS.340);
\draw (FORS) edge [->, response] (WSM1 port);
\draw[->] (WSM1.340) .. controls +(3, 0) and +(-6, 0) .. (AddrDB.200) node [pos=0.85, above, sloped] { \scriptsize 1: addr1 };
\draw[->] (WSM2.70) -- (AddrDB.220) node [midway, above, sloped] { \scriptsize 2: addr2 };
\draw[->] (WSMX) -- (AddrDB);
\end{tikzpicture}
\end{document}

6
src/diagrams/build.sh
View File

@@ -6,11 +6,11 @@ latexmk -dvilua *.tex
for dvi in *.dvi
do
dvisvgm --font-format=woff business_context.dvi
dvisvgm --font-format=woff $dvi
done
latexmk -C
mkdir -p ../../public/diagrams
mv *.svg ../../public/diagrams/
latexmk -C

40
src/diagrams/business_context.tex
View File

@@ -1,45 +1,27 @@
\documentclass[tikz]{standalone}
\usepackage{fontspec}
\setmainfont{Roboto Light}
\usetikzlibrary{arrows.meta,graphs,positioning,shapes.misc}
\definecolor{scandioblue}{RGB}{66, 212, 251}
\definecolor{scandiored}{RGB}{210, 21, 21}
\input{lib/preamble.tex}
\begin{document}
\begin{tikzpicture}[
>={Stealth[round]},
every node/.style={
rectangle,
thick,
draw=black,
rounded corners=3px
},
external/.style={
fill=scandioblue,
inner sep=6px
},
heimdall/.style={
inner xsep=30px,
inner ysep=18px,
font=\Large
}
]
\node (dev2) [external] {Device 2};
\node (dev1) [external, left=of dev2] {Device 1};
\node (devX) [external, right=of dev2] {Device \dots};
\node (heimdall) [heimdall, above=of dev2] {Heimdall};
\node (back2) [external, above=of heimdall] {Backend 2};
\node (back1) [external, left=of back2] {Backend 1};
\node (backX) [external, right=of back2] {Backend \dots};
\node (dev2) [component, external] {Gerät 2};
\node (dev1) [component, external, left=of dev2] {Gerät 1};
\node (devX) [component, external, right=of dev2] {Gerät \dots};
\node (heimdall) [component, heimdall, above=of dev2] {Heimdall};
\node (back2) [component, external, above=of heimdall] {Backend 2};
\node (back1) [component, external, left=of back2] {Backend 1};
\node (backX) [component, external, right=of back2] {Backend \dots};
\path (dev1) edge[<->] (heimdall);
\path (dev2) edge[<->] (heimdall);
\path (devX) edge[<->] (heimdall);
\path (heimdall) edge[->, bend left=10] (back1) (back1) edge [->, bend left=10] (heimdall);
\path (heimdall) edge[->, bend left=10] (back2) (back2) edge [->, bend left=10] (heimdall);
\path (heimdall) edge[->, bend left=10] (backX) (backX) edge [->, bend left=10] (heimdall);
\path (heimdall.154) edge[->, bend left=10] (back1) (back1) edge [->, response, bend left=10] (heimdall.150);
\path (heimdall.96) edge[->, bend left=10] (back2) (back2) edge [->, response, bend left=10] (heimdall.84);
\path (heimdall.30) edge[->, bend left=10] (backX) (backX) edge [->, response, bend left=10] (heimdall.26);
\end{tikzpicture}
\end{document}

61
src/diagrams/lib/preamble.tex Normal file
View File

@@ -0,0 +1,61 @@
\documentclass[tikz]{standalone}
\usepackage{fontspec}
\setmainfont{Roboto Light}
\usetikzlibrary{arrows.meta,calc,graphs,patterns,positioning,shapes.callouts,shapes.geometric,shapes.misc}
\definecolor{scandioblue}{RGB}{66, 212, 251}
\definecolor{scandiored}{RGB}{210, 21, 21}
\makeatletter
\tikzset{
>={Stealth[round]},
component/.style={
rectangle,
thick,
draw=black,
fill=white,
rounded corners=3px,
inner sep=6px,
align=center
},
external/.style={
fill=scandioblue
},
response/.style={
dashed
},
port/.style={
circle,
inner sep=2px,
fill=black
},
label/.style={
inner sep=1px,
fill=white,
align=center
},
database/.style={
path picture={
\draw (0, 1.5*\database@segmentheight) circle [x radius=\database@radius,y radius=\database@aspectratio*\database@radius];
\draw (-\database@radius, 0.5*\database@segmentheight) arc [start angle=180,end angle=360,x radius=\database@radius, y radius=\database@aspectratio*\database@radius];
\draw (-\database@radius,-0.5*\database@segmentheight) arc [start angle=180,end angle=360,x radius=\database@radius, y radius=\database@aspectratio*\database@radius];
\draw (-\database@radius,1.5*\database@segmentheight) -- ++(0,-3*\database@segmentheight) arc [start angle=180,end angle=360,x radius=\database@radius, y radius=\database@aspectratio*\database@radius] -- ++(0,3*\database@segmentheight);
},
minimum width=2*\database@radius + \pgflinewidth,
minimum height=3*\database@segmentheight + 2*\database@aspectratio*\database@radius + \pgflinewidth,
},
database segment height/.store in=\database@segmentheight,
database radius/.store in=\database@radius,
database aspect ratio/.store in=\database@aspectratio,
database segment height=0.2cm,
database radius=0.4cm,
database aspect ratio=0.35,
stickynote/.style={
shape=rectangle callout,
draw,
fill=scandiored!20,
align=center
}
}
\makeatother

3
src/diagrams/watch.sh
View File

@@ -1,5 +1,6 @@
#!/usr/bin/env bash
filename="$1"
latexmk -lualatex -pvc $filename -view=none
latexmk -lualatex -pvc $filename -view=pdf
latexmk -C

5
src/main.ts
View File

@@ -1,7 +1,10 @@
import Reveal from 'reveal.js';
let deck = new Reveal({
transition: 'fade'
transition: 'fade',
width: 960,
height: 700
});
deck.initialize();

40
src/slides.html
View File

@@ -1,3 +1,4 @@
<!--
<section class="sc-left-and-right" data-background-image="/backgrounds/title.svg">
<div class="sc-right">
<img src="/logo_scandio.svg" style="width: 50%;">
@@ -42,8 +43,10 @@
<section data-background-image="/backgrounds/normal.svg" data-background-position="top right">
<h2>Qualitätsanforderungen</h2>
<ul>
<li class="fragment"></li>
<li class="fragment"></li>
<li class="fragment">Vermeidung von Verbindungsabbrüchen</li>
<li class="fragment">Wenige Neuverbindungen zur gleichen Zeit</li>
<li class="fragment">Keine Validierung oder Modifikation von Nachrichteninhalten</li>
<li class="fragment">Verbindungsdetails transparent gegenüber Backends</li>
</ul>
</section>
@@ -52,13 +55,46 @@
</section>
<section data-background-image="/backgrounds/normal.svg" data-background-position="top right">
<h2>Systemupdate</h2>
<ul>
<li class="fragment">Updates an der Logik und Konfiguration von Heimdall</li>
<li class="fragment">Vermeidung von Neuverbindungen in den meisten Fällen</li>
<li class="fragment">Kontrollierte Neuverbindungen, falls Verbindungsabbrüche notwendig</li>
</ul>
</section>
<section data-background-color="black">
Lösungen
</section>
-->
<section data-background-image="/backgrounds/normal.svg" data-background-position="top right">
<h3>Softwarearchitektur Heimdall</h3>
<center class="r-stack">
<img class="diagram fragment fade-out" data-fragment-index="1" src="/diagrams/arch1.svg">
<img class="diagram fragment fade-in-then-out" data-fragment-index="1" src="/diagrams/arch2.svg">
<img class="diagram fragment fade-in-then-out" src="/diagrams/arch3.svg">
<img class="diagram fragment fade-in-then-out" src="/diagrams/arch4.svg">
<img class="diagram fragment fade-in-then-out" src="/diagrams/arch5.svg">
</center>
</section>
<section data-background-image="/backgrounds/normal-fewer-hexagons.svg" data-background-position="top right">
<img class="r-stretch" src="/diagrams/arch6.svg">
</section>
<section data-background-image="/backgrounds/normal.svg" data-background-position="top right">
<h3>Deploymentstrategie</h3>
<center class="r-stack">
<img class="diagram fragment fade-out" data-fragment-index="1" src="/diagrams/deployment1.svg">
<img class="diagram fragment fade-in-then-out" data-fragment-index="1" src="/diagrams/deployment2.svg">
<img class="diagram fragment fade-in-then-out" src="/diagrams/deployment3.svg">
<img class="diagram fragment fade-in-then-out" src="/diagrams/deployment4.svg">
</center>
</section>
<section data-background-image="/backgrounds/normal.svg" data-background-position="top right">
<h3>Ideen zur Verbesserung</h3>
</section>
<section class="sc-left-and-right" data-background-color="black">

4
theme/scandio.scss
View File

@@ -91,6 +91,10 @@ ul {
}
}
img.diagram {
height: 600px;
}
// Change text colors against dark slide backgrounds
@include dark-bg-text-color(#fff);