Initial commit

assets/pip-install.svg

@@ -0,0 +1,58 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="340" height="50" viewBox="0 0 340 50">
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#1a1a2e"/>
+      <stop offset="100%" stop-color="#16213e"/>
+    </linearGradient>
+  </defs>
+  <style>
+    @keyframes reveal {
+      0%   { width: 0 }
+      56%  { width: 268px }
+      100% { width: 268px }
+    }
+    @keyframes blink {
+      0%,100% { opacity: 1 }
+      50%     { opacity: 0 }
+    }
+    @keyframes cursor-move {
+      0%   { x: 30px }
+      56%  { x: 298px }
+      100% { x: 298px }
+    }
+    .terminal-text {
+      font-family: 'SF Mono','Fira Code','Cascadia Code',Consolas,monospace;
+      font-size: 15px;
+    }
+    .clip-box {
+      animation: reveal 5s steps(27,end) infinite;
+    }
+    .cursor {
+      animation: blink 1s step-end infinite, cursor-move 5s steps(27,end) infinite;
+    }
+  </style>
+
+  <!-- Background -->
+  <rect width="340" height="50" rx="10" fill="url(#bg)"/>
+  <rect x="1" y="1" width="338" height="48" rx="9" fill="none" stroke="#3a3a5c" stroke-width="1" opacity="0.5"/>
+
+  <!-- Window dots -->
+  <circle cx="16" cy="15" r="4" fill="#ff5f56"/>
+  <circle cx="28" cy="15" r="4" fill="#ffbd2e"/>
+  <circle cx="40" cy="15" r="4" fill="#27c93f"/>
+
+  <!-- Static prompt $ -->
+  <text x="16" y="39" class="terminal-text" fill="#6c6c8a">$</text>
+
+  <!-- Typing text clipped by animated rect -->
+  <clipPath id="typed">
+    <rect x="30" y="20" height="25" class="clip-box"/>
+  </clipPath>
+  <g clip-path="url(#typed)">
+    <text x="32" y="39" class="terminal-text" fill="#27c93f">pip install</text>
+    <text x="152" y="39" class="terminal-text" fill="#e2e2ff" font-weight="bold"> vibe-trading-ai</text>
+  </g>
+
+  <!-- Blinking cursor -->
+  <rect y="27" width="9" height="16" rx="1" fill="#27c93f" opacity="0.9" class="cursor"/>
+</svg>