fix: replace broken webp with animated SVG demo for GitHub README

Author: claudlos

README.md

@@ -4,7 +4,7 @@
 
 Cloding is a universal wrapper that lets you run Claude Code, Gemini CLI, Codex CLI, OpenCode, or GitHub Copilot CLI — use OpenRouter, Direct API keys, or link to your paid plan.
 
-![Cloding Terminal Demo](docs/cloding_demo.webp)
+![Cloding Terminal Demo](docs/cloding_demo.svg)
 
 ---
 

docs/cloding_demo.svg

@@ -0,0 +1,275 @@
+{"version": 2, "width": 90, "height": 32, "timestamp": 1709251200, "env": {"SHELL": "/bin/bash", "TERM": "xterm-256color"}}
+[0.5, "o", "\u001b[0m\u001b[38;5;252mPS C:\\Users\\Carlos\\Documents\\Code> \u001b[0m"]
+[1.0, "o", "c"]
+[1.05, "o", "l"]
+[1.1, "o", "o"]
+[1.15, "o", "d"]
+[1.2, "o", "i"]
+[1.25, "o", "n"]
+[1.3, "o", "g"]
+[1.35, "o", " "]
+[1.4, "o", "-"]
+[1.45, "o", "m"]
+[1.5, "o", " "]
+[1.55, "o", "o"]
+[1.6, "o", "p"]
+[1.65, "o", "u"]
+[1.7, "o", "s"]
+[1.75, "o", " "]
+[1.8, "o", "-"]
+[1.85, "o", "p"]
+[1.9, "o", " "]
+[1.95, "o", "'"]
+[2.0, "o", "d"]
+[2.05, "o", "e"]
+[2.1, "o", "s"]
+[2.15, "o", "i"]
+[2.2, "o", "g"]
+[2.25, "o", "n"]
+[2.3, "o", " "]
+[2.35, "o", "a"]
+[2.4, "o", " "]
+[2.45, "o", "s"]
+[2.5, "o", "c"]
+[2.55, "o", "a"]
+[2.6, "o", "l"]
+[2.65, "o", "a"]
+[2.7, "o", "b"]
+[2.75, "o", "l"]
+[2.8, "o", "e"]
+[2.85, "o", " "]
+[2.9, "o", "a"]
+[2.95, "o", "p"]
+[3.0, "o", "i"]
+[3.05, "o", "'"]
+[3.3, "o", "\r\n"]
+[3.6, "o", "\r\n\u001b[38;5;75m  ⚡ cloding\u001b[0m → Claude Opus 4.6 ($5.00/$25.00 per Mtok)\r\n"]
+[3.9, "o", "\r\nDesigning a scalable API architecture...\r\n"]
+[4.1, "o", "- Use microservices with a central gateway\r\n"]
+[4.3, "o", "- Implement Redis caching for high-load endpoints\r\n"]
+[5.0, "o", "\r\n\u001b[38;5;252mPS C:\\Users\\Carlos\\Documents\\Code> \u001b[0m"]
+[5.5, "o", "c"]
+[5.55, "o", "l"]
+[5.6, "o", "o"]
+[5.65, "o", "d"]
+[5.7, "o", "i"]
+[5.75, "o", "n"]
+[5.8, "o", "g"]
+[5.85, "o", " "]
+[5.9, "o", "-"]
+[5.95, "o", "m"]
+[6.0, "o", " "]
+[6.05, "o", "s"]
+[6.1, "o", "o"]
+[6.15, "o", "n"]
+[6.2, "o", "n"]
+[6.25, "o", "e"]
+[6.3, "o", "t"]
+[6.35, "o", " "]
+[6.4, "o", "-"]
+[6.45, "o", "p"]
+[6.5, "o", " "]
+[6.55, "o", "'"]
+[6.6, "o", "r"]
+[6.65, "o", "e"]
+[6.7, "o", "f"]
+[6.75, "o", "a"]
+[6.8, "o", "c"]
+[6.85, "o", "t"]
+[6.9, "o", "o"]
+[6.95, "o", "r"]
+[7.0, "o", " "]
+[7.05, "o", "t"]
+[7.1, "o", "h"]
+[7.15, "o", "i"]
+[7.2, "o", "s"]
+[7.25, "o", " "]
+[7.3, "o", "m"]
+[7.35, "o", "o"]
+[7.4, "o", "d"]
+[7.45, "o", "u"]
+[7.5, "o", "l"]
+[7.55, "o", "e"]
+[7.6, "o", "'"]
+[7.8, "o", "\r\n"]
+[8.1, "o", "\r\n\u001b[38;5;75m  ⚡ cloding\u001b[0m → Claude Sonnet 4 ($3.00/$15.00 per Mtok)\r\n"]
+[8.3, "o", "   \u001b[38;5;46m2x cheaper than Opus\u001b[0m\r\n"]
+[8.5, "o", "\r\nRefactoring module for better readability...\r\n"]
+[8.7, "o", "- Extracted logic into helper functions\r\n"]
+[9.4, "o", "\r\n\u001b[38;5;252mPS C:\\Users\\Carlos\\Documents\\Code> \u001b[0m"]
+[9.9, "o", "c"]
+[9.95, "o", "l"]
+[10.0, "o", "o"]
+[10.05, "o", "d"]
+[10.1, "o", "i"]
+[10.15, "o", "n"]
+[10.2, "o", "g"]
+[10.25, "o", " "]
+[10.3, "o", "-"]
+[10.35, "o", "m"]
+[10.4, "o", " "]
+[10.45, "o", "h"]
+[10.5, "o", "a"]
+[10.55, "o", "i"]
+[10.6, "o", "k"]
+[10.65, "o", "u"]
+[10.7, "o", " "]
+[10.75, "o", "-"]
+[10.8, "o", "p"]
+[10.85, "o", " "]
+[10.9, "o", "'"]
+[10.95, "o", "c"]
+[11.0, "o", "h"]
+[11.05, "o", "e"]
+[11.1, "o", "c"]
+[11.15, "o", "k"]
+[11.2, "o", " "]
+[11.25, "o", "f"]
+[11.3, "o", "o"]
+[11.35, "o", "r"]
+[11.4, "o", " "]
+[11.45, "o", "t"]
+[11.5, "o", "y"]
+[11.55, "o", "p"]
+[11.6, "o", "o"]
+[11.65, "o", "s"]
+[11.7, "o", "'"]
+[11.9, "o", "\r\n"]
+[12.2, "o", "\r\n\u001b[38;5;75m  ⚡ cloding\u001b[0m → Claude Haiku 4.5 ($1.00/$5.00 per Mtok)\r\n"]
+[12.4, "o", "   \u001b[38;5;46m5x cheaper than Opus\u001b[0m\r\n"]
+[12.6, "o", "\r\nChecking documentation for typos... No typos found!\r\n"]
+[13.3, "o", "\r\n\u001b[38;5;252mPS C:\\Users\\Carlos\\Documents\\Code> \u001b[0m"]
+[13.8, "o", "c"]
+[13.85, "o", "l"]
+[13.9, "o", "o"]
+[13.95, "o", "d"]
+[14.0, "o", "i"]
+[14.05, "o", "n"]
+[14.1, "o", "g"]
+[14.15, "o", " "]
+[14.2, "o", "-"]
+[14.25, "o", "m"]
+[14.3, "o", " "]
+[14.35, "o", "g"]
+[14.4, "o", "e"]
+[14.45, "o", "m"]
+[14.5, "o", "i"]
+[14.55, "o", "n"]
+[14.6, "o", "i"]
+[14.65, "o", "-"]
+[14.7, "o", "3"]
+[14.75, "o", " "]
+[14.8, "o", "-"]
+[14.85, "o", "p"]
+[14.9, "o", " "]
+[14.95, "o", "'"]
+[15.0, "o", "e"]
+[15.05, "o", "x"]
+[15.1, "o", "p"]
+[15.15, "o", "l"]
+[15.2, "o", "a"]
+[15.25, "o", "i"]
+[15.3, "o", "n"]
+[15.35, "o", " "]
+[15.4, "o", "t"]
+[15.45, "o", "h"]
+[15.5, "o", "i"]
+[15.55, "o", "s"]
+[15.6, "o", " "]
+[15.65, "o", "r"]
+[15.7, "o", "e"]
+[15.75, "o", "g"]
+[15.8, "o", "e"]
+[15.85, "o", "x"]
+[15.9, "o", "'"]
+[16.1, "o", "\r\n"]
+[16.4, "o", "\r\n\u001b[38;5;75m  ⚡ cloding\u001b[0m → Gemini 3 Pro (Paid Plan)\r\n"]
+[16.6, "o", "\u001b[38;5;228mNote:\u001b[0m Using Gemini paid subscription.\r\n"]
+[16.8, "o", "\r\nRegex `/^.+@.+\\..+$/` matches basic email validation.\r\n"]
+[17.5, "o", "\r\n\u001b[38;5;252mPS C:\\Users\\Carlos\\Documents\\Code> \u001b[0m"]
+[18.0, "o", "c"]
+[18.05, "o", "l"]
+[18.1, "o", "o"]
+[18.15, "o", "d"]
+[18.2, "o", "i"]
+[18.25, "o", "n"]
+[18.3, "o", "g"]
+[18.35, "o", " "]
+[18.4, "o", "-"]
+[18.45, "o", "m"]
+[18.5, "o", " "]
+[18.55, "o", "c"]
+[18.6, "o", "o"]
+[18.65, "o", "d"]
+[18.7, "o", "e"]
+[18.75, "o", "x"]
+[18.8, "o", "-"]
+[18.85, "o", "5"]
+[18.9, "o", " "]
+[18.95, "o", "-"]
+[19.0, "o", "p"]
+[19.05, "o", " "]
+[19.1, "o", "'"]
+[19.15, "o", "w"]
+[19.2, "o", "r"]
+[19.25, "o", "i"]
+[19.3, "o", "t"]
+[19.35, "o", "e"]
+[19.4, "o", " "]
+[19.45, "o", "a"]
+[19.5, "o", " "]
+[19.55, "o", "u"]
+[19.6, "o", "n"]
+[19.65, "o", "i"]
+[19.7, "o", "t"]
+[19.75, "o", " "]
+[19.8, "o", "t"]
+[19.85, "o", "e"]
+[19.9, "o", "s"]
+[19.95, "o", "t"]
+[20.0, "o", "'"]
+[20.2, "o", "\r\n"]
+[20.5, "o", "\r\n\u001b[38;5;75m  ⚡ cloding\u001b[0m → Codex (Paid Plan)\r\n"]
+[20.7, "o", "\u001b[38;5;228mNote:\u001b[0m Using ChatGPT paid subscription.\r\n"]
+[20.9, "o", "\r\nGenerating Jest test case for `sum(a, b)`...\r\n"]
+[21.6, "o", "\r\n\u001b[38;5;252mPS C:\\Users\\Carlos\\Documents\\Code> \u001b[0m"]
+[22.1, "o", "c"]
+[22.15, "o", "l"]
+[22.2, "o", "o"]
+[22.25, "o", "d"]
+[22.3, "o", "i"]
+[22.35, "o", "n"]
+[22.4, "o", "g"]
+[22.45, "o", " "]
+[22.5, "o", "-"]
+[22.55, "o", "m"]
+[22.6, "o", " "]
+[22.65, "o", "c"]
+[22.7, "o", "o"]
+[22.75, "o", "p"]
+[22.8, "o", "i"]
+[22.85, "o", "l"]
+[22.9, "o", "o"]
+[22.95, "o", "t"]
+[23.0, "o", " "]
+[23.05, "o", "-"]
+[23.1, "o", "p"]
+[23.15, "o", " "]
+[23.2, "o", "'"]
+[23.25, "o", "f"]
+[23.3, "o", "i"]
+[23.35, "o", "x"]
+[23.4, "o", " "]
+[23.45, "o", "t"]
+[23.5, "o", "h"]
+[23.55, "o", "i"]
+[23.6, "o", "s"]
+[23.65, "o", " "]
+[23.7, "o", "b"]
+[23.75, "o", "u"]
+[23.8, "o", "g"]
+[23.85, "o", "'"]
+[24.1, "o", "\r\n"]
+[24.4, "o", "\r\n\u001b[38;5;75m  ⚡ cloding\u001b[0m → GitHub Copilot\r\n"]
+[24.6, "o", "\r\nSearching codebase... Fixed null pointer exception in `handler.js`.\r\n"]
+[25.3, "o", "\r\n\u001b[38;5;252mPS C:\\Users\\Carlos\\Documents\\Code> \u001b[0m"]