Update app.py

app.py

@@ -68,7 +68,7 @@ def obtener_color_porcentaje(porcentaje):
     elif porcentaje >= 40:
         return '#F0E68C'  # Amarillo anaranjado
     elif porcentaje >= 20:
-        return '#98FB98'  # Verdoso
+        return '#85e985'  # Verdoso
     else:
         return 'green'
 
@@ -123,12 +123,14 @@ def generar_html_similaridad(porcentajes_similaridad):
     similaridad_html += "</div>"
     return similaridad_html
 
+
 iface = gr.Interface(
-    fn=analyze_keywords,
-    inputs="text",
-    outputs=["html", "html"],
-    title="Comparador de Keywords en Google",
-    description="Introduce las keywords separadas por comas para encontrar coincidencias en los resultados de búsqueda de Google. Las URLs comunes entre las búsquedas se resaltarán en colores únicos y se mostrará el porcentaje de similaridad."
+    fn=canibalizacion_interface,
+    inputs=["text", "text"],
+    outputs="html",
+    title="<div style='margin:0 auto;text-align:center'><div style='margin:0 auto;text-align:center'><img style='width:100px;display: inline-table;margin-bottom:-10px' src='https://artxeweb.com/media/files/canibal.jpg'><p>Canibal SEO</p></div>",
+    description="<p style='margin-bottom:10px;text-align:center;background: #ffffff; padding: 8px; border-radius: 8px; border-width: 1px; border: solid 1px #e5e7eb;'>Introduce las keywords separadas por comas para encontrar coincidencias en los resultados de búsqueda de Google. Las URLs comunes entre las búsquedas se resaltarán en colores únicos y se mostrará el porcentaje de similaridad.</p>",
+    article="<div style='margin-top:10px'><p style='text-align: center !important; background: #ffffff; padding: 5px 30px; border-radius: 8px; border-width: 1px; border: solid 1px #e5e7eb; width: fit-content; margin: auto;'>Desarrollada por <a style='text-decoration: none !important; color: #e12a31 !important;' href='https://artxeweb.com/'>© Artxe Web</a></p></div>"
 )
 
 iface.launch()