Try again

Author: OEvgeny

ACHIEVEMENTS.md

@@ -43,28 +43,7 @@ A curated list of major achievements by the Web Chat team. This document celebra
 
 ---
 
-<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg" style="max-width: 100%; height: auto">
-  <defs>
-    <radialGradient id="glow-circle" cx="50%" cy="50%" r="50%">
-      <stop offset="0%" stop-color="#C7DFFF" />
-      <stop offset="100%" stop-color="#5A91DD" />
-    </radialGradient>
-    <filter id="fluent-shadow" x="-20%" y="-20%" width="140%" height="140%">
-      <feDropShadow dx="0" dy="4" stdDeviation="6" flood-color="#000" flood-opacity="0.15" />
-    </filter>
-    <clipPath id="squircle">
-      <path d="M50,0 H350 Q400,0 400,50 V350 Q400,400 350,400 H50 Q0,400 0,350 V50 Q0,0 50,0 Z" />
-    </clipPath>
-  </defs>
-
-  <g filter="url(#fluent-shadow)">
-    <rect x="0" y="0" width="400" height="400" rx="80" ry="80" fill="#fff" />
-    <image href="https://raw.githubusercontent.com/microsoft/BotFramework-WebChat/refs/heads/main/__tests__/html2/fluentTheme/carousel.html.snap-2.png" x="0" y="0" width="400" height="400" clip-path="url(#squircle)" preserveAspectRatio="xMidYMid slice" />
-  </g>
-
-  <circle cx="30" cy="30" r="16" fill="url(#glow-circle)" />
-  <circle cx="370" cy="370" r="12" fill="url(#glow-circle)" />
-</svg>
+![Achievement exmaple](<data:image/svg+xml,%3Csvg%20width%3D%22400%22%20height%3D%22400%22%20viewBox%3D%22-20%20-20%20440%20440%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22max-width%3A%20100%25%3B%20height%3A%20auto%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CradialGradient%20id%3D%22glow-circle%22%20cx%3D%2250%25%22%20cy%3D%2250%25%22%20r%3D%2250%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23C7DFFF%22%3E%3C%2Fstop%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%235A91DD%22%3E%3C%2Fstop%3E%0A%20%20%20%20%3C%2FradialGradient%3E%0A%20%20%20%20%3Cfilter%20id%3D%22fluent-shadow%22%20x%3D%22-20%25%22%20y%3D%22-20%25%22%20width%3D%22140%25%22%20height%3D%22140%25%22%3E%0A%20%20%20%20%20%20%3CfeDropShadow%20dx%3D%220%22%20dy%3D%224%22%20stdDeviation%3D%226%22%20flood-color%3D%22%23000%22%20flood-opacity%3D%220.15%22%3E%3C%2FfeDropShadow%3E%0A%20%20%20%20%3C%2Ffilter%3E%0A%20%20%20%20%3CclipPath%20id%3D%22squircle%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M50%2C0%20H350%20Q400%2C0%20400%2C50%20V350%20Q400%2C400%20350%2C400%20H50%20Q0%2C400%200%2C350%20V50%20Q0%2C0%2050%2C0%20Z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%0A%20%20%3Cg%20filter%3D%22url(%23fluent-shadow)%22%3E%0A%20%20%20%20%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22400%22%20height%3D%22400%22%20rx%3D%2280%22%20ry%3D%2280%22%20fill%3D%22%23fff%22%3E%3C%2Frect%3E%0A%20%20%20%20%3Cimage%20href%3D%22https%3A%2F%2Fraw.githubusercontent.com%2Fmicrosoft%2FBotFramework-WebChat%2Frefs%2Fheads%2Fmain%2F__tests__%2Fhtml2%2FfluentTheme%2Fcarousel.html.snap-2.png%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22400%22%20height%3D%22400%22%20clip-path%3D%22url(%23squircle)%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3C%2Fimage%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%2230%22%20r%3D%2216%22%20fill%3D%22url(%23glow-circle)%22%3E%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%22370%22%20cy%3D%22370%22%20r%3D%2212%22%20fill%3D%22url(%23glow-circle)%22%3E%3C%2Fcircle%3E%0A%3C%2Fsvg%3E>)
 
 ## 🎨 UI & Theming