add drawings and update wiki folder in docs

Author: oyeaussie

Diff for: .gitmodules

@@ -1,3 +1,3 @@
-[submodule "docs/PHPFirewall.wiki"]
-	path = docs/PHPFirewall.wiki
+[submodule "docs/wiki"]
+	path = docs/wiki
 	url = https://github.com/oyeaussie/PHPFirewall.wiki.git

Diff for: docs/drawings/Network Diagram.drawio

@@ -0,0 +1,42 @@
+<mxfile host="Electron" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/24.7.5 Chrome/126.0.6478.183 Electron/31.3.0 Safari/537.36" version="24.7.5">
+  <diagram name="Page-1" id="2y43wnzdBJ3bg5Jad55E">
+    <mxGraphModel dx="1434" dy="838" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
+      <root>
+        <mxCell id="0" />
+        <mxCell id="1" parent="0" />
+        <mxCell id="-62eXCh9zntj4stJ0czf-3" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="-62eXCh9zntj4stJ0czf-1" target="-62eXCh9zntj4stJ0czf-2">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="-62eXCh9zntj4stJ0czf-1" value="INTERNET" style="image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;spacingTop=3;image=img/lib/active_directory/internet_cloud.svg;verticalAlign=top;horizontal=1;" vertex="1" parent="1">
+          <mxGeometry x="123" y="95" width="119" height="74.97" as="geometry" />
+        </mxCell>
+        <mxCell id="-62eXCh9zntj4stJ0czf-8" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="-62eXCh9zntj4stJ0czf-2" target="-62eXCh9zntj4stJ0czf-7">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="-62eXCh9zntj4stJ0czf-2" value="&lt;div&gt;SHARED HOSTING PROVIDER/&lt;/div&gt;&lt;div&gt;PERIMETER ROUTER&lt;/div&gt;" style="sketch=0;points=[[0.5,0,0],[1,0.5,0],[0.5,1,0],[0,0.5,0],[0.145,0.145,0],[0.8555,0.145,0],[0.855,0.8555,0],[0.145,0.855,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=router;fillColor=#FAFAFA;strokeColor=#005073;" vertex="1" parent="1">
+          <mxGeometry x="376" y="107.49" width="50" height="50" as="geometry" />
+        </mxCell>
+        <mxCell id="-62eXCh9zntj4stJ0czf-4" value="YOUR WEB RESOURCE&lt;div&gt;RUNNING&lt;span style=&quot;background-color: initial;&quot;&gt;&amp;nbsp;PHPFIREWALL&lt;/span&gt;&lt;/div&gt;" style="verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.server;" vertex="1" parent="1">
+          <mxGeometry x="594" y="125" width="50" height="15" as="geometry" />
+        </mxCell>
+        <mxCell id="-62eXCh9zntj4stJ0czf-7" value="" style="shape=waypoint;sketch=0;size=6;pointerEvents=1;points=[];fillColor=#FAFAFA;resizable=0;rotatable=0;perimeter=centerPerimeter;snapToPoint=1;verticalAlign=top;strokeColor=#005073;" vertex="1" parent="1">
+          <mxGeometry x="584" y="122.49" width="20" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="-62eXCh9zntj4stJ0czf-9" value="DOCKER IMAGE&amp;nbsp;&lt;div&gt;RUNNING PHPFIREWALL&lt;/div&gt;" style="verticalLabelPosition=top;html=1;verticalAlign=bottom;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.server;labelPosition=center;" vertex="1" parent="1">
+          <mxGeometry x="594" y="53" width="50" height="15" as="geometry" />
+        </mxCell>
+        <mxCell id="-62eXCh9zntj4stJ0czf-13" value="" style="endArrow=classic;startArrow=classic;html=1;rounded=0;exitX=0.5;exitY=0;exitDx=0;exitDy=0;exitPerimeter=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" parent="1" source="-62eXCh9zntj4stJ0czf-4" target="-62eXCh9zntj4stJ0czf-9">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <mxPoint x="574" y="125" as="sourcePoint" />
+            <mxPoint x="624" y="75" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="-62eXCh9zntj4stJ0czf-15" value="OR" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="-62eXCh9zntj4stJ0czf-13">
+          <mxGeometry relative="1" as="geometry">
+            <mxPoint as="offset" />
+          </mxGeometry>
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>