Update app.py

app.py

@@ -38,8 +38,34 @@ def convert_image(image, color_mode, hierarchical, mode, filter_speckle,
 
     return gr.HTML(f'<svg viewBox="0 0 {image.width} {image.height}">{svg_str}</svg>'), temp_file.name
 
-app = gr.Interface(
-    fn=convert_image, 
+# HTML code for the ad banner
+ad_code = """
+<div style="text-align: center;">
+<iframe src="https://www.fiverr.com/gig_widgets?id=U2FsdGVkX1+9vQaosK0mq7xGXzIb/5hdFYIQsmHlpeMwFm5gingveDZKXBz2oJwV7ZwvToxseOx/KzKtr77ryB3qTb83/+GvCyI8OKpZcSgM0sDHzEPlZnqNeu8Db4y/IXlAceA1UcYT5Z3cW5vBLrgJ/WOpyMWSiyfwwMmGngjltQBexcivW7ukRd+/0yos7GCbfGjGdnLPHm2LB/CB9w2mA1i8cVv9LU+UUdj/O5KLRXtnychl9wAMkPTpmwMiyuAfUZy0nbK/Xa5O2UecmCvn7wicTr0TCTpLmIxaEh3YftXOVr9e36OGVYTmy5nlsgujkqJPI7wL0dXfon0ru4kvoycC7UD6m/whMoxrWZOf386qV2eEeXzk3vKO/emXUUfSavtofzSBtjLcyAOVhnHJg27PvVPgvFTQdy0o3F1M0DaHYTVW3Ln45MPYvMSH&affiliate_id=36184&strip_google_tagmanager=true" loading="lazy" data-with-title="false" class="fiverr_nga_frame" frameborder="0" height="350" width="100%" referrerpolicy="no-referrer-when-downgrade" data-mode="random_gigs" onload=" var frame = this; var script = document.createElement('script'); script.addEventListener('load', function() { window.FW_SDK.register(frame); }); script.setAttribute('src', 'https://www.fiverr.com/gig_widgets/sdk'); document.body.appendChild(script); " ></iframe>
+</div>
+	"""
+
+# HTML code for the ad banner
+ad_code2 = """
+<div style="text-align: center;">
+    <a href="https://beta.publishers.adsterra.com/referral/UNXJYTziBP" target="_blank" style="display: inline-block;">
+        <img decoding="async" alt="banner" src="https://landings-cdn.adsterratech.com/referralBanners/gif/468x120_adsterra_reff.gif">
+    </a>
+    <a href="https://go.fiverr.com/visit/?bta=36184&brand=fiverrcpa&landingPage=https%253A%252F%252Fwww.fiverr.com%252Fcategories%252Fprogramming-tech%252Fai-coding%252Fai-applications%253Fsource%253Dcategory_tree" target="_blank" style="display: inline-block;">
+        <img fetchpriority="high" decoding="async" width="468" height="120" src="https://ziverr.xyz/wp-content/uploads/2024/06/PASSIVE-1.gif" class="attachment-large size-large wp-image-1266" alt="">
+    </a>
+</div>
+	"""
+
+# Gradio interface
+iface = gr.Blocks()
+
+with iface:
+
+    gr.HTML(ad_code2)
+    
+    gr.Interface(
+    fn=convert_image,
     inputs=[
         gr.Image(type="pil", label="Upload Image"),
         gr.Radio(choices=["Color", "Binary"], value="Color", label="Color Mode"),
@@ -53,13 +79,15 @@ app = gr.Interface(
         gr.Slider(minimum=1, maximum=20, value=10, step=1, label="Max Iterations"),
         gr.Slider(minimum=10, maximum=90, value=45, step=1, label="Splice Threshold"),
         gr.Slider(minimum=1, maximum=10, value=8, step=1, label="Path Precision")
-    ], 
+    ],
     outputs=[
         gr.HTML(label="SVG Output"),
         gr.File(label="Download SVG")
     ],
     title="Convert Image to SVG vectors",
-    description="Upload an image and customize the conversion parameters as needed."
+    description="Upload an image and customize the conversion parameters as needed.",
 )
 
-app.launch()
+    gr.HTML(ad_code)
+    
+iface.launch()