Update index.html

index.html

@@ -110,24 +110,26 @@
     </div>
   </div>
 
-  <!-- Widget 3: Timeline -->
+  <!-- Widget 3: News -->
   <div class="section">
-    <h2>Market Timeline</h2>
-    <div class="tradingview-widget-container">
-      <div class="tradingview-widget-container__widget"></div>
-      <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-timeline.js" async>
-      {
-        "feedMode": "all_symbols",
-        "isTransparent": false,
-        "displayMode": "regular",
-        "width": 400,
-        "height": 550,
-        "colorTheme": "dark",
-        "locale": "en"
-      }
-      </script>
-    </div>
+    <h2>News</h2>
+<iframe style="border: none; width:330px; height: 990px;" data-widget-name="NewsWidget" src="https://widget.darqube.com/news-widget?token=67f8a24b26dbae65032400b7" id="NewsWidget-n50sg30"></iframe>
+<script>
+  window.top.addEventListener("message", function(msg) {
+    const widget = document.getElementById('NewsWidget-n50sg30');
+    
+    if (!widget) return;
+    
+    const styles = msg.data?.styles;
+    const token = msg.data?.token;
+    const urlToken = new URL(widget.src)?.searchParams?.get?.('token');
+    if (styles && token === urlToken) {
+      Object.keys(styles).forEach(key => widget.style.setProperty(key, styles[key]))
+    }
+  });
+</script>
   </div>
-
+</div>
+  
 </body>
 </html>