replace png file on index with svg

gregor-j · gregor-j · commit 6aaa480e6302 · 2024-08-07T09:19:58.000+02:00
diff --git a/index.md b/index.md
@@ -6,7 +6,7 @@ and your PHP-Code.
 As to why this project has been created and which goals it
 wants to achieve, you can read the [motivation](motivation).
 
-![PHP/SAP](res/php-sap.png)
+![PHP/SAP](res/php-sap.svg)
 
 The interfaces define a common denominator on how to configure a
 connection to SAP, prepare a SAP remote function call, and invoke a SAP remote
diff --git a/res/php-sap.png b/res/php-sap.png
diff --git a/res/php-sap.svg b/res/php-sap.svg
@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Generated by graphviz version 2.43.0 (0)
+ -->
+<!-- Title: G Pages: 1 -->
+<svg width="506pt" height="320pt"
+ viewBox="0.00 0.00 506.00 320.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 316)">
+<title>G</title>
+<polygon fill="white" stroke="transparent" points="-4,4 -4,-316 502,-316 502,4 -4,4"/>
+<g id="clust1" class="cluster">
+<title>cluster1</title>
+<polygon fill="none" stroke="blue" points="35,-8 35,-99 488,-99 488,-8 35,-8"/>
+</g>
+<g id="clust2" class="cluster">
+<title>cluster11</title>
+<polygon fill="none" stroke="blue" points="336,-16 336,-91 480,-91 480,-16 336,-16"/>
+<text text-anchor="middle" x="408" y="-75.8" font-family="Times,serif" font-size="14.00">PHP 7.x/8.x</text>
+</g>
+<g id="clust3" class="cluster">
+<title>cluster12</title>
+<polygon fill="none" stroke="blue" points="43,-16 43,-91 328,-91 328,-16 43,-16"/>
+<text text-anchor="middle" x="185.5" y="-75.8" font-family="Times,serif" font-size="14.00">PHP 5.x</text>
+</g>
+<g id="clust4" class="cluster">
+<title>cluster2</title>
+<polygon fill="none" stroke="green" points="8,-107 8,-221 490,-221 490,-107 8,-107"/>
+<text text-anchor="middle" x="249" y="-205.8" font-family="Times,serif" font-size="14.00">php&#45;sap/interfaces</text>
+</g>
+<g id="clust5" class="cluster">
+<title>cluster21</title>
+<polygon fill="none" stroke="green" points="16,-115 16,-190 482,-190 482,-115 16,-115"/>
+<text text-anchor="middle" x="249" y="-174.8" font-family="Times,serif" font-size="14.00">php&#45;sap/common</text>
+</g>
+<g id="clust6" class="cluster">
+<title>cluster3</title>
+<polygon fill="none" stroke="red" points="123,-229 123,-304 383,-304 383,-229 123,-229"/>
+<text text-anchor="middle" x="253" y="-288.8" font-family="Times,serif" font-size="14.00">your code</text>
+</g>
+<!-- sapnwrfc7 -->
+<g id="node1" class="node">
+<title>sapnwrfc7</title>
+<polygon fill="none" stroke="blue" points="471.5,-60 344.5,-60 344.5,-24 471.5,-24 471.5,-60"/>
+<text text-anchor="middle" x="408" y="-38.3" font-family="Times,serif" font-size="14.00">G. Kraliks sapnwrfc</text>
+</g>
+<!-- sapnwrfc5 -->
+<g id="node2" class="node">
+<title>sapnwrfc5</title>
+<polygon fill="none" stroke="blue" points="319.5,-60 186.5,-60 186.5,-24 319.5,-24 319.5,-60"/>
+<text text-anchor="middle" x="253" y="-38.3" font-family="Times,serif" font-size="14.00">P. Hardings sapnwrfc</text>
+</g>
+<!-- saprfc -->
+<g id="node3" class="node">
+<title>saprfc</title>
+<polygon fill="none" stroke="blue" points="168.5,-60 51.5,-60 51.5,-24 168.5,-24 168.5,-60"/>
+<text text-anchor="middle" x="110" y="-38.3" font-family="Times,serif" font-size="14.00">E. Kouckys saprfc</text>
+</g>
+<!-- php&#45;sap/saprfc&#45;koucky -->
+<g id="node4" class="node">
+<title>php&#45;sap/saprfc&#45;koucky</title>
+<polygon fill="none" stroke="green" points="164,-159 24,-159 24,-123 164,-123 164,-159"/>
+<text text-anchor="middle" x="94" y="-137.3" font-family="Times,serif" font-size="14.00">php&#45;sap/saprfc&#45;koucky</text>
+</g>
+<!-- php&#45;sap/saprfc&#45;koucky&#45;&gt;saprfc -->
+<g id="edge1" class="edge">
+<title>php&#45;sap/saprfc&#45;koucky&#45;&gt;saprfc</title>
+<path fill="none" stroke="green" d="M107.75,-122.84C107.75,-122.84 107.75,-70.04 107.75,-70.04"/>
+<polygon fill="green" stroke="green" points="111.25,-70.04 107.75,-60.04 104.25,-70.04 111.25,-70.04"/>
+</g>
+<!-- php&#45;sap/saprfc&#45;harding -->
+<g id="node5" class="node">
+<title>php&#45;sap/saprfc&#45;harding</title>
+<polygon fill="none" stroke="green" points="324,-159 182,-159 182,-123 324,-123 324,-159"/>
+<text text-anchor="middle" x="253" y="-137.3" font-family="Times,serif" font-size="14.00">php&#45;sap/saprfc&#45;harding</text>
+</g>
+<!-- php&#45;sap/saprfc&#45;harding&#45;&gt;sapnwrfc5 -->
+<g id="edge2" class="edge">
+<title>php&#45;sap/saprfc&#45;harding&#45;&gt;sapnwrfc5</title>
+<path fill="none" stroke="green" d="M253,-122.84C253,-122.84 253,-70.04 253,-70.04"/>
+<polygon fill="green" stroke="green" points="256.5,-70.04 253,-60.04 249.5,-70.04 256.5,-70.04"/>
+</g>
+<!-- php&#45;sap/saprfc&#45;kralik -->
+<g id="node6" class="node">
+<title>php&#45;sap/saprfc&#45;kralik</title>
+<polygon fill="none" stroke="green" points="474,-159 342,-159 342,-123 474,-123 474,-159"/>
+<text text-anchor="middle" x="408" y="-137.3" font-family="Times,serif" font-size="14.00">php&#45;sap/saprfc&#45;kralik</text>
+</g>
+<!-- php&#45;sap/saprfc&#45;kralik&#45;&gt;sapnwrfc7 -->
+<g id="edge3" class="edge">
+<title>php&#45;sap/saprfc&#45;kralik&#45;&gt;sapnwrfc7</title>
+<path fill="none" stroke="green" d="M408,-122.84C408,-122.84 408,-70.04 408,-70.04"/>
+<polygon fill="green" stroke="green" points="411.5,-70.04 408,-60.04 404.5,-70.04 411.5,-70.04"/>
+</g>
+<!-- yourcode -->
+<g id="node7" class="node">
+<title>yourcode</title>
+<polygon fill="none" stroke="red" points="375,-273 131,-273 131,-237 375,-237 375,-273"/>
+<text text-anchor="middle" x="253" y="-251.3" font-family="Times,serif" font-size="14.00">create() ➔ setConfiguration() ➔ invoke()</text>
+</g>
+<!-- yourcode&#45;&gt;php&#45;sap/saprfc&#45;harding -->
+<g id="edge4" class="edge">
+<title>yourcode&#45;&gt;php&#45;sap/saprfc&#45;harding</title>
+<path fill="none" stroke="red" d="M253,-236.94C253,-236.94 253,-234.69 253,-231.01"/>
+<polygon fill="red" stroke="red" points="256.5,-231 253,-221 249.5,-231 256.5,-231"/>
+</g>
+</g>
+</svg>
