testing with adding blog to portfolio website

frontend/src/assets/blogs/deployment-diagram.svg

@@ -0,0 +1,40 @@
+<svg viewBox="0 0 600 300" xmlns="http://www.w3.org/2000/svg">
+  <!-- Title -->
+  <text x="300" y="30" text-anchor="middle" font-size="20" font-weight="bold">Deployment</text>
+  
+  <!-- Deployment Controller -->
+  <rect x="250" y="50" width="100" height="50" fill="#4a9eda" rx="5"/>
+  <text x="300" y="80" text-anchor="middle" fill="white">Deployment</text>
+  
+  <!-- ReplicaSet -->
+  <rect x="250" y="120" width="100" height="40" fill="#67b246" rx="5"/>
+  <text x="300" y="145" text-anchor="middle" fill="white">ReplicaSet</text>
+  
+  <!-- Pods -->
+  <g transform="translate(100,200)">
+    <rect width="80" height="60" fill="#f2d864" rx="5"/>
+    <text x="40" y="25" text-anchor="middle">Pod 1</text>
+    <rect x="10" y="30" width="60" height="20" fill="#b4b4b4" rx="3"/>
+    <text x="40" y="45" text-anchor="middle" font-size="12">Container</text>
+  </g>
+  
+  <g transform="translate(260,200)">
+    <rect width="80" height="60" fill="#f2d864" rx="5"/>
+    <text x="40" y="25" text-anchor="middle">Pod 2</text>
+    <rect x="10" y="30" width="60" height="20" fill="#b4b4b4" rx="3"/>
+    <text x="40" y="45" text-anchor="middle" font-size="12">Container</text>
+  </g>
+  
+  <g transform="translate(420,200)">
+    <rect width="80" height="60" fill="#f2d864" rx="5"/>
+    <text x="40" y="25" text-anchor="middle">Pod 3</text>
+    <rect x="10" y="30" width="60" height="20" fill="#b4b4b4" rx="3"/>
+    <text x="40" y="45" text-anchor="middle" font-size="12">Container</text>
+  </g>
+  
+  <!-- Connecting Lines -->
+  <path d="M300 100 L300 120" stroke="black" stroke-width="2"/>
+  <path d="M300 160 L140 200" stroke="black" stroke-width="2"/>
+  <path d="M300 160 L300 200" stroke="black" stroke-width="2"/>
+  <path d="M300 160 L460 200" stroke="black" stroke-width="2"/>
+</svg>