Update app.py

app.py

@@ -60,13 +60,55 @@ iface = gr.Interface(
     predict,
     inputs=gr.inputs.Image(label="Carregue uma imagem da região ocular", type="pil"),
     outputs=gr.outputs.Label(num_top_classes=2, label="Avaliação"),
-    title="Detecção de Catarata em Imagens Oculares",
     theme="compact",
-    css=""".output { font-size: 18px; }
-           .loading { display: none; }
-           .output.loading { display: block; text-align: center; }""",
-    description="Carregue uma imagem da região ocular para verificar a presença de catarata.",
+    css="""body {
+                background-color: #f0f0f0;
+                font-family: Arial, sans-serif;
+            }
+            .container {
+                margin: 20px;
+            }
+            .custom-upload-btn {
+                background-color: #007bff;
+                color: white;
+                padding: 10px 20px;
+                cursor: pointer;
+                border-radius: 5px;
+                font-weight: bold;
+            }
+            .output { 
+                font-size: 18px; 
+                text-align: center;
+            }
+            .loading { 
+                display: none; 
+            }
+            .output.loading { 
+                display: block; 
+                text-align: center; 
+            }
+            """,
 )
 
+# HTML personalizado para o cabeçalho
+header_html = """
+<div style="background-color: #007bff; padding: 20px; text-align: center;">
+    <h1 style="color: white;">Detecção de Catarata em Imagens Oculares</h1>
+</div>
+"""
+
+# Adicione o cabeçalho à interface
+iface.layout(header=header_html)
+
+# HTML personalizado para o rodapé
+footer_html = """
+<div style="background-color: #007bff; padding: 10px; text-align: center; color: white;">
+    &copy; 2023 Detecção de Catarata Inc.
+</div>
+"""
+
+# Adicione o rodapé à interface
+iface.layout(footer=footer_html)
+
 # Execute a interface Gradio
 iface.launch()