Back to white background && include markdown text

app.py

@@ -129,16 +129,45 @@ def main(input_file_path, species):
 if __name__ == "__main__":   
 
     css = """
-    body {background-color: black; color: white;}
-    .gradio-container {background-color: black; color: white;}
-    .gr-file, .gr-image {background-color: #333; color: white; border-color: white;}
+    body {background-color: white; color: black;}
+    .gradio-container {background-color: white; color: black;}
+    .gr-file, .gr-image {background-color: #f0f0f0; color: black; border-color: black;}
     """
 
     with gr.Blocks(css=css) as demo:
         gr.Markdown(
             '''
             <div style="text-align:center; margin-bottom:20px;">
-                <span style="font-size:3em; font-weight:bold; color: white;">UCE 100M Demo</span>
+                <span style="font-size:3em; font-weight:bold; color: black;">UCE 100M Demo</span>
+            </div>
+            <div style="text-align:center; margin-bottom:10px;">
+                <span style="font-size:1.5em; font-weight:bold; color: black;">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://www.biorxiv.org/content/10.1101/2023.11.28.568918v1">
+                    <img src="https://img.shields.io/badge/bioRxiv-2023.11.28.568918-green?style=plastic" alt="Paper" style="display:inline-block; margin-right:10px;">
+                </a>
+            </div>
+            <div style="text-align:left; margin-bottom:20px; color: black;">
+                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: black;">
+                <ol style="list-style:none; padding-left:0;">
+                    <li>1. Upload your `.h5ad` file</li>
+                    <li>2. Select the species</li>
+                    <li>3. Click "Run" to 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: black;">
+                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: black;">
+                Rosen, Y., Roohani, Y., Agarwal, A., Samotorčan, L., Tabula Sapiens Consortium, Quake, S. R., & Leskovec, J. Universal Cell Embeddings: A Foundation Model for Cell Biology. bioRxiv. https://doi.org/10.1101/2023.11.28.568918
             </div>
             '''
         )
@@ -157,4 +186,4 @@ if __name__ == "__main__":
             outputs=[image_output, file_output]
         )
 
-    demo.launch()
+    demo.launch()