Update modules/ui/ui.py
Browse files- modules/ui/ui.py +30 -2
modules/ui/ui.py
CHANGED
@@ -213,14 +213,15 @@ def is_institutional_email(email):
|
|
213 |
|
214 |
def display_videos_and_info(lang_code, t):
|
215 |
# Crear tabs para cada sección
|
216 |
-
tab_use_case, tab_videos, tab_events, tab_news = st.tabs([
|
217 |
"Casos de uso",
|
218 |
"Videos de presentaciones",
|
219 |
"Ponencias académicas",
|
|
|
220 |
"Control de versiones"
|
221 |
])
|
222 |
|
223 |
-
# Tab de
|
224 |
with tab_use_case:
|
225 |
use_case_videos = {
|
226 |
"Uso de los diagramas de arco": "https://www.youtube.com/watch?v=JnP2U1Fm0rc",
|
@@ -310,6 +311,33 @@ def display_videos_and_info(lang_code, t):
|
|
310 |
Del 16 al 18 de mayo 2023
|
311 |
""")
|
312 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
313 |
# Tab de Novedades
|
314 |
with tab_news:
|
315 |
st.markdown("""
|
|
|
213 |
|
214 |
def display_videos_and_info(lang_code, t):
|
215 |
# Crear tabs para cada sección
|
216 |
+
tab_use_case, tab_videos, tab_events, tab_gallery, tab_news = st.tabs([
|
217 |
"Casos de uso",
|
218 |
"Videos de presentaciones",
|
219 |
"Ponencias académicas",
|
220 |
+
"Fotos de eventos"
|
221 |
"Control de versiones"
|
222 |
])
|
223 |
|
224 |
+
# Tab de Casos de uso
|
225 |
with tab_use_case:
|
226 |
use_case_videos = {
|
227 |
"Uso de los diagramas de arco": "https://www.youtube.com/watch?v=JnP2U1Fm0rc",
|
|
|
311 |
Del 16 al 18 de mayo 2023
|
312 |
""")
|
313 |
|
314 |
+
# Tab de Galería
|
315 |
+
with tab_gallery:
|
316 |
+
# Contenedor con ancho máximo
|
317 |
+
with st.container():
|
318 |
+
# Dividimos en dos columnas principales
|
319 |
+
col_left, col_right = st.columns(2)
|
320 |
+
|
321 |
+
# Columna izquierda: Foto 1 grande
|
322 |
+
with col_left:
|
323 |
+
# Foto 2 arriba
|
324 |
+
st.image("assets/img/socialmedia/_MG_2845.JPG",
|
325 |
+
caption="MakerFaire CDMX 2023",
|
326 |
+
width=480) # Ajusta este valor según necesites
|
327 |
+
# use_column_width=True)
|
328 |
+
|
329 |
+
# Foto 3 abajo
|
330 |
+
st.image("assets/img/socialmedia/Facebook_CoverPhoto-1_820x312.jpg",
|
331 |
+
caption="MakerFaire CDMX 2023",
|
332 |
+
width=480) # Ajusta este valor según necesites
|
333 |
+
# use_column_width=True)
|
334 |
+
|
335 |
+
# Columna derecha: Fotos 2 y 3 una encima de otra
|
336 |
+
with col_right:
|
337 |
+
st.image("assets/img/socialmedia/_MG_2790.jpg",
|
338 |
+
caption="MakerFaire CDMX 2024",
|
339 |
+
width=540) # Ajusta este valor según necesites
|
340 |
+
|
341 |
# Tab de Novedades
|
342 |
with tab_news:
|
343 |
st.markdown("""
|