Escape strings to avoid quote problems

app.py

@@ -1,5 +1,6 @@
 import streamlit as st
 import pandas as pd, numpy as np
+from html import escape
 import os
 from transformers import CLIPProcessor, CLIPTextModel, CLIPModel
 
@@ -23,9 +24,9 @@ source = {0: '\nSource: Unsplash', 1: '\nSource: The Movie Database (TMDB)'}
 def get_html(url_list, height=200):
     html = "<div style='margin-top: 20px; max-width: 1200px; display: flex; flex-wrap: wrap; justify-content: space-evenly'>"
     for url, title, link in url_list:
-        html2 = f"<img title='{title}' style='height: {height}px; margin: 5px' src='{url}'>"
+        html2 = f"<img title='{escape(title)}' style='height: {height}px; margin: 5px' src='{escape(url)}'>"
         if len(link) > 0:
-            html2 = f"<a href='{link}' target='_blank'>" + html2 + "</a>"
+            html2 = f"<a href='{escape(link)}' target='_blank'>" + html2 + "</a>"
         html = html + html2
     html += "</div>"
     return html
@@ -48,7 +49,9 @@ description = '''
 
 **Enter your query and hit enter**
 
-*Built with OpenAI's [CLIP](https://openai.com/blog/clip/) model, 🤗 Hugging Face's [transformers library](https://huggingface.co/transformers/), [Streamlit](https://streamlit.io/), 25k images from [Unsplash](https://unsplash.com/) and 8k images from [The Movie Database (TMDB)](https://www.themoviedb.org/)*
+*Built with OpenAI's [CLIP](https://openai.com/blog/clip/) model, 🤗 Hugging Face's [transformers library](https://huggingface.co/transformers/), [Streamlit](https://streamlit.io/), 25k images from [Unsplash](https://unsplash.com/) and 8k images from [The Movie Database (TMDB)](https://www.themoviedb.org/)
+
+Inspired by [Unsplash Image Search](https://github.com/haltakov/natural-language-image-search) from Vladimir Haltakov and [Alph, The Sacred River](https://github.com/thoppe/alph-the-sacred-river) from Travis Hoppe*
 '''
 
 def main():