Update app.py

app.py

@@ -26,13 +26,14 @@ theme = gr.themes.Monochrome(
     neutral_hue="slate",
 )
 model_card = f"""
-## Description
-It is a app for predicting Rf values of two compounds under different eluents in TLC.
-input: smiles of two compounds, such as CC(OCC)=O
-output: three images that show the Rf curve with different eluent ratios under PE/EA, DCM/MeOH, PE:Et2O system.
-
-#Citation
-Welcome to cite our work:
+## Description\n
+It is a app for predicting Rf values of a compound under given eluents in TLC.\n
+input: smiles of one compounds, such as CC(OCC)=O; \n
+       the ratio of five solvents (example: 20 1 0 0 0 for PE:EA=20:1)\n
+output: the predicted Rf value.\n
+
+## Citation
+Welcome to cite our work:\n
 H. Xu, J. Lin, Q. Liu, Y. Chen, J. Zhang, Y. Yang, M.C. Young, Y. Xu, D. Zhang, F. Mo
 High-throughput discovery of chemical structure-polarity relationships combining automation and machine-learning techniques
 Chem (2022), pp. 1-13, 10.1016/j.chempr.2022.08.008
@@ -281,7 +282,14 @@ def predict_single(smile,PE,EA,DCM,MeOH,Et20):
     return Rf[0]
 
 if __name__=='__main__':
-    demo = gr.Interface(fn=predict_single, inputs=["text", "number","number","number","number","number"], outputs='number')
+    with gr.Blocks(theme=theme) as demo:
+        gr.Markdown('''
+                <div>
+                <h1 style='text-align: center'>Rf comparison</h1>
+                </div>
+            ''')
+        gr.Markdown(model_card)
+        demo = gr.Interface(fn=predict_single, inputs=["text", "number","number","number","number","number"], outputs='number')
     demo.launch()
     # smile='O=C(OC1C(OC(C)=O)C(OC(C)=O)C(OC(C)=O)C(COC(C)=O)O1)C'
     # eluent=[0,0.9,0,0,0]