Initialize Vue 3 portfolio site with Vite, Tailwind CSS, and GSAP. Add Docker support and GitHub Actions for deployment. Include essential project files, configurations, and a Product Requirements Document (PRD).

public/avatar.svg

@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="480" height="480" viewBox="0 0 480 480">
+  <defs>
+    <linearGradient id="sky" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#38bdf8"/>
+      <stop offset="55%" stop-color="#0d9488"/>
+      <stop offset="100%" stop-color="#0f2137"/>
+    </linearGradient>
+    <linearGradient id="sand" x1="0" y1="1" x2="1" y2="0">
+      <stop offset="0%" stop-color="#f4e4c1"/>
+      <stop offset="100%" stop-color="#d4a574"/>
+    </linearGradient>
+  </defs>
+  <rect width="480" height="480" fill="url(#sky)"/>
+  <path
+    fill="url(#sand)"
+    opacity="0.35"
+    d="M0 360c80-40 160-20 240 0s160 40 240 20v120H0z"
+  />
+  <circle cx="240" cy="175" r="72" fill="#f4e4c1" opacity="0.9"/>
+  <path
+    fill="#f4e4c1"
+    opacity="0.85"
+    d="M120 400c40-100 200-100 240 0v80H120z"
+  />
+  <text
+    x="240"
+    y="430"
+    text-anchor="middle"
+    fill="#0a1628"
+    font-family="system-ui,sans-serif"
+    font-size="18"
+    opacity="0.55"
+  >
+    Replace with photo
+  </text>
+</svg>