Fix svg link

denynemec · denynemec · commit 6ba1710db2ef · 2026-04-27T13:56:18.000+02:00
diff --git a/tutorials/images/module-mapping.svg b/tutorials/images/module-mapping.svg
@@ -1 +1 @@
-<svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" width="601" height="368" style="background-color:#fff" viewBox="-0.5 -0.5 601 368"><path fill="none" stroke="#000" stroke-miterlimit="10" d="M360 87h100v73.63" pointer-events="stroke"/><path stroke="#000" stroke-miterlimit="10" d="m460 165.88-3.5-7 3.5 1.75 3.5-1.75Z" pointer-events="all"/><path fill="none" stroke="#000" stroke-miterlimit="10" d="M240 87H140v73.63" pointer-events="stroke"/><path stroke="#000" stroke-miterlimit="10" d="m140 165.88-3.5-7 3.5 1.75 3.5-1.75Z" pointer-events="all"/><ellipse cx="300" cy="87" fill="#FFF" stroke="#000" pointer-events="all" rx="60" ry="40"/><switch transform="translate(-.5 -.5)"><foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="https://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><div xmlns="https://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:87px;margin-left:241px"><div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Main</div></div></div></foreignObject><text x="300" y="91" font-family="Helvetica" font-size="12" text-anchor="middle">Main</text></switch><path fill="none" stroke="#000" stroke-miterlimit="10" d="m97.57 235.28.06 31.72H60v13.63" pointer-events="stroke"/><path stroke="#000" stroke-miterlimit="10" d="m60 285.88-3.5-7 3.5 1.75 3.5-1.75Z" pointer-events="all"/><path fill="none" stroke="#000" stroke-miterlimit="10" d="m182.43 235.28-.06 31.72H220v13.63" pointer-events="stroke"/><path stroke="#000" stroke-miterlimit="10" d="m220 285.88-3.5-7 3.5 1.75 3.5-1.75Z" pointer-events="all"/><ellipse cx="140" cy="207" fill="#FFF" stroke="#000" pointer-events="all" rx="60" ry="40"/><switch transform="translate(-.5 -.5)"><foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="https://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><div xmlns="https://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:207px;margin-left:81px"><div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Page 1</div></div></div></foreignObject><text x="140" y="211" font-family="Helvetica" font-size="12" text-anchor="middle">Page 1</text></switch><path fill="none" stroke="#000" stroke-miterlimit="10" d="m417.57 235.28.06 31.72H380v13.63" pointer-events="stroke"/><path stroke="#000" stroke-miterlimit="10" d="m380 285.88-3.5-7 3.5 1.75 3.5-1.75Z" pointer-events="all"/><path fill="none" stroke="#000" stroke-miterlimit="10" d="m502.43 235.28-.06 31.72H540v13.63" pointer-events="stroke"/><path stroke="#000" stroke-miterlimit="10" d="m540 285.88-3.5-7 3.5 1.75 3.5-1.75Z" pointer-events="all"/><ellipse cx="460" cy="207" fill="#FFF" stroke="#000" pointer-events="all" rx="60" ry="40"/><switch transform="translate(-.5 -.5)"><foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="https://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><div xmlns="https://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:207px;margin-left:401px"><div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Page 2</div></div></div></foreignObject><text x="460" y="211" font-family="Helvetica" font-size="12" text-anchor="middle">Page 2</text></switch><ellipse cx="60" cy="327" fill="#FFF" stroke="#000" pointer-events="all" rx="60" ry="40"/><switch transform="translate(-.5 -.5)"><foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="https://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><div xmlns="https://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:327px;margin-left:1px"><div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Component 1</div></div></div></foreignObject><text x="60" y="331" font-family="Helvetica" font-size="12" text-anchor="middle">Component 1</text></switch><ellipse cx="220" cy="327" fill="#FFF" stroke="#000" pointer-events="all" rx="60" ry="40"/><switch transform="translate(-.5 -.5)"><foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="https://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><div xmlns="https://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:327px;margin-left:161px"><div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Component 2</div></div></div></foreignObject><text x="220" y="331" font-family="Helvetica" font-size="12" text-anchor="middle">Component 2</text></switch><ellipse cx="380" cy="327" fill="#FFF" stroke="#000" pointer-events="all" rx="60" ry="40"/><switch transform="translate(-.5 -.5)"><foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="https://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><div xmlns="https://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:327px;margin-left:321px"><div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Component 1</div></div></div></foreignObject><text x="380" y="331" font-family="Helvetica" font-size="12" text-anchor="middle">Component 1</text></switch><ellipse cx="540" cy="327" fill="#FFF" stroke="#000" pointer-events="all" rx="60" ry="40"/><switch transform="translate(-.5 -.5)"><foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="https://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><div xmlns="https://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:327px;margin-left:481px"><div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Component 2</div></div></div></foreignObject><text x="540" y="331" font-family="Helvetica" font-size="12" text-anchor="middle">Component 2</text></switch><path fill="none" stroke="#000" stroke-miterlimit="10" d="m320 7-17.15 34.3" pointer-events="stroke"/><path stroke="#000" stroke-miterlimit="10" d="M300.5 46v-7.83l2.35 3.13h3.91Z" pointer-events="all"/><switch><g requiredFeatures="https://www.w3.org/TR/SVG11/feature#Extensibility"/><a xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank" transform="translate(0 -5)"><text x="50%" y="100%" font-size="10" text-anchor="middle">Text is not SVG - cannot display</text></a></switch></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="601" height="368" style="background-color:#fff" viewBox="-0.5 -0.5 601 368"><path fill="none" stroke="#000" stroke-miterlimit="10" d="M360 87h100v73.63" pointer-events="stroke"/><path stroke="#000" stroke-miterlimit="10" d="m460 165.88-3.5-7 3.5 1.75 3.5-1.75Z" pointer-events="all"/><path fill="none" stroke="#000" stroke-miterlimit="10" d="M240 87H140v73.63" pointer-events="stroke"/><path stroke="#000" stroke-miterlimit="10" d="m140 165.88-3.5-7 3.5 1.75 3.5-1.75Z" pointer-events="all"/><ellipse cx="300" cy="87" fill="#FFF" stroke="#000" pointer-events="all" rx="60" ry="40"/><switch transform="translate(-.5 -.5)"><foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:87px;margin-left:241px"><div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Main</div></div></div></foreignObject><text x="300" y="91" font-family="Helvetica" font-size="12" text-anchor="middle">Main</text></switch><path fill="none" stroke="#000" stroke-miterlimit="10" d="m97.57 235.28.06 31.72H60v13.63" pointer-events="stroke"/><path stroke="#000" stroke-miterlimit="10" d="m60 285.88-3.5-7 3.5 1.75 3.5-1.75Z" pointer-events="all"/><path fill="none" stroke="#000" stroke-miterlimit="10" d="m182.43 235.28-.06 31.72H220v13.63" pointer-events="stroke"/><path stroke="#000" stroke-miterlimit="10" d="m220 285.88-3.5-7 3.5 1.75 3.5-1.75Z" pointer-events="all"/><ellipse cx="140" cy="207" fill="#FFF" stroke="#000" pointer-events="all" rx="60" ry="40"/><switch transform="translate(-.5 -.5)"><foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:207px;margin-left:81px"><div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Page 1</div></div></div></foreignObject><text x="140" y="211" font-family="Helvetica" font-size="12" text-anchor="middle">Page 1</text></switch><path fill="none" stroke="#000" stroke-miterlimit="10" d="m417.57 235.28.06 31.72H380v13.63" pointer-events="stroke"/><path stroke="#000" stroke-miterlimit="10" d="m380 285.88-3.5-7 3.5 1.75 3.5-1.75Z" pointer-events="all"/><path fill="none" stroke="#000" stroke-miterlimit="10" d="m502.43 235.28-.06 31.72H540v13.63" pointer-events="stroke"/><path stroke="#000" stroke-miterlimit="10" d="m540 285.88-3.5-7 3.5 1.75 3.5-1.75Z" pointer-events="all"/><ellipse cx="460" cy="207" fill="#FFF" stroke="#000" pointer-events="all" rx="60" ry="40"/><switch transform="translate(-.5 -.5)"><foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:207px;margin-left:401px"><div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Page 2</div></div></div></foreignObject><text x="460" y="211" font-family="Helvetica" font-size="12" text-anchor="middle">Page 2</text></switch><ellipse cx="60" cy="327" fill="#FFF" stroke="#000" pointer-events="all" rx="60" ry="40"/><switch transform="translate(-.5 -.5)"><foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:327px;margin-left:1px"><div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Component 1</div></div></div></foreignObject><text x="60" y="331" font-family="Helvetica" font-size="12" text-anchor="middle">Component 1</text></switch><ellipse cx="220" cy="327" fill="#FFF" stroke="#000" pointer-events="all" rx="60" ry="40"/><switch transform="translate(-.5 -.5)"><foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:327px;margin-left:161px"><div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Component 2</div></div></div></foreignObject><text x="220" y="331" font-family="Helvetica" font-size="12" text-anchor="middle">Component 2</text></switch><ellipse cx="380" cy="327" fill="#FFF" stroke="#000" pointer-events="all" rx="60" ry="40"/><switch transform="translate(-.5 -.5)"><foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:327px;margin-left:321px"><div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Component 1</div></div></div></foreignObject><text x="380" y="331" font-family="Helvetica" font-size="12" text-anchor="middle">Component 1</text></switch><ellipse cx="540" cy="327" fill="#FFF" stroke="#000" pointer-events="all" rx="60" ry="40"/><switch transform="translate(-.5 -.5)"><foreignObject width="100%" height="100%" pointer-events="none" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow:visible;text-align:left"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;align-items:unsafe center;justify-content:unsafe center;width:118px;height:1px;padding-top:327px;margin-left:481px"><div data-drawio-colors="color: rgb(0, 0, 0);" style="box-sizing:border-box;font-size:0;text-align:center"><div style="display:inline-block;font-size:12px;font-family:Helvetica;color:#000;line-height:1.2;pointer-events:all;white-space:normal;overflow-wrap:normal">Component 2</div></div></div></foreignObject><text x="540" y="331" font-family="Helvetica" font-size="12" text-anchor="middle">Component 2</text></switch><path fill="none" stroke="#000" stroke-miterlimit="10" d="m320 7-17.15 34.3" pointer-events="stroke"/><path stroke="#000" stroke-miterlimit="10" d="M300.5 46v-7.83l2.35 3.13h3.91Z" pointer-events="all"/><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank" transform="translate(0 -5)"><text x="50%" y="100%" font-size="10" text-anchor="middle">Text is not SVG - cannot display</text></a></switch></svg>
