test markdown

app.py

@@ -128,6 +128,7 @@ def main(input_file_path, species):
 
 if __name__ == "__main__":   
 
+
     css = """
     body {background-color: black; color: white;}
     .gradio-container {background-color: black; color: white;}
@@ -136,14 +137,40 @@ if __name__ == "__main__":
 
     with gr.Blocks(css=css) as demo:
         gr.Markdown(
-            """
-            ### UCE 100M Demo
-            
-            **Instructions:**
-            1. Upload a `.h5ad` single cell gene expression file.
-            2. Select the species (Human/Mouse).
-            3. View the UMAP scatter plot and download the UMAP embeddings.
-            """
+            '''
+            <div style="text-align:center; margin-bottom:20px; color: white;">
+                <span style="font-size:3em; font-weight:bold;">UCE 100M Demo</span>
+            </div>
+            <div style="text-align:center; margin-bottom:10px; color: white;">
+                <span style="font-size:1.5em; font-weight:bold;">Universal Cell Embeddings: Explore Single Cell Data</span>
+            </div>
+            <div style="text-align:center; margin-bottom:20px;">
+                <a href="https://github.com/minwoosun/UCE">
+                    <img src="https://badges.aleen42.com/src/github.svg" alt="GitHub" style="display:inline-block; margin-right:10px;">
+                </a>
+                <a href="https://arxiv.org/abs/2408.03322">
+                    <img src="https://img.shields.io/badge/arXiv-2408.03322-green?style=plastic" alt="Paper" style="display:inline-block; margin-right:10px;">
+                </a>
+            </div>
+            <div style="text-align:left; margin-bottom:20px; color: white;">
+                Upload a `.h5ad` single cell gene expression file and select the species (Human/Mouse). 
+                The demo will generate UMAP projections of the embeddings and allow you to download the embeddings for further analysis.
+            </div>
+            <div style="margin-bottom:20px; color: white;">
+                <ol style="list-style:none; padding-left:0;">
+                    <li>1. Upload your `.h5ad` file</li>
+                    <li>2. Select the species</li>
+                    <li>3. View the UMAP scatter plot</li>
+                    <li>4. Download the UMAP coordinates</li>
+                </ol>
+            </div>
+            <div style="text-align:left; line-height:1.8; color: white;">
+                Please consider citing the following paper if you use this tool in your research:
+            </div>
+            <div style="text-align:left; line-height:1.8; color: white;">
+                Sun, M., et al. Universal Cell Embeddings: A tool for single-cell analysis. arXiv:2408.03322 (2024)
+            </div>
+            '''
         )
 
         # Define Gradio inputs and outputs
@@ -159,4 +186,4 @@ if __name__ == "__main__":
             outputs=[image_output, file_output]
         )
     
-    demo.launch() 
+    demo.launch()