Spaces:
Build error
Build error
Update app.py
Browse filesCambiar botón a español. Chatbot ocupando más pantalla.
app.py
CHANGED
|
@@ -141,7 +141,7 @@ my_theme = gr.themes.Soft(
|
|
| 141 |
shadow_spread='*button_shadow_active'
|
| 142 |
)
|
| 143 |
|
| 144 |
-
with gr.Blocks(theme=my_theme) as demo:
|
| 145 |
with gr.Column(visible=True) as inicial:
|
| 146 |
gr.HTML(
|
| 147 |
"""
|
|
@@ -196,7 +196,7 @@ with gr.Blocks(theme=my_theme) as demo:
|
|
| 196 |
"<p style='text-align: left'>Sabemos que la paternidad puede suponer un gran desafío. Nuestra misión es brindarles a todos los padres unas herramientas de última tecnología que los ayuden a navegar esos primeros meses de vida tan cruciales en el desarrollo de sus pequeños.</p>"
|
| 197 |
"<h4 style='text-align: left; font-size: 1.5em;'>¿Qué ofrece Iremia?</h4>"
|
| 198 |
"<p style='text-align: left'>Chatbot: Pregunta a nuestro asistente que te ayudará con cualquier duda que tengas sobre el cuidado de tu bebé.</p>"
|
| 199 |
-
"<p style='text-align: left'>
|
| 200 |
"<p style='text-align: left'>Monitor: Nuestro monitor no es como otros que hay en el mercado, ya que es capaz de reconocer si un sonido es un llanto del bebé o no; y si está llorando, predice automáticamente la causa. Dándote la tranquilidad de saber siempre qué pasa con tu pequeño, ahorrándote tiempo y horas de sueño.</p>"
|
| 201 |
)
|
| 202 |
boton_inicial = gr.Button("¡Prueba nuestros modelos!")
|
|
@@ -209,14 +209,18 @@ with gr.Blocks(theme=my_theme) as demo:
|
|
| 209 |
retry_btn=None, # Botón de reintentar desactivado
|
| 210 |
undo_btn=None, # Botón de deshacer desactivado
|
| 211 |
clear_btn="Limpiar 🗑️", # Botón de limpiar mensajes
|
|
|
|
| 212 |
autofocus=True, # Enfocar automáticamente el campo de entrada de texto
|
| 213 |
fill_height=True, # Rellenar el espacio verticalmente
|
| 214 |
)
|
| 215 |
with gr.Row(): # Fila para los botones de cambio de pestaña
|
| 216 |
with gr.Column(): # Columna para el botón del predictor
|
| 217 |
-
|
|
|
|
| 218 |
with gr.Column(): # Columna para el botón del monitor
|
| 219 |
-
|
|
|
|
|
|
|
| 220 |
with gr.Column(visible=False) as pag_predictor: # Columna para la pestaña del predictor
|
| 221 |
gr.Markdown("<h2>Predictor</h2>") # Título de la pestaña del predictor
|
| 222 |
gr.Markdown("<h4 style='text-align: center; font-size: 1.5em'>Descubre por qué tu bebé está llorando</h4>") # Descripción de la pestaña del predictor
|
|
@@ -262,6 +266,7 @@ with gr.Blocks(theme=my_theme) as demo:
|
|
| 262 |
)
|
| 263 |
volver.click(cambiar_pestaña, outputs=[pag_monitor, chatbot]) # Botón para volver a la pestaña del chatbot
|
| 264 |
boton_inicial.click(cambiar_pestaña, outputs=[inicial, chatbot]) # Botón para cambiar a la pestaña inicial
|
|
|
|
| 265 |
boton_predictor.click(cambiar_pestaña, outputs=[chatbot, pag_predictor]) # Botón para cambiar a la pestaña del predictor
|
| 266 |
boton_monitor.click(cambiar_pestaña, outputs=[chatbot, pag_monitor]) # Botón para cambiar a la pestaña del monitor
|
| 267 |
demo.launch(share=True) # Lanzar la interfaz gráfica
|
|
|
|
| 141 |
shadow_spread='*button_shadow_active'
|
| 142 |
)
|
| 143 |
|
| 144 |
+
with gr.Blocks(theme=my_theme, fill_height=True, fill_width=True) as demo:
|
| 145 |
with gr.Column(visible=True) as inicial:
|
| 146 |
gr.HTML(
|
| 147 |
"""
|
|
|
|
| 196 |
"<p style='text-align: left'>Sabemos que la paternidad puede suponer un gran desafío. Nuestra misión es brindarles a todos los padres unas herramientas de última tecnología que los ayuden a navegar esos primeros meses de vida tan cruciales en el desarrollo de sus pequeños.</p>"
|
| 197 |
"<h4 style='text-align: left; font-size: 1.5em;'>¿Qué ofrece Iremia?</h4>"
|
| 198 |
"<p style='text-align: left'>Chatbot: Pregunta a nuestro asistente que te ayudará con cualquier duda que tengas sobre el cuidado de tu bebé.</p>"
|
| 199 |
+
"<p style='text-align: left'>Predictor: Con nuestro modelo de inteligencia artificial somos capaces de predecir por qué tu bebé está llorando.</p>"
|
| 200 |
"<p style='text-align: left'>Monitor: Nuestro monitor no es como otros que hay en el mercado, ya que es capaz de reconocer si un sonido es un llanto del bebé o no; y si está llorando, predice automáticamente la causa. Dándote la tranquilidad de saber siempre qué pasa con tu pequeño, ahorrándote tiempo y horas de sueño.</p>"
|
| 201 |
)
|
| 202 |
boton_inicial = gr.Button("¡Prueba nuestros modelos!")
|
|
|
|
| 209 |
retry_btn=None, # Botón de reintentar desactivado
|
| 210 |
undo_btn=None, # Botón de deshacer desactivado
|
| 211 |
clear_btn="Limpiar 🗑️", # Botón de limpiar mensajes
|
| 212 |
+
submit_btn="Enviar", # Botón de enviar mensaje
|
| 213 |
autofocus=True, # Enfocar automáticamente el campo de entrada de texto
|
| 214 |
fill_height=True, # Rellenar el espacio verticalmente
|
| 215 |
)
|
| 216 |
with gr.Row(): # Fila para los botones de cambio de pestaña
|
| 217 |
with gr.Column(): # Columna para el botón del predictor
|
| 218 |
+
gr.Markdown("<h2>Predictor</h2>") # Título de la pestaña del chatbot
|
| 219 |
+
boton_predictor = gr.Button("Probar predictor") # Botón para cambiar a la pestaña del predictor
|
| 220 |
with gr.Column(): # Columna para el botón del monitor
|
| 221 |
+
gr.Markdown("<h2>Monitor</h2>") # Título de la pestaña del chatbot
|
| 222 |
+
boton_monitor = gr.Button("Probar monitor") # Botón para cambiar a la pestaña del monitor
|
| 223 |
+
boton_volver_inicio = gr.Button("Volver al inicio") # Botón para volver a la pestaña inicial
|
| 224 |
with gr.Column(visible=False) as pag_predictor: # Columna para la pestaña del predictor
|
| 225 |
gr.Markdown("<h2>Predictor</h2>") # Título de la pestaña del predictor
|
| 226 |
gr.Markdown("<h4 style='text-align: center; font-size: 1.5em'>Descubre por qué tu bebé está llorando</h4>") # Descripción de la pestaña del predictor
|
|
|
|
| 266 |
)
|
| 267 |
volver.click(cambiar_pestaña, outputs=[pag_monitor, chatbot]) # Botón para volver a la pestaña del chatbot
|
| 268 |
boton_inicial.click(cambiar_pestaña, outputs=[inicial, chatbot]) # Botón para cambiar a la pestaña inicial
|
| 269 |
+
boton_volver_inicio.click(cambiar_pestaña, outputs=[chatbot, inicial]) # Botón para volver a la pestaña inicial desde el chatbot
|
| 270 |
boton_predictor.click(cambiar_pestaña, outputs=[chatbot, pag_predictor]) # Botón para cambiar a la pestaña del predictor
|
| 271 |
boton_monitor.click(cambiar_pestaña, outputs=[chatbot, pag_monitor]) # Botón para cambiar a la pestaña del monitor
|
| 272 |
demo.launch(share=True) # Lanzar la interfaz gráfica
|