remove header if iframed, remove gradio footer

app.py

@@ -270,6 +270,7 @@ js_code = """
     captcha.async = true;
     captcha.defer = true;
     document.head.appendChild(captcha);
+    if (window.self !== window.top) document.getElementById('invariant-header').style.display = 'none';
     const discord_webhook =  getStorage('discord_webhook')
     return [discord_webhook];
 })
@@ -280,6 +281,7 @@ css = """
   font-family: NeueMontreal;
   src: url("https://invariantlabs.ai/theme/NeueMontreal-Regular.otf") format("opentype");
 }
+footer {visibility: hidden}
 """
 
 recaptcha_html = (
@@ -291,11 +293,10 @@ with gr.Blocks(
     theme=gr.themes.Soft(font="NeueMontreal"),
     css=css,
 ) as demo:
-    # gr.Markdown("# Security Challenge by Invariant Labs - Summer'24")
     gr.HTML("""<h1 style="display: inline-block; vertical-align: middle;">
   <img src="https://invariantlabs.ai/theme/images/logo.svg" alt="logo" style="vertical-align: middle; display: inline-block;">
   <span style="vertical-align: middle;">invariantlabs.ai - Security Challenge Summer 2024</span>
-</h1>""")
+</h1>""", elem_id="invariant-header")
 
     initial_table = initialize_table()
     playground_state = gr.State(initial_table)