Added example for knowledge graph

app.py

@@ -554,7 +554,7 @@ with gr.Blocks(css=".gradio-container {background-color: #F0FFFF}") as demo:
   # gr.Markdown("! [title](https://pixabay.com/photos/tree-sunset-clouds-sky-silhouette-736885/)")
   gr.Markdown("""<p style='color:black;font-family:monospace'>Our Sherlock's Phoeniks Search Squad solution is a facial recognition 
 system that utilizes generative AI models like ChatGPT and stable 
-diffusion/Dalle, as well as computer vision techniques, to identify and locate 
+diffusion, as well as computer vision techniques, to identify and locate 
 missing persons in real time . The system will take input in the form of text 
 describing the appearance of the missing person, as well as raw images 
 such as sketches, CCTV footage, or blurry photos. The algorithm will then 
@@ -566,6 +566,8 @@ home</p>""")
   gr.HTML(value="<img src='https://i.ibb.co/Ms1jcDv/104cc37752fa.png' alt='Flow Diagram' style='height:500px;width:1200px'>")
   # gr.Image(detail).style(height=400, width=1200)
   with gr.Accordion("Generate Prompt",open=False):
+    gr.Markdown("**Generate Prompt**")   
+    gr.Markdown("**Refer to the example below**")   
     gr.HTML(value="<img src='https://i.ibb.co/hm1hGsP/503e7730-b23c-401a-a73a-3fef2eb074d9.jpg' alt='Generate Prompt' width='1200' height='300'/>")  
     print('DEBUG: FIRST WITH')
     gr.Markdown("**Generate Prompt from the face description for image generation**")
@@ -591,8 +593,9 @@ home</p>""")
   abtn = gr.Button("Generate mugshot phrase")
   abtn.click(generate_prompt, inputs=[text1_1,text1_2,text1_3,text1_4], outputs=text2)
   with gr.Accordion("Generate MugShot",open=False):
-    gr.Markdown("**Generate MugShot from the input prompt using Dall-E**")
+    gr.Markdown("**Generate MugShot from the input prompt using StableDiffusion**")
     gr.Markdown("**Use StableDiffusion Image Generation for text to image**")
+    gr.Markdown("**Refer to the example below**")   
     gr.HTML(value="<img src='https://i.ibb.co/9WsBLD0/21aa355d-5005-4fbb-bf50-4ded05e6075e.jpg' alt='Genrate image from prompt' style='height:500px;width:1200px'>")  
     # model = gr.Radio(["StableDiffusion"])
     with gr.Row():  
@@ -610,6 +613,7 @@ home</p>""")
     with gr.Accordion("Pre-drawn Sketch",open=False):
       gr.Markdown("**Generate Colorful Image from pre drawn sketch**")
       gr.Markdown("**Use StableDiffusion Depth2Image for Image to Image transformation**")
+      gr.Markdown("**Refer to the example below**") 
       gr.HTML(value="<img src='https://i.ibb.co/H4k0B7k/c58db90d-9479-411d-aaff-15863d2479a0.jpg' alt='Generate Image from sketch' style='height:500px;width:1200px'>")  
       with gr.Row():  
         with gr.Column():
@@ -639,8 +643,9 @@ home</p>""")
       ebtn.click(transform1, inputs=[im4,text6,text7], outputs=im5)
 
   with gr.Accordion("Check Database",open=False):
-    gr.Markdown("**Check if the image matches any image in our database using face_recognition**")
+    gr.Markdown("**Check if the image matches any image in our database using face recognition**")
     gr.Markdown("**Use Face Recognition, Face Detection and Computer Vision to match images**")
+    gr.Markdown("**Refer to the example below**") 
     gr.HTML(value="<img src='https://i.ibb.co/bBnDxqT/c5d2fe61-4b99-4cbc-934c-1ae9edfa4386.png' alt='Check Database' width='1200' height='300'/>")    
     with gr.Row():  
       with gr.Column():
@@ -655,6 +660,7 @@ home</p>""")
   with gr.Accordion("Search Google",open=False):
     gr.Markdown("**Check if the image is present on the Internet**")
     gr.Markdown("**Using Google search api to search the image on Web**")
+    gr.Markdown("**Refer to the example below**") 
     gr.HTML(value="<img src='https://i.ibb.co/9v7vwVF/58f827cc-e24a-4df8-ab0f-40204d0940ec.jpg' alt='Check Google' width='1200' height='300'/>")    
     with gr.Row():  
       with gr.Column():
@@ -668,6 +674,7 @@ home</p>""")
 
   with gr.Accordion("Search in CCTV footage",open=False):
     gr.Markdown("**Upload a video to identify missing person in the footage**")
+    gr.Markdown("**Refer to the example below**") 
     gr.HTML(value="<img src='https://i.ibb.co/H7t0R5C/bb71faf0-f86f-4064-b796-7a4dea6efdc7.jpg' alt='Check cctv' width='1200' height='300'/>")  
     with gr.Row(): 
       with gr.Column():
@@ -680,6 +687,8 @@ home</p>""")
       
   with gr.Accordion("Generate Knowledge Graph",open=False):
     gr.Markdown("**Genrate Knowledge Graph**")
+    gr.Markdown("**Refer to the example below**")  
+    gr.HTML(value="<img src='https://i.ibb.co/j3j5Y3Q/4f4f9ed9-b52d-4ed9-a5e8-5864bffd4718.jpg' alt='Generate knowlwdge graph' width='1200' height='300'/>")   
     with gr.Row():
       with gr.Column():
         prompt_to_generate_graph = gr.Text()