Update app.py

app.py

@@ -11,27 +11,38 @@ is_comfit_alive = False
 clean_link = "comfit-copilot.mch250095.projects.jetstream-cloud.org:3000"
 full_url = f"http://{clean_link}"
 
-# Styled HTML for the American Flag themed button
-AMERICAN_FLAG_LINK = f"""
-<div style="text-align: center; margin: 20px 0;">
-    <a href="{full_url}" target="_blank" style="
-        display: inline-block;
-        padding: 15px 30px;
-        font-size: 24px;
-        font-weight: bold;
-        text-decoration: none;
-        color: white;
-        background: linear-gradient(90deg, #B22234 33%, #FFFFFF 33%, #FFFFFF 66%, #3C3B6E 66%);
-        background-size: 300% 100%;
-        border: 4px solid #3C3B6E;
-        border-radius: 10px;
-        text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
-        box-shadow: 0 4px 15px rgba(0,0,0,0.3);
-        transition: transform 0.2s;
-    " onmouseover="this.style.transform='scale(1.05)'" onmouseout="this.style.transform='scale(1)'">
-        <span style="color: #FFFFFF; background-color: #B22234; padding: 2px 5px; border-radius: 3px;">🇺🇸</span> 
-        <span style="color: #3C3B6E;">Click here for ComFit Copilot</span>
-        <span style="color: #FFFFFF; background-color: #3C3B6E; padding: 2px 5px; border-radius: 3px;">🇺🇸</span>
+# Styled HTML for a flashing green block with black text
+GREEN_FLASHING_LINK = f"""
+<style>
+@keyframes flash {{
+    0% {{ opacity: 1; }}
+    50% {{ opacity: 0.4; }}
+    100% {{ opacity: 1; }}
+}}
+.flashing-btn {{
+    display: inline-block;
+    padding: 20px 40px;
+    font-size: 26px;
+    font-weight: 900;
+    text-decoration: none;
+    color: black !important;
+    background-color: #39FF14;
+    border: 5px solid black;
+    border-radius: 4px;
+    text-align: center;
+    animation: flash 1s infinite;
+    box-shadow: 0 0 20px #39FF14;
+    transition: transform 0.2s;
+}}
+.flashing-btn:hover {{
+    animation: none;
+    transform: scale(1.05);
+    opacity: 1;
+}}
+</style>
+<div style="text-align: center; margin: 30px 0;">
+    <a href="{full_url}" target="_blank" class="flashing-btn">
+        CLICK HERE FOR COMFIT COPILOT
     </a>
 </div>
 """
@@ -75,7 +86,7 @@ def get_current_status():
         else:
             is_comfit_alive = False
 
-        link_update = gr.update(value=AMERICAN_FLAG_LINK if is_comfit_alive else "", visible=is_comfit_alive)
+        link_update = gr.update(value=GREEN_FLASHING_LINK if is_comfit_alive else "", visible=is_comfit_alive)
         return status_text, f"👥 Active Users: {active_user_count}", link_update
     except Exception as e:
         return f"❌ Error: {str(e)}", f"👥 Active Users: {active_user_count}", gr.update()
@@ -112,7 +123,7 @@ def manage_instance():
             try:
                 if requests.get(full_url, timeout=3).status_code < 500:
                     is_comfit_alive = True
-                    yield ("🎉 Success! ComFit is ready.", gr.update(value=AMERICAN_FLAG_LINK, visible=True))
+                    yield ("🎉 Success! ComFit is ready.", gr.update(value=GREEN_FLASHING_LINK, visible=True))
                     return
             except: pass
             yield (f"🔄 Milestone 3/3: Software booting ({i+1}/24)...", gr.update(visible=False))
@@ -131,10 +142,7 @@ function playNotification(status) {
     }
 }
 function resetTimer() { idleTime = 0; }
-window.onmousemove = resetTimer;
-window.onmousedown = resetTimer;
-window.onclick = resetTimer;
-window.onkeypress = resetTimer;
+window.onmousemove = resetTimer; window.onmousedown = resetTimer; window.onclick = resetTimer; window.onkeypress = resetTimer;
 setInterval(function() {
     idleTime++;
     if (idleTime >= MAX_IDLE) {
@@ -161,7 +169,7 @@ with gr.Blocks() as demo:
     
     status_label = gr.Label(value="Ready")
     
-    # Logic Change: Use gr.HTML for the link instead of Markdown to hide the URL and center it
+    # Flashing link box above instructions
     link_box = gr.HTML(visible=False)
 
     gr.Markdown("---")
@@ -186,6 +194,14 @@ with gr.Blocks() as demo:
     Once you sign-up using your email, a button will pop-up showing that you need to confirm email. You can safely ignore this step and continue with login using information you just used for sign-up.
     """)
 
+    # Logo Footer Section
+    gr.Markdown("---")
+    gr.Markdown("<center><h3>Supported By</h3></center>")
+    with gr.Row():
+        gr.Image("logo1.png", show_label=False, interactive=False, container=False, scale=1)
+        gr.Image("logo2.png", show_label=False, interactive=False, container=False, scale=1)
+        gr.Image("logo3.png", show_label=False, interactive=False, container=False, scale=1)
+
     live_status.change(None, inputs=live_status, js="(s) => playNotification(s)")
     activate_btn.click(fn=manage_instance, outputs=[status_label, link_box])
     refresh_btn.click(fn=get_current_status, outputs=[live_status, user_display, link_box])