Update app.py

app.py

@@ -21,22 +21,13 @@ description_markdown = """
 - **Privacy:** Please ensure data privacy and don't upload any sensitive patient information to this tool. 
 """
 
-description_html = """
-<div style="background-color: #0b0f1a; color: white !important; padding: 10px; border-radius: 5px; box-shadow: 0 0 10px rgba(11,15,26,1); display: inline-flex; flex-direction: column; justify-content: center; align-items: center; margin: auto;">
-    <ul style="background-color: #1e2936; border-radius: 5px; color: white !important; padding: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.3); padding-left: 20px; text-align: left; list-style-position: inside;">
-        <li>This tool combines a U-Net Segmentation Model with a ResNet-50 for Classification.</li>
-        <li><strong>Usage:</strong> Just drag a pelvic x-ray into the box and hit run.</li>
-        <li><strong>Process:</strong> The input image will be segmented and cropped to the SIJ before classification.</li>
-        <li><strong>Please Note:</strong> This tool is intended for research purposes only.</li>
-        <li><strong>Privacy:</strong> Please ensure data privacy and don't upload any sensitive patient information to this tool.</li>
-    </ul>
-</div>
-"""
 css = """
-/* Existing CSS styles */
+h1 {
+    text-align: center;
+    display:block;
+}
 .markdown-block {
-    background-color: #0b0f1a !important; /* Light gray background */
-    color: black !important;             /* Black text */
+    background-color: #0b0f1a; /* Light gray background */
     padding: 10px;            /* Padding around the text */
     border-radius: 5px;       /* Rounded corners */
     box-shadow: 0 0 10px rgba(11,15,26,1);
@@ -48,7 +39,7 @@ css = """
 }
 
 .markdown-block ul, .markdown-block ol {
-    background-color: #1e2936 !important;
+    background-color: #1e2936;
     border-radius: 5px;
     padding: 10px;
     box-shadow: 0 0 10px rgba(0,0,0,0.3);
@@ -57,32 +48,8 @@ css = """
     list-style-position: inside;/* Ensures bullets/numbers are inside the content flow */
 }
 
-/* New custom CSS class for Gradio container */
-.gradiocontainer-custom {
-    background-color: #0b0f1a !important; /* Custom background color */
-    color: black !important;             /* Custom text color */
-    padding: 10px;                       /* Padding around the text */
-    border-radius: 5px;                  /* Rounded corners */
-    box-shadow: 0 0 10px rgba(11,15,26,1);
-    display: inline-flex;                /* Use inline-flex to shrink to content size */
-    flex-direction: column;
-    justify-content: center;             /* Vertically center content */
-    align-items: center;                 /* Horizontally center items within */
-    margin: auto;                        /* Center the block */
-}
-
-.gradiocontainer-custom ul, .gradiocontainer-custom ol {
-    background-color: #1e2936 !important;
-    border-radius: 5px;
-    padding: 10px;
-    box-shadow: 0 0 10px rgba(0,0,0,0.3);
-    padding-left: 20px;                  /* Adjust padding for bullet alignment */
-    text-align: left;                    /* Ensure text within list is left-aligned */
-    list-style-position: inside;         /* Ensures bullets/numbers are inside the content flow */
-}
-
 footer {
-    display:none !important;
+    display:none !important
 }
 """
 @spaces.GPU(duration=20)
@@ -132,7 +99,6 @@ with gr.Blocks(title="Anatomy Aware axSpA") as iface:
 
     gr.Markdown("# Anatomy-Aware Image Classification for radiographic axSpA")
     gr.Markdown(description_markdown, elem_classes="markdown-block")
-    gr.HTML(description_html)
 
 
     with gr.Row():