Final Touch

_helper_functions.py

@@ -391,12 +391,12 @@ def display_alert_note(message, container):
     <style>
         @keyframes pulse {
             0% { transform: scale(1); }
-            50% { transform: scale(1.05); }
+            50% { transform: scale(1.03); }
             100% { transform: scale(1); }
         }
         @keyframes wiggle {
             0% { transform: rotate(0deg); }
-            50% { transform: rotate(2deg); }
+            50% { transform: rotate(6deg); }
             100% { transform: rotate(0deg); }
         }
         .alert-box {
@@ -408,27 +408,21 @@ def display_alert_note(message, container):
             box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
             animation: pulse 2s infinite alternate;
             transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
+            overflow:visible;
         }
         .alert-box:hover {
             transform: scale(1.05);
             box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-            animation: wiggle 0.5s infinite alternate;
+            animation: wiggle 0.3s infinite alternate;
         }
         .alert-icon {
             position: absolute;
-            top: 10px;
+            top: 40px;
             right: 10px;
             font-size: 24px;
         }
         .alert-flare {
-            position: absolute;
-            top: -20px;
-            left: -20px;
-            width: 100px;
-            height: 100px;
-            background-color: rgba(255, 255, 255, 0.3);
-            border-radius: 50%;
-            animation: pulse 2s infinite alternate;
+
         }
     </style>
     """
@@ -504,7 +498,7 @@ def display_attention_text(text, container):
     st.markdown(custom_css, unsafe_allow_html=True)
 
     # Display text in a Markdown object with custom CSS class
-    animated_text_html = ''.join(f'<span class="animated-text-in-attention" style="animation-delay: {i * 0.005}s;">{char}</span>' if char != ' ' else '<span class="animated-text-in-attention space"></span>' for i, char in enumerate(text))
+    animated_text_html = ''.join(f'<span class="animated-text-in-attention" style="animation-delay: {i * 0.0005}s;">{char}</span>' if char != ' ' else '<span class="animated-text-in-attention space"></span>' for i, char in enumerate(text))
 
     text_html = f"""
         <div class="build-text-container">

streamlit_app.py

@@ -76,6 +76,8 @@ if selected_option == "Retrieval Augmented Generation":
         display_heading_box(message = "Citations for responses", container= leftCol)
         loadItOnce(container=leftCol, animation=citations, height=200, quality='low')
 
+        upld.markdown("#")
+        upld.markdown("#")
         #------------------------------------------------------------------------------ Alert Message in the Middle Column of parent container
         display_alert_note(message="Note: \
                 Multiple Files with same names will be considered unique while constructing Vector Embeddings \