restructured with Blocks

app.py

@@ -21,7 +21,7 @@ img_df = pd.read_csv('image_data.csv')
 
 def url2img(url):
     data = requests.get(url, allow_redirects = True).content
-    #return Image.open(io.BytesIO(data))
+    return Image.open(io.BytesIO(data))
     return data
 
 def find_topk(text):
@@ -63,9 +63,23 @@ def find_topk(text):
 #demo = gr.Interface(find_topk, inputs = 'text', outputs = 'image')
 
 print('version', gr.__version__)
-demo = gr.Interface(fn = find_topk,
-                    inputs = gr.Textbox(label = 'Enter your prompt', lines = 2),
-                    outputs = gr.Gallery(),
-                    )
+
+with gr.Blocks(theme=gr.themes.Soft()) as demo:
+        gr.Markdown('# Enter a prompt in one of the supported languages.')
+        with gr.Row():
+            gr.Markdown('| Code     | Language | #    | Code     | Language             | #    | Code     | Language |' 
+                        '| :------- | :------- | :--- | :------- | :------------------- | :--- | :------- | :------- |'
+                        '| eng_Latn | English  | #    | fra_Latn | French               | #    | kor_Hang | Korean   |'
+                        '| deu_Latn | German   | #    | ita_Latn | Italian              | #    | pol_Latn | Polish   |'
+                        '| ita_Latn | Spanish  | #    | jpn_Jpan | Japanese             | #    | rus_Cyrl | Russian  |'
+                        '| tur_Latn | Turkish  | #    | zho_Hans | Chinese (Simplified) | #    | .        | .        |')
+
+            with gr.Column():
+                prompt_box = gr.Textbox(label = 'Enter your prompt', lines = 2)
+                btn_search = gr.Button("Find images")
+
+        gallery = gr.Gallery()
+        btn_search.click(find_topk, inputs = prompt_box, outputs = gallery)
+
 if __name__ == "__main__":
     demo.launch()