Update app.py

app.py

@@ -46,7 +46,7 @@ def create_brain_animation_app():
         for (let y = 99; y < svg.clientHeight - 99; y += 4) {
             for (let x = 99; x < svg.clientWidth - 99; x += 2) {
                 const[px, py] = brainShape(x, y);
-                if (Math.sqrt(px*px + py*py) > svg.clientWidth * 0.3 && Math.sqrt(px*px + py*py) < svg.clientWidth * 0.6) {  // Brain shape mask
+                if (Math.sqrt(px*px + py*py) > svg.clientWidth * 0.3 && Math.sqrt(px*px + py*py) < svg.clientWidth * 0.6) {
                     const circle = document.createElementNS(ns, 'circle');
                     circle.setAttribute('cx', px);
                     circle.setAttribute('cy', py);
@@ -57,11 +57,10 @@ def create_brain_animation_app():
             }
         }
         
-        t += Math.PI / 180;  // Adjust animation speed
+        t += Math.PI / 180;  
         requestAnimationFrame(drawBrain);
     }
 
-    // SVG Text for scrolling
     function addScrollingText(text) {
         const textElement = document.createElementNS(ns, 'text');
         textElement.setAttribute('x', '50%');
@@ -76,7 +75,7 @@ def create_brain_animation_app():
         
         let startX = 0;
         function animateText() {
-            startX = (startX - 1) % (svg.clientWidth + 200); // Adjust speed and text length
+            startX = (startX - 1) % (svg.clientWidth + 200); 
             textElement.setAttribute('transform', `translate(${startX}, 0)`);
             requestAnimationFrame(animateText);
         }
@@ -88,8 +87,26 @@ def create_brain_animation_app():
     </script>
     """
 
-    html_content = js_code
-    st.components.v1.html(html_content, height=st._legacy_dataframe._config.get_option('page_height'))
+    # Using a different approach for fullscreen element
+    st.markdown(
+        f"""
+        <style>
+        .full-screen-container {{
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100vw;
+            height: 100vh;
+            margin: 0;
+            padding: 0;
+            overflow: hidden;
+            z-index: -1;
+        }}
+        </style>
+        <div class="full-screen-container">
+            {js_code}
+        </div>
+        """, unsafe_allow_html=True)
 
 if __name__ == "__main__":
     create_brain_animation_app()