Update Telegram updates

Someshdiwan · Someshdiwan · commit 9d92dc87bcd1 · 2025-10-01T04:47:23.000+05:30
banner: continuous loop animation + clickable link in README.md. Signed-off-by: https://github.com/Someshdiwan <someshdiwan369@gmail.com>
diff --git a/README.md b/README.md
@@ -50,11 +50,13 @@ alt="Open Live Guide (Google)" style="animation: glow 3s infinite alternate; bor
   </a>
 </p>
 
-<!-- Centered Animated Banner -->
+<!-- Centered SVG Banner (clickable in README) -->
 <p align="center">
-  <img src="site/assets/telegram-updates-text.svg" 
-       alt="Telegram Updates Banner" 
-       width="800" height="100"/>
+  <a href="https://t.me/JavaEvolutionUpdates" target="_blank" rel="noopener">
+    <img src="site/assets/telegram-updates-text.svg" 
+         alt="Telegram Updates Banner" 
+         width="800" height="100"/>
+  </a>
 </p>
 
 <!-- Spacer below -->
diff --git a/site/assets/telegram-updates-text.svg b/site/assets/telegram-updates-text.svg
@@ -4,24 +4,46 @@
      role="img" aria-labelledby="title desc">
     <title id="title">Telegram updates banner</title>
     <desc id="desc">Animated typing line inviting users to join a Telegram channel for real-time updates.</desc>
-    <!-- Whole banner is clickable -->
+
+    <!-- Whole banner clickable (works on web pages; README needs outer <a> around <img>) -->
     <a xlink:href="https://t.me/JavaEvolutionUpdates" target="_blank" rel="noopener">
+
         <!-- Soft panel background -->
-        <rect x="12" y="20" width="776" height="60" rx="14" fill="#FFFFFF" opacity="0.10"/>
-        <!-- Reveal mask -->
+        <rect x="0" y="20" width="800" height="60" rx="14" fill="#FFFFFF" opacity="0.10"/>
+
+        <!-- Reveal mask (looping, slow→fast each cycle) -->
         <clipPath id="reveal">
-            <rect x="40" y="24" width="0" height="52">
-                <animate attributeName="width" from="0" to="720" dur="4.5s" begin="0.6s" fill="freeze"/>
+            <rect x="60" y="24" width="0" height="52">
+                <!-- 6s cycle: reveal 0→680, pause at end, snap back to 0; ease-in so it starts slow and speeds up -->
+                <animate attributeName="width"
+                         values="0;680;680;0"
+                         keyTimes="0;0.82;0.88;1"
+                         dur="6s"
+                         calcMode="spline"
+                         keySplines="0.4 0 1 1; 0 0 1 1; 0 0 1 1"
+                         repeatCount="indefinite"/>
             </rect>
         </clipPath>
-        <!-- Caret -->
-        <rect x="40" y="34" width="2" height="30" rx="1" ry="1" fill="#111111">
-            <animate attributeName="x" from="40" to="760" dur="4.5s" begin="0.6s" fill="freeze"/>
-            <animate attributeName="opacity" values="1;1;0;0;1" keyTimes="0;0.45;0.5;0.95;1" dur="0.75s" repeatCount="indefinite"/>
+
+        <!-- Caret (travels with reveal, blinks forever, loops with mask) -->
+        <rect x="60" y="34" width="2" height="30" rx="1" ry="1" fill="#111111">
+            <animate attributeName="x"
+                     values="60;740;740;60"
+                     keyTimes="0;0.82;0.88;1"
+                     dur="6s"
+                     calcMode="spline"
+                     keySplines="0.4 0 1 1; 0 0 1 1; 0 0 1 1"
+                     repeatCount="indefinite"/>
+            <animate attributeName="opacity"
+                     values="1;1;0;0;1"
+                     keyTimes="0;0.45;0.5;0.95;1"
+                     dur="0.75s"
+                     repeatCount="indefinite"/>
         </rect>
-        <!-- Text -->
+
+        <!-- Text (clipped for typing). Spacing aligned -->
         <g clip-path="url(#reveal)" font-family="Comic Sans MS, cursive, sans-serif" font-size="18">
-            <text x="40" y="58" fill="#111111" textLength="720" lengthAdjust="spacingAndGlyphs">
+            <text x="60" y="58" fill="#111111" textLength="680" lengthAdjust="spacingAndGlyphs">
                 <tspan>🔔 Stay connected — get </tspan>
                 <tspan font-weight="700">real-time updates</tspan>
                 <tspan> about this repo on our </tspan>
